網(wǎng)頁設(shè)計(jì)中“無”的力量風(fēng)格

    作為設(shè)計(jì)師，我們都知道極簡的設(shè)計(jì)效果的確非常出彩。然而，在設(shè)計(jì)過程中，我們往往會(huì)由于使用較少元素而感覺缺了什么，或是讓最終成品看起來仿佛沒有完成。

    那么什么是極簡設(shè)計(jì)？又是什么方法使你的設(shè)計(jì)看起來簡約又不簡單呢？這篇文章也許會(huì)幫到你。

    什么是極簡設(shè)計(jì)

    極簡設(shè)計(jì)，嚴(yán)格上講不能算作一種視覺風(fēng)格，而是一種設(shè)計(jì)哲學(xué)。它在保持了基本的骨架內(nèi)容的基礎(chǔ)上，剔除掉多余的元素、裝飾、色彩和紋理，是通過不斷思考而進(jìn)行化繁為簡的設(shè)計(jì)過程。這樣做的結(jié)果是突顯了主題內(nèi)容。所以，它是扎根于設(shè)計(jì)思想根部的概念。

    極簡主義起源于蘇格蘭，當(dāng)時(shí)在各個(gè)文化領(lǐng)域都掀起了極簡的風(fēng)潮：平面設(shè)計(jì)、建筑、音樂、文學(xué)、繪畫等。直到現(xiàn)在，也開始在網(wǎng)頁設(shè)計(jì)中盛行。

    盡管極簡設(shè)計(jì)風(fēng)格在十年間并未得以足夠的關(guān)注度，早先的互聯(lián)網(wǎng)領(lǐng)域中根本看不到它的影子，樣式復(fù)雜的LOGO和廣告，艷麗的色彩……網(wǎng)頁設(shè)計(jì)一直以來都以臃腫繁雜的形象出現(xiàn)。

    少即是多

    前已提及，極簡風(fēng)格是直截了當(dāng)?shù)卣故局黝}，減少對觀者的視覺干擾。如果一個(gè)頁面有太多的元素，用戶就會(huì)在眾多的元素中，由于無法決定其主次而陷入混亂。一個(gè)優(yōu)秀的極簡設(shè)計(jì)勢必會(huì)用不偏不倚的姿態(tài)焦距主體內(nèi)容。

    舉例來說，一個(gè)以黑白灰為主色的網(wǎng)頁中，如果出現(xiàn)任何色彩，都會(huì)成為視覺焦點(diǎn)。就如下例所示，白色作為底色背景，再加上一點(diǎn)淺色背景，搭配黑色文字，同時(shí)有相應(yīng)配圖，配圖的色彩表現(xiàn)集中在模特的服飾上，這很好的突顯了服裝品牌這一焦點(diǎn)。

    這一種設(shè)計(jì)風(fēng)格就讓用戶焦距到服裝本身的質(zhì)地、色彩、樣式上，從而輕而易舉鎖定了用戶的注意力。而與此同時(shí)，在服裝本身以外不再增加任何的裝飾和元素，除了主體結(jié)構(gòu)再無其他。

    怎樣簡化內(nèi)容

    首先對于網(wǎng)頁所展示的內(nèi)容，設(shè)計(jì)師要有一個(gè)清晰的認(rèn)知。先將網(wǎng)頁上所需要出現(xiàn)的元素列出清單，再從中進(jìn)行逐次審視是否有出現(xiàn)的必要，是否需要去除。

    這是一份我認(rèn)為可能需要思考是否應(yīng)該不予出場的元素清單。

    社交媒體的圖標(biāo) 標(biāo)語和詳細(xì)介紹 目前流行的一些比較引人耳目的元素（比如分享和贊等） 一個(gè)頁面多出三個(gè)部分以外的部分 導(dǎo)航中的次級元素

    當(dāng)然，這并不是一個(gè)框架，你當(dāng)然需要考慮如果有必要時(shí)也不能統(tǒng)統(tǒng)刪除而后快。主頁出現(xiàn)的部分元素都可以放到二級頁面里。畢竟如果主頁信息量太大，你的用戶也許也會(huì)“消化不良”。

    這樣精簡以后的結(jié)果是，也許你的網(wǎng)站的功能性相比弱化了一些，但刪減了多余的元素，使之成為一個(gè)更為簡化的布局，這讓用戶可以在你的網(wǎng)站停留時(shí)間更長一點(diǎn)。而讓用戶成為愿意為之學(xué)習(xí)的網(wǎng)站。

    怎樣簡化設(shè)計(jì)

    你需要不斷簡化任何出現(xiàn)的元素，讓紋理消失直至不見、更少顏色、更簡單的造型……總而言之，這一系列的處理過程的確讓你的設(shè)計(jì)變得有些平淡了。但這時(shí)你要記住，不要偏離了極簡的方向，你可以把設(shè)計(jì)集中到焦點(diǎn)內(nèi)容上，讓焦點(diǎn)內(nèi)容成為唯一重要的視覺核心。使用一些創(chuàng)造性的技巧來處理細(xì)節(jié)。

    使用優(yōu)雅的線框

    大家都知道，使用線框能讓你的設(shè)計(jì)看上去更“穩(wěn)固”，因?yàn)槟愕难哿ζ鋵?shí)超乎你想象的好用，它甚至?xí)浀妹恳欢伍g隔每一個(gè)交點(diǎn)，所以任何破壞視覺平衡的元素都會(huì)格外突兀，這時(shí)你的直覺只會(huì)告訴你“感覺不對”。但這其實(shí)就是沒有運(yùn)用好線框的結(jié)果。

    一個(gè)合適的線框圖是極簡設(shè)計(jì)致勝前提。你可以運(yùn)用它獲得合適的比例，創(chuàng)造出有趣的視覺平衡。

    你可以在設(shè)計(jì)伊始就用2B鉛筆在草稿上畫出你的頁面布局和元素樣式。

    在畫線框時(shí)，你需要遵循下面的順序

    1）決定你的網(wǎng)頁中需要出現(xiàn)的元素2）對元素之間，按優(yōu)先次序進(jìn)行排序3）畫出線框草圖并試著去達(dá)到最佳的布局視覺效果

    留白

    在我眼中，留白是一種設(shè)計(jì)素材。留白并不等同于極簡，但它與極簡設(shè)計(jì)有著千絲萬縷的聯(lián)系。

    不管你多么有創(chuàng)意，一個(gè)極簡設(shè)計(jì)如果沒有足夠留白，那么也將是失敗的。所以，在設(shè)計(jì)時(shí)，你要考慮每個(gè)元素的周圍都有足夠多的留白空間。

    例如上面這個(gè)網(wǎng)頁主頁中的LOGO部分周圍的大量留白，讓LOGO本身得到直觀的展示。

    讓簡單成為習(xí)慣

    我們不可否認(rèn)，我們有一種自我膨脹的惡習(xí)。設(shè)計(jì)中，不知不覺就會(huì)增加過多的東西，因?yàn)槟愕哪X海中一直浮現(xiàn)一種想要“完美”它的欲望。鑒于此，我們必須要讓自己從這個(gè)習(xí)慣中擺脫出來形成另一個(gè)良好的習(xí)慣。

    如果你在設(shè)計(jì)中陷入了盲區(qū)，總覺得不對勁“仿佛缺了點(diǎn)什么”的話，這時(shí)，與其糾結(jié)于給頁面增加更多的元素，不如想想怎樣讓頁面減少更多的元素。

    最后，當(dāng)你對設(shè)計(jì)已經(jīng)滿意后，再看看是否仍然可以進(jìn)一步簡化設(shè)計(jì)。就像給樹苗修剪枝葉一樣的耐心。

    黑白灰：色彩禁欲主義

    黑白灰的大氣讓人難忘，雖然是信手拈來的設(shè)計(jì)道理，但放到實(shí)踐中，設(shè)計(jì)師往往需要更多的勇氣做這樣的設(shè)計(jì)。因?yàn)樽鲞@類設(shè)計(jì)的風(fēng)險(xiǎn)太大，不小心就會(huì)讓設(shè)計(jì)變得死氣沉沉一片荒蕪，帶給觀者負(fù)面的感受。如上圖中以黑色為背景就需要嚴(yán)格與網(wǎng)站的內(nèi)容契合，表現(xiàn)出黑色的“酷”。同時(shí)，元素的編排也必須不拘一格，比如將人物置最前，文字放于背景之上，黑白的搭配頓顯時(shí)尚感。

    線形插畫：形魅力

    灰色的背景上只用白色作為前景色，首頁的焦點(diǎn)是中心位置的線性插畫，這是品牌展示的一種最為直觀的方式。而運(yùn)用一定的投影效果，讓插畫仿佛懸浮在半空中則是增加了一些創(chuàng)造性的細(xì)節(jié)，這就讓畫面活躍起來，不會(huì)陷入一片荒蕪當(dāng)之中。

    更多建站資訊可訪問站長資源平臺(tái)建站欄目：http://www.afrimangol.com/articlelist_ac25.htm 

    更多內(nèi)容亦可訪問站長資源平臺(tái)：http://www.afrimangol.com/