對(duì)于網(wǎng)站設(shè)計(jì)來(lái)說(shuō)上，簡(jiǎn)單往往更好。一個(gè)簡(jiǎn)單易懂、使用簡(jiǎn)單的界面更有可能使訪問者變成活躍的用戶，他們?cè)谕筮€是會(huì)回到你的網(wǎng)站。

但如何簡(jiǎn)化你的網(wǎng)頁(yè)設(shè)計(jì)呢？訣竅是設(shè)定目標(biāo)，然后看看用戶在實(shí)際使用的過程中是如何一步一步達(dá)到最終的目標(biāo)的。任何阻礙這條路的東西都應(yīng)該被消除，任何阻礙用戶理解重要信息的東西都應(yīng)該從設(shè)計(jì)中剔除。

這就是我們今天要討論的——一些可以用來(lái)簡(jiǎn)化網(wǎng)站設(shè)計(jì)的技巧。這些想法適用于現(xiàn)有的站點(diǎn)和即將構(gòu)建的新站點(diǎn)。

1.關(guān)注行動(dòng)號(hào)召



你的網(wǎng)站應(yīng)該有一個(gè)最終目標(biāo)，讓每個(gè)用戶最終去做某件事。這一目標(biāo)應(yīng)該對(duì)每一個(gè)正在瀏覽你的網(wǎng)站設(shè)計(jì)的人來(lái)說(shuō)是顯而易見的。

行動(dòng)的需求需要明確，足夠大，位置需要足夠醒目，以便用戶看到并可以迅速坐車反應(yīng)，這樣用戶就不會(huì)因?yàn)樘h(yuǎn)或者元素太小二忽視或不再繼續(xù)點(diǎn)擊。

2.簡(jiǎn)化頁(yè)數(shù)



你的設(shè)計(jì)是否是通過很多的網(wǎng)頁(yè)和信息頁(yè)堆積的呢？你真的需要這樣嗎？

將內(nèi)容簡(jiǎn)化為可管理的塊，不要讓用戶有太多頁(yè)面來(lái)選擇點(diǎn)擊。你完全可以將所有相關(guān)內(nèi)容放在一起，便于閱讀和流動(dòng)。

篩選掉那些舊的、過時(shí)的信息，或那些可以通過第三方小程序或部件來(lái)完成工作的頁(yè)面（這些元素通常可以節(jié)約你很多的空間）。

3.統(tǒng)一用色



雖然各種各樣的顏色可以在視覺上更加有趣和引人入勝，但它有時(shí)可能也會(huì)造成壓倒性的災(zāi)難。堅(jiān)持兩個(gè)或三個(gè)選項(xiàng)的調(diào)色板，以幫助控制顏色。

如果你的網(wǎng)站設(shè)計(jì)更加偏向于極簡(jiǎn)風(fēng)格的話，考慮一個(gè)單色彩調(diào)色板或者只有一些相近色調(diào)的單一顏色。令人驚訝的是，往往就是如此簡(jiǎn)單的東西最終形成的視覺卻給人帶來(lái)最好的印象，而且對(duì)于用戶來(lái)說(shuō)也很簡(jiǎn)單。較少的顏色意味著較少的心理負(fù)荷，并幫助創(chuàng)造更和諧和有組織的外觀（幾乎所有忙忙碌碌的人都能體會(huì)到這一點(diǎn)）。

4.使用標(biāo)準(zhǔn)導(dǎo)航



雖然隱藏的或替代的導(dǎo)航樣式看起來(lái)很酷，但這些流行的選項(xiàng)并不像用戶所期望的那樣友好。任何偏離“正常”用戶模式可能會(huì)有點(diǎn)震撼，讓用戶在網(wǎng)站上移動(dòng)變得太過費(fèi)力。選擇標(biāo)準(zhǔn)模式，以便你的網(wǎng)站易于使用。

考慮到這一點(diǎn)，標(biāo)準(zhǔn)是相當(dāng)精簡(jiǎn)的。頂部或彈出導(dǎo)航元素有三到八個(gè)菜單選項(xiàng)是常態(tài)。忘記那些曾經(jīng)流行的巨型導(dǎo)航菜單。除非你是一個(gè)主要從事電子商務(wù)零售商業(yè)務(wù)的站點(diǎn)，并非設(shè)計(jì)中的每一頁(yè)都有理由在導(dǎo)航中占有一席之地（而且許多選擇在移動(dòng)設(shè)備上根本不起作用）。

5.考慮80-20法則



80-20法則是一個(gè)改變?cè)O(shè)計(jì)的好方法。你可以有兩種方法來(lái)思考和實(shí)施該規(guī)則。

· 請(qǐng)記住，網(wǎng)站上20%的元素將導(dǎo)致80%的用戶實(shí)際參與進(jìn)交互中，這意味著對(duì)動(dòng)作、按鈕或其他用戶界面元素的少量調(diào)用將生成用戶交互的重要部分。這是完全正常的。

