張全蛋(說(shuō)話狀)：大標(biāo)題！大背景,！要留白,！用純色！越薄越好,！今天騰訊游戲的莫同學(xué)總結(jié)了簡(jiǎn)約風(fēng)格設(shè)計(jì)的五個(gè)關(guān)鍵要素,，有案例有詳述，方法可靠,，令人信服,，這波簡(jiǎn)約潮流擋不住，有干貨就趕緊學(xué)起來(lái)吧 >>>

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

那么什么是簡(jiǎn)約設(shè)計(jì),？

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

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

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

一,、大標(biāo)題

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

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

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

二,、大背景

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

背景找得好,，過(guò)稿沒(méi)煩惱，新年圖庫(kù)放三波,！

1. 《免費(fèi)高清,！10個(gè)無(wú)版權(quán)限制的大圖特供網(wǎng)站》

2. 《免費(fèi)高清第二波,！12個(gè)無(wú)版權(quán)限制的大圖特供網(wǎng)站》

3. 《新年圖庫(kù)第一波,！20個(gè)無(wú)版權(quán)高清無(wú)碼圖庫(kù)站》

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

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

三,、留白

留白，是頁(yè)面構(gòu)圖的重要組成部分,，適當(dāng)?shù)募尤肓舭?，能讓文字便于閱讀，讓頁(yè)面各元素得到很好的區(qū)分,，這樣的設(shè)計(jì)通俗易懂,，有得于提升一個(gè)頁(yè)面的品質(zhì)感。

例如：“獸人必須死”首發(fā)引導(dǎo)頁(yè)面,，周圍大面積留白,，并結(jié)合簡(jiǎn)潔的排版，讓頁(yè)面模塊之間區(qū)分明顯,，視覺(jué)集中,，很好的給用戶引導(dǎo)，給人一種精致和輕松感,。

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

四,、單純色彩

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

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

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

五,、“纖薄”文本框和銨鈕

在頁(yè)面中，將文本框或者銨鈕做得輕薄簡(jiǎn)潔,，或?yàn)榧兩蛘邲](méi)有紋理的一層薄線框,。這種設(shè)計(jì)在確保功能性的同時(shí)，給人一種纖細(xì)的視覺(jué)美感,。

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

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