本文作者Jake Rocheleau，社交媒體愛(ài)好者兼互聯(lián)網(wǎng)企業(yè)家。他在文中根據(jù)自己的個(gè)人經(jīng)驗(yàn)，向我們闡述了一些關(guān)于如何設(shè)計(jì)極簡(jiǎn)主義的網(wǎng)站界面的訣竅。這里提到的極簡(jiǎn)主義設(shè)計(jì)，就是剔除所有多余的元素，將設(shè)計(jì)保留在最基本的狀態(tài)下，說(shuō)來(lái)簡(jiǎn)單，實(shí)際上在當(dāng)今習(xí)慣于絢麗與漸變的網(wǎng)站界面設(shè)計(jì)中，使用極簡(jiǎn)并非想象中這么容易。

“Less is More”是20世紀(jì)30年代著名的建筑師米斯。凡德洛說(shuō)過(guò)的一句話，意思是“少即是多”，這是一種提倡簡(jiǎn)單，反對(duì)過(guò)度裝飾的設(shè)計(jì)理念。和“少即是多”比較相似的一個(gè)理念是極簡(jiǎn)主義，它強(qiáng)調(diào)將最重要的元素和內(nèi)容放置在最顯著的位置，剔除冗余的元素，這正是網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中需要考慮的因素。道理很簡(jiǎn)單：頁(yè)面元素少，訪客自然容易將目光集中在網(wǎng)站內(nèi)容和鏈接上。那么關(guān)于如何設(shè)計(jì)極簡(jiǎn)主義的網(wǎng)站界面，我們一起來(lái)聽(tīng)聽(tīng)Jake Rocheleau的見(jiàn)解：

1.必要的規(guī)劃

在開(kāi)始著手設(shè)計(jì)之前，我建議先畫(huà)個(gè)簡(jiǎn)圖，將網(wǎng)站需要包含的區(qū)塊都羅列出來(lái)。然后問(wèn)問(wèn)自己是否每個(gè)區(qū)塊對(duì)整體設(shè)計(jì)都很重要，按重要程度進(jìn)行優(yōu)先。比如說(shuō)，主頁(yè)是否需要側(cè)邊欄？側(cè)邊欄里邊是否包含了訪客需要進(jìn)入的重要鏈接？當(dāng)然根據(jù)網(wǎng)站類型的不同，這里沒(méi)有標(biāo)準(zhǔn)答案，這就需要設(shè)計(jì)師根據(jù)具體情況進(jìn)行具體分析。

雖然沒(méi)有標(biāo)準(zhǔn)答案，但是至少作為設(shè)計(jì)師，孰好孰壞你至少心里要有譜。當(dāng)你明白哪些頁(yè)面元素是必需的，哪些是次要的，你的工作將會(huì)輕松許多。網(wǎng)站的頁(yè)面就好比一幅拼圖，每一塊散亂的圖片都有一個(gè)自己專屬的位置，你放對(duì)了，畫(huà)面會(huì)漸趨豐富；放錯(cuò)了，便不會(huì)完整。

2.網(wǎng)站用色不是越多越好，最簡(jiǎn)單的方法從基礎(chǔ)色開(kāi)始

一個(gè)網(wǎng)站，給用戶留下的第一印象既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。在某種程度上，網(wǎng)站設(shè)計(jì)的是否成功，很大程度上取決于色彩的運(yùn)用和搭配。

一般初學(xué)者很容易在設(shè)計(jì)中使用過(guò)多的色彩，其實(shí)網(wǎng)站的用色并非越多越好，一般控制在三種色彩以內(nèi)。雖然這并不是硬性規(guī)定，但是在最初的設(shè)計(jì)階段還是很有幫助的。如果你仔細(xì)看看一些類似的網(wǎng)站布局，你會(huì)發(fā)現(xiàn)他們都設(shè)法遵循特定的配色方案——黑色、白色、灰色以及三原色當(dāng)中的一種或兩種顏色是最常見(jiàn)的色彩組合。

一旦將網(wǎng)站的顏色框定在簡(jiǎn)單的配色方案之中，那么留給內(nèi)容就會(huì)有更大的發(fā)揮空間。雖然后期可能還需要進(jìn)行顏色修改并且添加新的樣式，但是一開(kāi)始就將重心放在簡(jiǎn)潔干凈的界面上，總是能達(dá)到非常出色的工作效果。

3.簡(jiǎn)單的網(wǎng)站導(dǎo)航

網(wǎng)站的導(dǎo)航設(shè)計(jì)是最能體現(xiàn)網(wǎng)站內(nèi)部?jī)?yōu)化細(xì)節(jié)之處的，對(duì)用戶的第一眼體驗(yàn)至關(guān)重要，如果用戶第一次訪問(wèn)你的網(wǎng)站，導(dǎo)航不易使用，也就意味著他們很難找到想要的內(nèi)容，這樣自然就難以向用戶傳達(dá)你的網(wǎng)站所能提供的服務(wù)。

這里就要求你將極簡(jiǎn)主義的理念融入到網(wǎng)站導(dǎo)航的設(shè)計(jì)之中。按照人們的慣性思維，導(dǎo)航不是在網(wǎng)頁(yè)頂部就是在網(wǎng)頁(yè)底部，所以在設(shè)計(jì)導(dǎo)航的時(shí)候應(yīng)當(dāng)盡量遵循這個(gè)原則，特殊情況可以做特殊考慮。另外再給導(dǎo)航按鈕加上適當(dāng)?shù)纳驶蛘呒y理，從美學(xué)的角度來(lái)講，能夠更好地取悅用戶。

4.將頁(yè)面元素簡(jiǎn)化，簡(jiǎn)化，再簡(jiǎn)化

實(shí)現(xiàn)極簡(jiǎn)設(shè)計(jì)或者簡(jiǎn)化設(shè)計(jì)的第一步，不是簡(jiǎn)單的去掉大部分圖片，而是要重新考慮內(nèi)容并將其簡(jiǎn)化，就像你策劃任何其它網(wǎng)站一樣，寫(xiě)下你需要的內(nèi)容：Logo、介紹、導(dǎo)航等等，然后按照重要程度進(jìn)行優(yōu)先排序，去掉其它多余的元素，盡可能的丟掉它們，只有這樣才能讓頁(yè)面中最重要的元素實(shí)現(xiàn)其預(yù)期的效果。

5.頁(yè)面整體設(shè)計(jì)風(fēng)格的一致性

保持頁(yè)面整體設(shè)計(jì)風(fēng)格的一致性非常重要，包括整體頁(yè)面布局、配圖、配色、文字等風(fēng)格前后都要保持一致。因?yàn)榻o用戶一個(gè)熟悉的界面環(huán)境，帶給用戶的體驗(yàn)要遠(yuǎn)遠(yuǎn)好于把用戶放在一個(gè)新的環(huán)境中。

總結(jié)

分享文章：5大訣竅助你打造更加簡(jiǎn)潔的用戶界面
轉(zhuǎn)載注明：http://jinyejixie.com/news18/210768.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、外貿(mào)建站、網(wǎng)站內(nèi)鏈、App設(shè)計(jì)、App開(kāi)發(fā)、標(biāo)簽優(yōu)化

廣告

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