前言

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

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

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

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

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

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

少即是多

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

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

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

怎樣簡(jiǎn)化內(nèi)容

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

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

社交媒體的圖標(biāo)

標(biāo)語(yǔ)和詳細(xì)介紹

目前流行的一些比較引人耳目的元素(比如分享和贊等)

一個(gè)頁(yè)面多出三個(gè)部分以外的部分

導(dǎo)航中的次級(jí)元素

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

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

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

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

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

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

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

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

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

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

留白

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

不管你多么有創(chuàng)意，一個(gè)極簡(jiǎn)設(shè)計(jì)如果沒(méi)有足夠留白，那么也將是失敗的。所以，在設(shè)計(jì)時(shí)，你要考慮每個(gè)元素的周?chē)加凶銐蚨嗟牧舭卓臻g。

例如上面這個(gè)網(wǎng)頁(yè)主頁(yè)中的LOGO部分周?chē)拇罅苛舭祝孡OGO本身得到直觀的展示。

讓簡(jiǎn)單成為習(xí)慣

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)中極簡(jiǎn)范式

黑白灰：色彩禁欲主義

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

線(xiàn)形插畫(huà)：形魅力

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

字母：形的構(gòu)思

字母本身的造型就是一副好的構(gòu)圖，加上文字本身所具有一定的含義，融合一身，就會(huì)讓畫(huà)面變成雙向發(fā)聲。所以，重新縮小或放大文字，讓文字成為畫(huà)面的焦點(diǎn)用以傳達(dá)品牌形象，這種方式在極簡(jiǎn)的網(wǎng)站中很容易做到。如本例中可以將文字的背景作為創(chuàng)意擴(kuò)展的部分，讓鼠標(biāo)移動(dòng)時(shí)出現(xiàn)不同的漸變色背景，這些漸變色色彩都傾向鮮艷，而這里極好地點(diǎn)綴了文字本身的美感。而中文相比英文更為復(fù)雜，想要把文字也變?yōu)閷?duì)形態(tài)的焦距，就需要將中文改為在形態(tài)上較為突出的字體，例如書(shū)法字體等。如下圖所示。

攝影：用圖講故事

用一張高清的攝影作品作為背景，也是網(wǎng)頁(yè)中極簡(jiǎn)設(shè)計(jì)的常用方法。這幅攝影作品本身就是極簡(jiǎn)風(fēng)格的，讓品牌故事隱藏于照片中。照片的寫(xiě)實(shí)程度無(wú)能出其左右，而本身的風(fēng)格就必須要明顯地突出主題。這時(shí)文字的出現(xiàn)是為解釋說(shuō)明的作用，你可以在你的設(shè)計(jì)中加以刪減或增加。

你還可以像上圖示例那樣讓圖片和文字展示出各種有趣的組合樣式，這時(shí)必須要考慮文字和圖片的結(jié)合，千萬(wàn)不要用一張和文字內(nèi)容毫不相干的圖片。

極簡(jiǎn)設(shè)計(jì)的適用場(chǎng)合

就像大家所知，極簡(jiǎn)設(shè)計(jì)由于內(nèi)容展示較少，在目前商業(yè)應(yīng)用中還不太廣泛，大多用在小型創(chuàng)意領(lǐng)域機(jī)構(gòu)的官網(wǎng)較多。當(dāng)涉及營(yíng)銷(xiāo)時(shí)，由于營(yíng)銷(xiāo)的目的就是最短時(shí)間推送最豐富全面的信息給用戶(hù)，因此一般的商城都不會(huì)讓自己看上去太輕松。雖然這樣說(shuō)，但我們?cè)?a data-ke-src="http://www.cqcxhl.com/service/ds.html" target="_blank">商城網(wǎng)站建設(shè)的時(shí)候也注意到，目前已經(jīng)有設(shè)計(jì)師開(kāi)始利用這種簡(jiǎn)化的風(fēng)格設(shè)計(jì)商城，做出不一樣的細(xì)目更深化的小型商城。這類(lèi)商城的產(chǎn)品也針對(duì)的是較高端的用戶(hù)，比如時(shí)裝行業(yè)里的網(wǎng)站，可以不妨一試這樣的設(shè)計(jì)風(fēng)格。如下例所示。

可以看到所有的信息都被濃縮了，產(chǎn)品展示讓人一目了然。我認(rèn)為這是一個(gè)進(jìn)步，不論是審美方面還是營(yíng)銷(xiāo)影響方面都讓產(chǎn)品和用戶(hù)的距離更近了一步。

后記

我認(rèn)為極簡(jiǎn)風(fēng)格是未來(lái)網(wǎng)頁(yè)的主流。，以突出主題展示的設(shè)計(jì)思路本身就是設(shè)計(jì)師應(yīng)該執(zhí)行的思維。無(wú)論設(shè)計(jì)的是什么，都要拷問(wèn)設(shè)計(jì)的目的，因此對(duì)主體內(nèi)容的精簡(jiǎn)優(yōu)化是提高溝通效率的一種極為有效的方式。這從未來(lái)來(lái)說(shuō)，也是不可逆之一。

新聞名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)教程：教你打造網(wǎng)頁(yè)設(shè)計(jì)的極簡(jiǎn)風(fēng)格
鏈接分享：http://jinyejixie.com/news38/169438.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、靜態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站設(shè)計(jì)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)