詳細解析簡(jiǎn)潔風(fēng)格在網(wǎng)頁(yè)設計中的應用發(fā)布者：本站     時(shí)間：2021-12-31 10:12:40

有一些設計者，經(jīng)過(guò)一輪艱辛做了一個(gè)很少元素并看上去不錯的網(wǎng)頁(yè)，或者他們做的網(wǎng)頁(yè)最后看上去不會(huì )很”復雜”。網(wǎng)上有很多關(guān)于極簡(jiǎn)設計用在網(wǎng)頁(yè)上的文章，這篇文章目的是指導你如何讓你的網(wǎng)頁(yè)設計做到華麗卻不失內涵。

最重要的是，我們將為你展示一系列的設計，讓你從中體會(huì )為什么一些設計可以做到這樣的效果而另外的一些卻不能。

什么是極簡(jiǎn)設計?

極簡(jiǎn)設計被描述成將最基本的元素呈現，并摒棄所有多余結構，色彩，圖形和其他素材的設計方法。

其目的是使主要內容浮出并成為聚焦點(diǎn)，從視覺(jué)角度出發(fā)，極簡(jiǎn)設計意味著(zhù)要沉靜并將最基本的元素作為中心思想。

設計起源于瑞士而后廣泛應用各種媒介：平面設計，建筑，音樂(lè )，文學(xué)，繪畫(huà)等等領(lǐng)域，而最近更在網(wǎng)頁(yè)的設計上盛行。盡管極簡(jiǎn)設計已在數十年前起步，早期的互聯(lián)網(wǎng)并沒(méi)有把它付諸實(shí)踐。沒(méi)有旋轉的圖形，選取框和夸張的色彩，網(wǎng)頁(yè)設計混亂而沉冗。

我們將為你介紹極簡(jiǎn)設計的基本準則。即使你不是追求極簡(jiǎn)審美，你也會(huì )通過(guò)這里來(lái)簡(jiǎn)化你的設計。

少即是多

就如人們常提及的那樣，極簡(jiǎn)主義會(huì )在最前部帶出最重要的內容并為用戶(hù)最小化一切干擾。如果某一頁(yè)有過(guò)多結構，用戶(hù)會(huì )對每個(gè)元素的位置感到疑惑并曲解其本意。一個(gè)極簡(jiǎn)設計會(huì )將焦點(diǎn)直接放在內容上。

舉例說(shuō)，任何黑白組合的設計都會(huì )吸引用戶(hù)的注意力。顏色自身會(huì )成為焦點(diǎn)。讓我們看看這個(gè)特別的例子。

詳細解析簡(jiǎn)潔風(fēng)格在網(wǎng)頁(yè)設計中的應用,PS教程,

或許你已經(jīng)看過(guò)這類(lèi)設計：?jiǎn)渭兊陌咨尘?，一塊內容還有一個(gè)圖案。圖案包含色彩，結構和設計者的品牌和身份。由于這個(gè)特別圖案的復雜性，其他在這個(gè)頁(yè)面上的內容被忽略，顯得不重要，最小化內容使設計者達到完美的平衡。

如何使內容最小化

創(chuàng )作極簡(jiǎn)設計的第一步，或說(shuō)是僅僅簡(jiǎn)化布局，并不是簡(jiǎn)單地刪掉大部分圖片，而是重新考慮內容并摒棄空洞內容。只有這樣才能使頁(yè)面上最重要的元素發(fā)揮作用。就如你計劃做一個(gè)網(wǎng)頁(yè)，你先要把你想要的內容寫(xiě)下來(lái)：圖標，介紹，導航條等等。然后把那些不需要的部分刪掉。能舍棄的盡量舍棄。

以下的內容或許你是不需要在網(wǎng)頁(yè)上一一列出的(單獨作一個(gè)部分)，記住這只是一個(gè)指導。需求因人而異，以下的明細并不能以偏概全，希望大家能各取所需。

1、社交媒體的圖標或圖案

2、標題和補充說(shuō)明

3、”專(zhuān)題”，”偏好”，”最近”(包括了Twitter和RSS訂閱)之類(lèi)的條目

4、頁(yè)面多于3個(gè)部分(例如”簡(jiǎn)介”，”關(guān)于”,”服務(wù)”)

5、次導航頁(yè)

