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

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

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

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

極簡設(shè)計(jì)被描述成將最基本的元素呈現(xiàn)，并摒棄所有多余結(jié)構(gòu)，色彩，圖形和其他素材的設(shè)計(jì)方法。

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

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

我們將為你介紹極簡設(shè)計(jì)的基本準(zhǔn)則。即使你不是追求極簡審美，你也會通過這里來簡化你的設(shè)計(jì)。

少即是多

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

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

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

或許你已經(jīng)看過這類設(shè)計(jì)：單純的白色背景，一塊內(nèi)容還有一個圖案。圖案包含色彩，結(jié)構(gòu)和設(shè)計(jì)者的品牌和身份。由于這個特別圖案的復(fù)雜性，其他在這個頁面上的內(nèi)容被忽略，顯得不重要，最小化內(nèi)容使設(shè)計(jì)者達(dá)到完美的平衡。

如何使內(nèi)容最小化

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

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

1、社交媒體的圖標(biāo)或圖案

2、標(biāo)題和補(bǔ)充說明

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

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

5、次導(dǎo)航頁

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

如何簡化設(shè)計(jì)

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

框架主導(dǎo)內(nèi)容

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

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

構(gòu)建框架，請遵循以下步驟：

1、選定你真正需要的內(nèi)容。

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

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

空

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

平衡，對齊，對比

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

確保你的設(shè)計(jì)堅(jiān)持這些準(zhǔn)則便不需要補(bǔ)充額外的視覺輔助來使用戶看上去是”完整”

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

水平對稱

近似水平對稱

放射對稱

不對稱

與此同時，你也需要牢記其他的設(shè)計(jì)基本準(zhǔn)則。在不同的選擇中反復(fù)試驗(yàn)以達(dá)到最好的效果，你可以看看”設(shè)計(jì)的準(zhǔn)則”以獲得更多的信息。

當(dāng)過度設(shè)計(jì)成為習(xí)慣

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

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

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

極簡主義的展示

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