在網頁設計這(zhè)件事(shì)情上，簡單的設計往往更好(hǎo)。一個簡單易用的界面(miàn)更容易爲用戶所掌握，也更容易將(jiāng)一個新用戶轉化爲一個活躍用戶。

面(miàn)對(duì)龐雜的需求，許多設計師總會身不由己地向(xiàng)著(zhe)複雜的方向(xiàng)來設計網頁，那麼(me)到底要如何將(jiāng)一個已經(jīng)比較複雜的網站簡化下來呢?其實思路并不複雜，訣竅在于根據用戶目标，重新審視整個路徑，將(jiāng)妨礙用戶達成(chéng)目标的障礙都(dōu)清除掉。

而今天先誠科技要聊的 10 個簡化技巧都(dōu)是圍繞著(zhe)這(zhè)個思路來推進(jìn)的。無論你是正在設計一個全新的網站，還(hái)是針對(duì)現有的網站進(jìn)行簡化，這(zhè) 10 個簡化技巧都(dōu)非常值得嘗試。

1、專注于做行爲召喚設計

網站上的每一處設計都(dōu)應該是有目的的，都(dōu)相應地迎合用戶的某個行爲或者需求，這(zhè)是顯而易見的。

這(zhè)也爲行爲召喚的設計提供了依據。引導用戶的文案、按鈕和鏈接都(dōu)應該清晰、明顯，永遠不要讓用戶錯過(guò)。

2、簡化分頁

你所設計的頁面(miàn)是否需要分很多不同的頁面(miàn)?這(zhè)些頁面(miàn)有沒(méi)有分割的必要呢?你可以重新思考這(zhè)個問題了。

將(jiāng)多頁面(miàn)的内容簡化爲可管理的區塊，不要讓用戶爲了查看内容而多點擊，將(jiāng)相關的内容保存到一起(qǐ)，方便用戶集中閱讀和查看。

删除過(guò)期的、過(guò)時的内容和信息、小插件和第三方的信息都(dōu)合并到相應的區塊當中，不要零散的放置。

3、統一配色方案

雖然很多色彩确實很有吸引力，但是它們也很容易喧賓奪主。堅持將(jiāng)配色方案控制在兩(liǎng)到三個色彩，這(zhè)樣(yàng)能(néng)讓你盡可能(néng)好(hǎo)的控制整個設計的配色。

如果你想讓你的配色盡可能(néng)簡單，那麼(me)你可以采用單色配色，你會發(fā)現這(zhè)種(zhǒng)簡單的色調搭配是如此的漂亮，較少的色彩對(duì)于用戶的心理負荷更小，尤其是當你的整個視覺設計足夠和諧的時候。

4、采用标準的導航設計

雖然隐藏式的導航看起(qǐ)來很酷，而非常規的創意導航也非常的贊，但是這(zhè)些導航模式對(duì)于用戶并不是那麼(me)友好(hǎo)。偏離常規的設計雖然容易讓人記住，但是在使用體驗上，常常相對(duì)更加困難。選擇标準模式的導航，能(néng)夠讓你的網站更加易用。

最常規的導航模式，是將(jiāng)導航欄置于頁面(miàn)頂端，通常是 3 到 8 個不同的選項，當然，不要選擇 10 年前流行的複雜、全面(miàn)的大型導航菜單，除非你是京東淘寶這(zhè)樣(yàng)的大型零售電商。

5、采用80/ 20 原則

請記住，你的網站中20%的内容將(jiāng)會觸發(fā)用戶80%的操作，這(zhè)意味著(zhe)你的内容應當有輕重緩急之分，行爲召喚用語和行爲召喚按鈕等界面(miàn)元素將(jiāng)是引導用戶交互的重要組成(chéng)部分。

