淺談網(wǎng)頁(yè)設計中的簡(jiǎn)約之美

隨著(zhù)網(wǎng)頁(yè)技術(shù)的不斷發(fā)展，網(wǎng)頁(yè)設計的趨勢在改變，扁平化、響應式、視覺(jué)差滾動(dòng)、卡片式等給設計師帶來(lái)了更多的發(fā)揮空間。簡(jiǎn)約的設計，也以其簡(jiǎn)潔直觀(guān)、輕薄美觀(guān)等特點(diǎn)，越來(lái)越受到設計師的追捧和大眾的喜愛(ài)。


那么什么是簡(jiǎn)約設計？


簡(jiǎn)約設計是將設計回歸本質(zhì)的一種設計理念。簡(jiǎn)約并是對內容的簡(jiǎn)單刪減，而是提煉設計精華，滿(mǎn)足美觀(guān)實(shí)用的本質(zhì)訴求。在網(wǎng)頁(yè)中，簡(jiǎn)約的設計，往往具清晰的頁(yè)面結構、簡(jiǎn)單的交互操作等特征，在滿(mǎn)足傳遞信息的同時(shí)，從視覺(jué)體驗的角度，為用戶(hù)帶來(lái)輕松、愉悅的美感。


那么在網(wǎng)頁(yè)中，怎樣做到簡(jiǎn)約呢？


下面是一些常見(jiàn)的方式：


1、 大標題

將大標題作為網(wǎng)頁(yè)的視覺(jué)中心，簡(jiǎn)潔圖片作為大標題的背景，這樣很容易將視覺(jué)聚焦，讓人一眼就能看出這個(gè)網(wǎng)頁(yè)是做什么的。另外，大標題在字體和色彩上，也盡量選擇一些簡(jiǎn)單的、顏色單一的效果，這樣視覺(jué)會(huì )更純粹。

例如：“職業(yè)DNF”主題站，為打造具豐富并個(gè)性差異職業(yè)體系，采用精致的大標題設計，結合簡(jiǎn)單的背景，重點(diǎn)突出又不失美觀(guān)。

例如：Nike為打造舒適的購物體驗，每一頁(yè)用簡(jiǎn)單的大標題和背景相結合，讓女人能很輕松的找到她們的SIZE,即簡(jiǎn)潔又直白

2、大背景


大圖片背景，是目前應用多的一種網(wǎng)頁(yè)呈現方式。將整張大圖片作為背景，不僅能產(chǎn)生強烈的視覺(jué)沖擊力，還可以對網(wǎng)頁(yè)內容起到一個(gè)很好的補充，有效的突出品牌形象。


例如：QQ飛車(chē)“夢(mèng)想再出發(fā)“預熱站，將大背景鋪滿(mǎn)整個(gè)頁(yè)面，每個(gè)畫(huà)面都含不同的寓意，增加了游戲的代入感，給人輕松、愉悅的感覺(jué)。

例如，Quechua山地運動(dòng)品牌，通過(guò)幾張照片和簡(jiǎn)單文字的說(shuō)明，將Quechua帳篷的特點(diǎn)及所處環(huán)境真實(shí)體現，仿佛一場(chǎng)美妙之旅讓人心動(dòng)。

3，留白
留白，是頁(yè)面構圖的重要組成部分，適當的加入留白，能讓文字便于閱讀，讓頁(yè)面各元素得到很好的區分，這樣的設計通俗易懂，有得于提升一個(gè)頁(yè)面的品質(zhì)感。


例如：“獸人必須死”首發(fā)引導頁(yè)面，周?chē)竺娣e留白，并結合簡(jiǎn)潔的排版，讓頁(yè)面模塊之間區分明顯，視覺(jué)集中，很好的給用戶(hù)引導，給人一種精致和輕松感。

例如：BRAUN博朗，整個(gè)頁(yè)面，簡(jiǎn)潔的圖片與文字的排版，讓視線(xiàn)非常集中，這樣用戶(hù)快速的將注意力集中到內容上去，非常符合他們的主題“Less,but better”,給人留下回味、想象的空間。

4，單純色彩

一個(gè)頁(yè)面，給人帶來(lái)第一印象的往往是它的色彩。不同的顏色帶給人不同的心理感受。當我們看慣色彩絢麗、對比鮮明的網(wǎng)頁(yè)之后，靜下來(lái)，回歸自然的狀態(tài)，運用單純的色彩，會(huì )有不一樣的體會(huì )和感悟。


如：刀鋒鐵騎品牌站，采用黑金兩色，將這款冷戰爭網(wǎng)游，用簡(jiǎn)單的方式表現純粹的視覺(jué)，更加有感染力。

例如：LINCOLN電影網(wǎng)站，運用常用的黑白兩種顏色搭配，讓網(wǎng)頁(yè)如此簡(jiǎn)約大方，給人留下無(wú)限想象空間。

5、“纖薄”文本框和銨鈕


在頁(yè)面中，將文本框或者銨鈕做得輕薄簡(jiǎn)潔，或為純色或者沒(méi)有紋理的一層薄線(xiàn)框。這種設計在確保功能性的同時(shí)，給人一種纖細的視覺(jué)美感。


例如：“sylviaspitzbart”化妝工作室，利用纖細線(xiàn)框，將內容很好的分割，頁(yè)面簡(jiǎn)潔而大方又不失品質(zhì)。

網(wǎng)頁(yè)中的簡(jiǎn)約，表現形式還很多，通常多種結合起來(lái)使用，這里就不一一說(shuō)明了。想要做到簡(jiǎn)約，也并不是一件簡(jiǎn)單的事情，它需要我們用心去發(fā)現、感受、割舍、提煉，從視覺(jué)體驗的角度去感受網(wǎng)頁(yè)的簡(jiǎn)約之美，把信息更合理、有效的傳遞給用戶(hù)，給用戶(hù)帶來(lái)輕松、實(shí)用、愉悅的體驗。