3968
14
0
2017-03-09 16:20:35
2017-03-09
編者按：極簡主義的流行讓越來越多的網(wǎng)頁設(shè)計師開始著迷簡單,、簡約的網(wǎng)頁設(shè)計,，CARRIE COUSINS 的這篇文章就幫你搞定這個問題~
坦率的講，在網(wǎng)頁設(shè)計這件事情上,，簡單的設(shè)計往往更好,。一個簡單易用的界面更容易為用戶所掌握，也更容易將一個新用戶轉(zhuǎn)化為一個活躍用戶,。
面對龐雜的需求,，許多設(shè)計師總會身不由己地向著復(fù)雜的方向來設(shè)計網(wǎng)頁，那么到底要如何將一個已經(jīng)比較復(fù)雜的網(wǎng)站簡化下來呢,？其實思路并不復(fù)雜,，訣竅在于根據(jù)用戶目標(biāo)，重新審視整個路徑,，將妨礙用戶達(dá)成目標(biāo)的障礙都清除掉,。
而今天我們要聊的10個簡化技巧都是圍繞著這個思路來推進(jìn)的。無論你是正在設(shè)計一個全新的網(wǎng)站,，還是針對現(xiàn)有的網(wǎng)站進(jìn)行簡化,，這10個簡化技巧都非常值得嘗試。
網(wǎng)站上的每一處設(shè)計都應(yīng)該是有目的的,，都相應(yīng)地迎合用戶的某個行為或者需求,，這是顯而易見的。
這也為行為召喚的設(shè)計提供了依據(jù),。引導(dǎo)用戶的文案,、按鈕和鏈接都應(yīng)該清晰、明顯,，永遠(yuǎn)不要讓用戶錯過,。
你所設(shè)計的頁面是否需要分很多不同的頁面,？這些頁面有沒有分割的必要呢,？你可以重新思考這個問題了。
將多頁面的內(nèi)容簡化為可管理的區(qū)塊,，不要讓用戶為了查看內(nèi)容而多點擊,，將相關(guān)的內(nèi)容保存到一起，方便用戶集中閱讀和查看,。
刪除過期的,、過時的內(nèi)容和信息、小插件和第三方的信息都合并到相應(yīng)的區(qū)塊當(dāng)中,，不要零散的放置,。
雖然很多色彩確實很有吸引力,，但是它們也很容易喧賓奪主,。堅持將配色方案控制在兩到三個色彩，這樣能讓你盡可能好的控制整個設(shè)計的配色,。
如果你想讓你的配色盡可能簡單,，那么你可以采用單色配色，你會發(fā)現(xiàn)這種簡單的色調(diào)搭配是如此的漂亮,，較少的色彩對于用戶的心理負(fù)荷更小,，尤其是當(dāng)你的整個視覺設(shè)計足夠和諧的時候。
雖然隱藏式的導(dǎo)航看起來很酷,，而非常規(guī)的創(chuàng)意導(dǎo)航也非常的贊，但是這些導(dǎo)航模式對于用戶并不是那么友好,。偏離常規(guī)的設(shè)計雖然容易讓人記住,，但是在使用體驗上，常常相對更加困難,。選擇標(biāo)準(zhǔn)模式的導(dǎo)航,，能夠讓你的網(wǎng)站更加易用,。
最常規(guī)的導(dǎo)航模式,，是將導(dǎo)航欄置于頁面頂端,，通常是3到8個不同的選項，當(dāng)然,，不要選擇10年前流行的復(fù)雜,、全面的大型導(dǎo)航菜單，除非你是京東淘寶這樣的大型零售電商,。
請記住，你的網(wǎng)站中20%的內(nèi)容將會觸發(fā)用戶80%的操作,，這意味著你的內(nèi)容應(yīng)當(dāng)有輕重緩急之分,，行為召喚用語和行為召喚按鈕等界面元素將是引導(dǎo)用戶交互的重要組成部分。
考慮到這一點,，在你進(jìn)行設(shè)計的時候,，應(yīng)該將設(shè)計的重心放在這20%的內(nèi)容上，而剩下的80%的內(nèi)容則根據(jù)需求進(jìn)行調(diào)整,。這20%的元素通常都是最吸引用戶點擊的那部分內(nèi)容：按鈕,、圖片和行為召喚文本。
如果你覺得20/80原則聽起來很熟悉,，那么你可能是在別的地方曾經(jīng)聽到過它,，它是經(jīng)濟(jì)學(xué)家 Vilfredo Pareto 所提出，幾乎在所有領(lǐng)域都適用,，它也被稱為Pareto原則,，或者重要少數(shù)法則。
圖標(biāo),、圖片等每一個UI元素在整個設(shè)計中都有其作用，有些元素的使用是有約定俗成的規(guī)則,，不要因為某些元素看起來酷,，或者單純“為了有”而加上，最好通盤考慮,，在合適的地方,，合理地使用UI元素。
字體和排版同樣遵循少即是多的原則,。
最容易閱讀的字體，通常都有著標(biāo)準(zhǔn)的外觀造型,，均勻的筆觸,，樸實無華而無需多余的裝飾。一套完整的字體通常有著多樣的字重和可選的樣式，不需要你再去尋找其他的字體來搭配,。而在排版的問題上,，文本需要同背景有著充分的對比，
在設(shè)計網(wǎng)頁的時候,，通常會用到兩套字體,，一套應(yīng)用到正文上，另外一套字體則用到標(biāo)題上,，用作展示,。
在進(jìn)行排版設(shè)計的時候,，你需要在合適的時候增加文本尺寸,。隨著我們?nèi)粘？吹降钠聊怀叽绲脑黾?，我們需要讓用戶看到我們所提供的信息,，并不是堆砌更多的?nèi)容，而是要合理的增加文本的尺寸,。
雖然在移動端設(shè)計上這種需求并不明顯,，但是根據(jù)實際情況，適當(dāng)?shù)奶嵘煮w尺寸能讓文本的易讀性有明顯的提升,。當(dāng)然,，置于首屏的關(guān)鍵詞要明顯，吸引用戶滾動,，而不是將所有的內(nèi)容都堆在首屏,。
排版能夠從視覺上控制內(nèi)容的復(fù)雜度,，而文字則能夠控制在信息傳達(dá)上的復(fù)雜度,。兩者其實是同等重要。每個詞匯都應(yīng)該和視覺保持意義和信息上的一致性,。
文案和視覺一樣,，都需要反復(fù)推敲。
網(wǎng)站是可傳達(dá),、可閱讀的媒介,，因此文案和內(nèi)容都應(yīng)當(dāng)干凈、簡介,，且高度可讀,。你可以根據(jù)網(wǎng)站的風(fēng)格，使用符合相應(yīng)調(diào)性的文案,。
有的時候規(guī)則是用來打破的,，但是如果你想讓你的設(shè)計保持簡單，那么你在設(shè)計的時候,，應(yīng)該有意識的打破一條規(guī)則,，但是只能是一條。
如果你需要讓你的設(shè)計在簡單的同時,，又不是始終循規(guī)蹈矩,，那么打破一條規(guī)則是讓你不走尋常路的最快的方法,。它會讓你的設(shè)計看起來不那么尋常,，但是又能有跡可循，打破太多的規(guī)則會很容易讓訪客覺得混亂,。
復(fù)雜的網(wǎng)站太多,，想要讓你通過網(wǎng)站同用戶進(jìn)行順暢的溝通，設(shè)計是否夠簡單是相當(dāng)重要的影響因素,。無論是填寫表單還是下載APP,，每個設(shè)計元素都應(yīng)當(dāng)恰到好處，而不會因為負(fù)責(zé)而讓用戶覺得厭煩,。
雖然有時候用戶喜歡看起來“飽滿”的復(fù)雜的設(shè)計,，可是涉及到具體的交互與功能的時候，簡單的設(shè)計每次都能讓用戶愛不釋手,。
轉(zhuǎn)載自：http://www.uisdc.com/10-ways-to-simplify-your-design