考慮到這(zhè)一點，在你進(jìn)行設計的時候，應該將(jiāng)設計的重心放在這(zhè)20%的内容上，而剩下的80%的内容則根據需求進(jìn)行調整。這(zhè)20%的元素通常都(dōu)是最吸引用戶點擊的那部分内容：按鈕、圖片和行爲召喚文本。

如果你覺得20/ 80 原則聽起(qǐ)來很熟悉，那麼(me)你可能(néng)是在别的地方曾經(jīng)聽到過(guò)它，它是經(jīng)濟學(xué)家 Vilfredo Pareto 所提出，幾乎在所有領域都(dōu)适用，它也被(bèi)稱爲Pareto原則，或者重要少數法則。

6、有目的地使用UI元素

圖标、圖片等每一個UI元素在整個設計中都(dōu)有其作用，有些元素的使用是有約定俗成(chéng)的規則，不要因爲某些元素看起(qǐ)來酷，或者單純“爲了有”而加上，最好(hǎo)通盤考慮，在合适的地方，合理地使用UI元素。

7、仔細挑選字體

字體和排版同樣(yàng)遵循少即是多的原則。

最容易閱讀的字體，通常都(dōu)有著(zhe)标準的外觀造型，均勻的筆觸，樸實無華而無需多餘的裝飾。一套完整的字體通常有著(zhe)多樣(yàng)的字重和可選的樣(yàng)式，不需要你再去尋找其他的字體來搭配。而在排版的問題上，文本需要同背景有著(zhe)充分的對(duì)比，

在設計網頁的時候，通常會用到兩(liǎng)套字體，一套應用到正文上，另外一套字體則用到标題上，用作展示。

8、增大文本尺寸

在進(jìn)行排版設計的時候，你需要在合适的時候增加文本尺寸。随著(zhe)我們日常看到的屏幕尺寸的增加，我們需要讓用戶看到我們所提供的信息，并不是堆砌更多的内容，而是要合理的增加文本的尺寸。

雖然在移動端設計上這(zhè)種(zhǒng)需求并不明顯，但是根據實際情況，适當的提升字體尺寸能(néng)讓文本的易讀性有明顯的提升。當然，置于首屏的關鍵詞要明顯，吸引用戶滾動，而不是將(jiāng)所有的内容都(dōu)堆在首屏。

9、創建易讀的文案

排版能(néng)夠從視覺上控制内容的複雜度，而文字則能(néng)夠控制在信息傳達上的複雜度。兩(liǎng)者其實是同等重要。每個詞彙都(dōu)應該和視覺保持意義和信息上的一緻性。

文案和視覺一樣(yàng)，都(dōu)需要反複推敲。

網站是可傳達、可閱讀的媒介，因此文案和内容都(dōu)應當幹淨、簡介，且高度可讀。你可以根據網站的風格，使用符合相應調性的文案。

10、打破一項規則

有的時候規則是用來打破的，但是如果你想讓你的設計保持簡單，那麼(me)你在設計的時候，應該有意識的打破一條規則，但是隻能(néng)是一條。

如果你需要讓你的設計在簡單的同時，又不是始終循規蹈矩，那麼(me)打破一條規則是讓你不走尋常路的最快的方法。它會讓你的設計看起(qǐ)來不那麼(me)尋常，但是又能(néng)有迹可循，打破太多的規則會很容易讓訪客覺得混亂。

結語

複雜的網站太多，想要讓你通過(guò)網站同用戶進(jìn)行順暢的溝通，設計是否夠簡單是相當重要的影響因素。無論是填寫表單還(hái)是下載APP，每個設計元素都(dōu)應當恰到好(hǎo)處，而不會因爲負責而讓用戶覺得厭煩。

雖然有時候用戶喜歡看起(qǐ)來“飽滿”的複雜的設計，可是涉及到具體的交互與功能(néng)的時候，簡單的設計每次都(dōu)能(néng)讓用戶愛不釋手。

了解更多呼和浩特網站設計精彩：http://nmgxc.net/Case.aspx