· 考慮到這一點(diǎn)，當(dāng)改變關(guān)注于前20%的內(nèi)容時(shí)，當(dāng)你更新或重新設(shè)計(jì)一個(gè)項(xiàng)目時(shí)，要做出80%的改變。你可能需要考慮的20%的元素包括產(chǎn)生點(diǎn)擊最多的元素——CTA、圖像等，白色空間是另一個(gè)重要因素。

如果你覺得80-20規(guī)則聽起來(lái)有點(diǎn)熟悉的話，可能你已經(jīng)在實(shí)際的生活中接觸過它了，它也被稱為帕累托原理或少數(shù)重要定律。它是由經(jīng)濟(jì)學(xué)家維爾弗雷多·帕累托提出的，但在各個(gè)學(xué)科都有應(yīng)用。

6.有目的地使用UI元素



設(shè)計(jì)中的圖標(biāo)、圖像和其他用戶界面元素應(yīng)該是有目的的（想想Facebook中的圖標(biāo)如果不知鏈接到品牌頁(yè)面的話，那將是多么的惹人厭煩）。

不要因?yàn)槟憧梢允褂盟鼈兌屗鼈儭胺簽E成災(zāi)”，只有當(dāng)它們?cè)谡w設(shè)計(jì)中服務(wù)于實(shí)際使用和目的時(shí)，才計(jì)劃和使用這些元素。

7.注意排版和字體使用



使用字體的方式就像使用顏色一樣：越少越好。

最容易閱讀的字體有標(biāo)準(zhǔn)的形狀、均勻的筆劃寬度和不多的修飾。選擇一個(gè)合適字體類型的字體集，這樣你就不必尋找額外的字體，如果你需要把重點(diǎn)放在特定的字體上，這些字母需要包含足夠的分量，以便于閱讀，并與背景對(duì)比。

只從兩個(gè)字體開始。一個(gè)用于網(wǎng)站上的主文本，一個(gè)用于顯示使用。就是這樣，這就是你所需要的。

8.增加文本大小



當(dāng)你已經(jīng)考慮到字體時(shí)，你會(huì)需要考慮一下是否需要增加字體的大小。屏幕以及分辨率越來(lái)越大，你需要讓用戶更容易看到你的信息，而不是在畫布上填滿更多的文字。

雖然在移動(dòng)設(shè)備方面，這聽起來(lái)似乎有點(diǎn)不切實(shí)際，但同樣如此。更大的字體可以更容易閱讀，關(guān)鍵字應(yīng)該誘使用戶滾動(dòng)，但不是所有的東西都需要在第一個(gè)屏幕上。用戶理解繼續(xù)前進(jìn)，習(xí)慣于滾動(dòng)，特別是當(dāng)他們?cè)谑謾C(jī)上瀏覽網(wǎng)站時(shí)。

9.創(chuàng)建輕松的文本



字體和排版可以在確定你的設(shè)計(jì)看起來(lái)在簡(jiǎn)單或復(fù)雜方面產(chǎn)生巨大的差異，實(shí)際的單詞也同樣重要。每個(gè)詞都應(yīng)該和你的視覺傳達(dá)相同的意思，有一個(gè)明顯的一致性。

你需要對(duì)你即將使用的文本信息反復(fù)提煉。

網(wǎng)站是一種媒介，它是一種可讀的交流形式。確保你與訪問者之間的對(duì)話是你期望的簡(jiǎn)潔、高度可讀的文本。創(chuàng)建一個(gè)基于設(shè)計(jì)風(fēng)格的主調(diào)，使用吸引用戶的詞匯和語(yǔ)言。

最后再編輯一次，取出不必要的文本。

10.打破一條規(guī)則，但只有一條



規(guī)則是注定要被打破的。但在一個(gè)項(xiàng)目中，你只能打破一條規(guī)則。

如果你想做一些不同尋常的事情，不要把設(shè)計(jì)與很多不同的或不尋常的元素混為一談。通過專注于一個(gè)更復(fù)雜或不尋常的事情，你可以創(chuàng)造不具壓倒性的全新設(shè)計(jì)。

聽起來(lái)很簡(jiǎn)單，對(duì)吧？（只是不要陷入太多的陷阱）。

總結(jié)

一個(gè)過于復(fù)雜或過于“設(shè)計(jì)”的網(wǎng)站設(shè)計(jì)會(huì)妨礙你與用戶交流的方式。記住你的轉(zhuǎn)換目標(biāo)和用戶希望使用的設(shè)計(jì)。無(wú)論是填寫表格，下載一個(gè)應(yīng)用程序或購(gòu)買一件商品，每一個(gè)設(shè)計(jì)元素都應(yīng)該強(qiáng)調(diào)到達(dá)這個(gè)目的地。

去除所有阻礙這條道路的設(shè)計(jì)元素。用戶喜歡干凈，簡(jiǎn)單，易于使用的設(shè)計(jì)。尤其是在更小的設(shè)備上，比如手機(jī)，雜亂會(huì)破壞用戶體驗(yàn)。