- 相關(guān)推薦
打造簡(jiǎn)潔美觀(guān)用戶(hù)界面的五大秘訣
“Less is More”是20世紀30年代著(zhù)名的建筑師米斯.凡德洛說(shuō)過(guò)的一句話(huà)，意思是“少即是多”，這是一種提倡簡(jiǎn)單，反對過(guò)度裝飾的設計理念。和“少即是多”比較相似的一個(gè)理念是極簡(jiǎn)主義，它強調將最重要的元素和內容放置在最顯著(zhù)的位置，剔除冗余的元素，這正是網(wǎng)頁(yè)設計過(guò)程中需要考慮的因素。道理很簡(jiǎn)單：頁(yè)面元素少，訪(fǎng)客自然容易將目光集中在網(wǎng)站內容和鏈接上。那么關(guān)于如何設計極簡(jiǎn)主義的網(wǎng)站界面?
1.必要的規劃
在開(kāi)始著(zhù)手設計之前，我建議先畫(huà)個(gè)簡(jiǎn)圖，將網(wǎng)站需要包含的區塊都羅列出來(lái)。然后問(wèn)問(wèn)自己是否每個(gè)區塊對整體設計都很重要，按重要程度進(jìn)行優(yōu)先。比如說(shuō)，主頁(yè)是否需要側邊欄?側邊欄里邊是否包含了訪(fǎng)客需要進(jìn)入的重要鏈接?當然根據網(wǎng)站類(lèi)型的不同，這里沒(méi)有標準答案，這就需要設計師根據具體情況進(jìn)行具體分析。
雖然沒(méi)有標準答案，但是至少作為設計師，孰好孰壞你至少心里要有譜。當你明白哪些頁(yè)面元素是必需的，哪些是次要的，你的工作將會(huì )輕松許多。網(wǎng)站的頁(yè)面就好比一幅拼圖，每一塊散亂的圖片都有一個(gè)自己專(zhuān)屬的位置，你放對了，畫(huà)面會(huì )漸趨豐富;放錯了，便不會(huì )完整。
2.網(wǎng)站用色不是越多越好，最簡(jiǎn)單的方法從基礎色開(kāi)始
一個(gè)網(wǎng)站，給用戶(hù)留下的第一印象既不是網(wǎng)站豐富的內容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。在某種程度上，網(wǎng)站設計的是否成功，很大程度上取決于色彩的運用和搭配。
一般初學(xué)者很容易在設計中使用過(guò)多的色彩，其實(shí)網(wǎng)站的用色并非越多越好，一般控制在三種色彩以?xún)�。雖然這并不是硬性規定，但是在最初的設計階段還是很有幫助的。如果你仔細看看一些類(lèi)似的網(wǎng)站布局，你會(huì )發(fā)現他們都設法遵循特定的配色方案——黑色、白色、灰色以及三原色當中的一種或兩種顏色是最常見(jiàn)的色彩組合。
一旦將網(wǎng)站的顏色框定在簡(jiǎn)單的配色方案之中，那么留給內容就會(huì )有更大的發(fā)揮空間。雖然后期可能還需要進(jìn)行顏色修改并且添加新的樣式，但是一開(kāi)始就將重心放在簡(jiǎn)潔干凈的界面上，總是能達到非常出色的工作效果。
3.簡(jiǎn)單的網(wǎng)站導航
網(wǎng)站的導航設計是最能體現網(wǎng)站內部?jì)?yōu)化細節之處的，對用戶(hù)的第一眼體驗至關(guān)重要，如果用戶(hù)第一次訪(fǎng)問(wèn)你的網(wǎng)站，導航不易使用，也就意味著(zhù)他們很難找到想要的內容，這樣自然就難以向用戶(hù)傳達你的網(wǎng)站所能提供的服務(wù)。
這里就要求你將極簡(jiǎn)主義的理念融入到網(wǎng)站導航的設計之中。按照人們的慣性思維，導航不是在網(wǎng)頁(yè)頂部就是在網(wǎng)頁(yè)底部，所以在設計導航的時(shí)候應當盡量遵循這個(gè)原則，要做到讓無(wú)任何相關(guān)技術(shù)背景的“小白”用戶(hù)都能輕易上手，當然特殊情況下可以做特殊考慮。另外再給導航按鈕加上適當的色彩或者紋理，從美學(xué)的角度來(lái)講，能夠更好地取悅用戶(hù)。
4.將頁(yè)面元素簡(jiǎn)化，簡(jiǎn)化，再簡(jiǎn)化
實(shí)現極簡(jiǎn)設計或者簡(jiǎn)化設計的第一步，不是簡(jiǎn)單的去掉大部分圖片，而是要重新考慮內容并將其簡(jiǎn)化，就像你策劃任何其它網(wǎng)站一樣，寫(xiě)下你需要的內容：Logo、介紹、導航等等，然后按照重要程度進(jìn)行優(yōu)先排序，去掉其它多余的元素，盡可能的丟掉它們，只有這樣才能讓頁(yè)面中最重要的元素實(shí)現其預期的效果。
5.頁(yè)面整體設計風(fēng)格的一致性
保持頁(yè)面整體設計風(fēng)格的一致性非常重要，包括整體頁(yè)面布局、配圖、配色、文字等風(fēng)格前后都要保持一致。因為給用戶(hù)一個(gè)熟悉的界面環(huán)境，帶給用戶(hù)的體驗要遠遠好于把用戶(hù)放在一個(gè)新的環(huán)境中。
總結
用戶(hù)界面越簡(jiǎn)潔，對用戶(hù)當然會(huì )越好用，但設計一個(gè)干凈簡(jiǎn)潔的用戶(hù)界面所需的工作量遠遠比想象得要多。在設計的時(shí)候，應該設身處地站在用戶(hù)的角度去思考問(wèn)題，按照用戶(hù)的眼光來(lái)要求自己。而且，一定要切記一句廣告詞：“簡(jiǎn)約而不簡(jiǎn)單”。如果采用武斷的、簡(jiǎn)單的“少”法，這可能還會(huì )比“不少”要差上好多倍。把握好“少即是多”和極簡(jiǎn)主義的理念，才能體現設計師的“真功夫”。以上只是個(gè)人的一些建議，如果你有相似或者更好的見(jiàn)解，非常歡迎參與交流和討論。
[打造簡(jiǎn)潔美觀(guān)用戶(hù)界面的五大秘訣]相關(guān)文章：
1.打造簡(jiǎn)潔美觀(guān)用戶(hù)界面的五大秘訣
【打造簡(jiǎn)潔美觀(guān)用戶(hù)界面的五大秘訣】相關(guān)文章：
啟示錄-打造用戶(hù)喜歡的互聯(lián)網(wǎng)產(chǎn)品07-10
從DAU/MAU看游戲用戶(hù)粘性的觀(guān)點(diǎn)是片面的07-10
傾聽(tīng)用戶(hù)的“痛點(diǎn)”移動(dòng)互聯(lián)網(wǎng)用戶(hù)研究07-10
戀愛(ài)成功的秘訣02-14
職場(chǎng)成功秘訣11-14
求職成功秘訣04-08
秘訣的近義詞及造句08-04
“面試”闖關(guān)秘訣07-12
求職秘訣分享07-12