以上所提及的東西并不是要你去減少網(wǎng)頁(yè)的內容，而是為你提供一個(gè)參考去裁減網(wǎng)頁(yè)中的累贅元素，從而突出主要內容或者用一種更為簡(jiǎn)單的排版方式去把各個(gè)元素更好地結合成整體(舉例說(shuō)，把媒體鏈接放到”關(guān)于”或者簡(jiǎn)介部分)。你也可以把內容分布在不同的頁(yè)面，把它們細分說(shuō)明。

如何簡(jiǎn)化設計

要想把設計簡(jiǎn)化，極簡(jiǎn)設計必須要求結構，顏色，形狀，線(xiàn)條，內容，文字都要精簡(jiǎn)。工具欄上盡管會(huì )讓你覺(jué)得乏味，但是相對把所有內容全盤(pán)托出，讓唯一的重點(diǎn)呼之欲出更吸引用戶(hù)眼球。選好要主要的內容，并以之作為你設計的重心來(lái)提醒自己。

框架主導內容

通過(guò)瀏覽下列的展示，你會(huì )發(fā)現一些設計者會(huì )加很多顯眼的且微妙的顏色，獨特的排版和引人入勝的形態(tài)在里面。盡管只需要一個(gè)獨特的線(xiàn)框設計來(lái)迎合所有的元素。在一個(gè)空白的頁(yè)面創(chuàng )造一個(gè)線(xiàn)框需要額外地留心。有適當的框架，你便可以利用層次，排版來(lái)制造出視覺(jué)的沖擊。

詳細解析簡(jiǎn)潔風(fēng)格在網(wǎng)頁(yè)設計中的應用,PS教程,

構建框架，請遵循以下步驟：

1、選定你真正需要的內容。

2、列出優(yōu)先考慮的內容，分清主次。

嘗試為你的框架作幾張草圖，去感受下好的視覺(jué)層次是怎樣得出來(lái)的。當你得出這個(gè)框架，考慮一下怎樣使布局具有美感。例如，你的圖標要上顏色但是這個(gè)設計你不會(huì )在其他地方重新使用，你必須為這些作出說(shuō)明。

空

空是極簡(jiǎn)主義的同義詞。無(wú)論你多有創(chuàng )意，極簡(jiǎn)設計絕對不能離開(kāi)”一片空白”的。在頁(yè)面上出現的元素的空間布局需要得到平衡。

平衡，對齊，對比

平衡，對齊，對比是極簡(jiǎn)主義的三大要領(lǐng)。累贅的內容可以用空白和適當的構圖所取代，設計的基本原理要求必須非常謹慎地處理這個(gè)問(wèn)題。

確保你的設計堅持這些準則便不需要補充額外的視覺(jué)輔助來(lái)使用戶(hù)看上去是”完整”

詳細解析簡(jiǎn)潔風(fēng)格在網(wǎng)頁(yè)設計中的應用,PS教程,

水平對稱(chēng)

近似水平對稱(chēng)

放射對稱(chēng)

不對稱(chēng)

與此同時(shí)，你也需要牢記其他的設計基本準則。在不同的選擇中反復試驗以達到最好的效果，你可以看看”設計的準則”以獲得更多的信息。

當過(guò)度設計成為習慣

過(guò)度設計有時(shí)會(huì )成為習慣。無(wú)論你多想把東西設計成簡(jiǎn)單，最終的結果也是一件亂七八糟和復雜的成品。為了解決這個(gè)問(wèn)題，我們必須形成某些新的習慣。

嘗試記住下面的提示。將重點(diǎn)放在每一次培養習慣的時(shí)候。例如，嘗試在空白頁(yè)面前先減少和簡(jiǎn)化內容。如果你發(fā)現找出中心思想是一件很困難的事情時(shí)，”有些東西已經(jīng)遺漏了”首先要把累贅的東西拿走而不是加入新的內容。

每一個(gè)極簡(jiǎn)主義的方面要求與眾不同的天賦去駕馭它。你若想簡(jiǎn)化你的設計你必須把這些準則實(shí)踐。更進(jìn)一步來(lái)說(shuō)，當你應用這里所提及的技術(shù)，參考那些成品再看看你還有沒(méi)有在簡(jiǎn)化設計上有提高的空間。在你設計的時(shí)候,你要把關(guān)注點(diǎn)放在那些你不確定的東西上并讓其他設計者去指出你錯過(guò)的東西。

極簡(jiǎn)主義的展示

下面是一些簡(jiǎn)要的極簡(jiǎn)主義的展示?？纯此鼈兏髯缘脑O計準則，并留意下它們是如果打破我們常規卻立于不敗之地。