在設(shè)計(jì)行業(yè)中，大家已經(jīng)普遍認(rèn)識(shí)到一個(gè)不再是秘密的規(guī)則，那就是當(dāng)涉及到網(wǎng)站設(shè)計(jì)的時(shí)候，簡(jiǎn)單干凈的設(shè)計(jì)往往是更好的。原理在于，一個(gè)簡(jiǎn)單、易于理解并且使用簡(jiǎn)便的界面更有可能將訪(fǎng)問(wèn)者轉(zhuǎn)化為活躍的用戶(hù)，以后再返回您的網(wǎng)站。

但是，如何簡(jiǎn)化您的網(wǎng)站？ 即使你不是從頭開(kāi)始構(gòu)建新的東西，訣竅是設(shè)置目標(biāo)，然后仔細(xì)觀察他們是通過(guò)什么途徑來(lái)直擊受眾或者說(shuō)訪(fǎng)客的。在這個(gè)表達(dá)的過(guò)程中，你要確保的就是及時(shí)消除任何妨礙到他傳遞的東西。任何使用戶(hù)在理解上產(chǎn)生阻礙的元素都應(yīng)該從設(shè)計(jì)中刪除。

這就是我們今天要研究的，或許，使用一些技巧，你可以更精準(zhǔn)的簡(jiǎn)化你的網(wǎng)站設(shè)計(jì)。 這些想法適用于現(xiàn)有網(wǎng)站和新版本。

1.讓有關(guān)行動(dòng)的呼吁成為焦點(diǎn)

每個(gè)網(wǎng)站應(yīng)該都有一個(gè)最終目標(biāo)：促使每個(gè)訪(fǎng)客在訪(fǎng)問(wèn)以后立即采取行動(dòng)做某事。 所以，在網(wǎng)頁(yè)設(shè)計(jì)上，這個(gè)目標(biāo)應(yīng)該足夠醒目，讓每個(gè)訪(fǎng)客一進(jìn)頁(yè)面就被“直擊心靈”，這是顯而易見(jiàn)的。

號(hào)召性用語(yǔ)需要清晰，足夠大，足以在五一能夠成為焦點(diǎn)的位置展示，以便用戶(hù)永遠(yuǎn)不會(huì)遠(yuǎn)離按鍵點(diǎn)擊。

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

你的設(shè)計(jì)是否包含頁(yè)面和信息頁(yè)面？ 它需要嗎？

將內(nèi)容簡(jiǎn)化為可管理的區(qū)塊，但不要讓用戶(hù)點(diǎn)擊過(guò)多的網(wǎng)頁(yè)。將所有相關(guān)內(nèi)容保存在一起，以方便閱讀和流程。

刪除包含舊的，過(guò)時(shí)的信息或僅包含第三方窗口小部件或地圖的頁(yè)面。（這些元素通?？梢圆⑷雱e處。）

3.盡量使用一個(gè)調(diào)色板（不要使用過(guò)多的色彩是的頁(yè)面太雜太跳）

雖然傳統(tǒng)上，豐富的顏色可以使頁(yè)面更活潑有趣和富含吸引力，但掌控不好，他可能就成了毀滅性的存在。所以，堅(jiān)持使用一個(gè)調(diào)色板或只使用它周邊的兩個(gè)或三個(gè)色系，以幫助保持顏色控制。

如果你想要超級(jí)簡(jiǎn)單，那么就考慮一個(gè)單調(diào)的調(diào)色板只有一些色調(diào)和單色的色調(diào)。你會(huì)發(fā)現(xiàn)原來(lái)網(wǎng)頁(yè)設(shè)計(jì)得簡(jiǎn)單盡然也能表現(xiàn)的如此美觀，在視覺(jué)上不至于太眼花繚亂，分散訪(fǎng)客的注意力，同時(shí)他很很容易讓訪(fǎng)客集中注意力在頁(yè)面像傳遞給用戶(hù)的信息上。 原理在于，較少的顏色給訪(fǎng)客帶來(lái)較少的心理負(fù)荷，并幫助創(chuàng)建更和諧和有組織的外觀。使得幾乎任何人都能夠在忙碌的生活中可以欣賞到簡(jiǎn)單的美。

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

雖然隱藏或替代導(dǎo)航樣式可能看起來(lái)很酷，不過(guò)，對(duì)于目前來(lái)說(shuō)，這些時(shí)尚的選項(xiàng)不如你所期望的友好。 任何偏離“正?！钡挠脩?hù)模式可能都有點(diǎn)刺耳，會(huì)導(dǎo)致用戶(hù)對(duì)在網(wǎng)站上移動(dòng)過(guò)于困難。選擇標(biāo)準(zhǔn)模式，以便您的網(wǎng)站易于使用。

考慮到這一點(diǎn)，標(biāo)準(zhǔn)是相當(dāng)精益的。常規(guī)導(dǎo)航的標(biāo)準(zhǔn)在于：樣式采用頂部或彈出導(dǎo)航，具有三到八個(gè)菜單選項(xiàng)。忘記那些曾經(jīng)受歡迎的大型導(dǎo)航菜單。除非你是一個(gè)主要的電子商務(wù)零售商，否則設(shè)計(jì)中的每一頁(yè)都沒(méi)有理由在導(dǎo)航中占有一席之地。

5.考慮80-20規(guī)則

考慮80-20規(guī)則是一個(gè)好的開(kāi)始當(dāng)你準(zhǔn)備對(duì)設(shè)計(jì)進(jìn)行更改的時(shí)候。你可以通過(guò)以下有兩種方式來(lái)思考和實(shí)現(xiàn)規(guī)則：

請(qǐng)記住，幾乎每個(gè)網(wǎng)站上只用20％的元素就可以導(dǎo)致訪(fǎng)客繼續(xù)剩余80%的操作，這意味著少數(shù)號(hào)召性用語(yǔ)，按鈕或其他用戶(hù)界面元素將生成用戶(hù)交互的重要部分。 這是完全正常的。

考慮到這一點(diǎn)，當(dāng)您更新或重新思考設(shè)計(jì)，進(jìn)行更改時(shí)將重點(diǎn)放在前20％的內(nèi)容上，完全優(yōu)于更改剩余80％。 您可能想要考慮的20％元素包括產(chǎn)生最多點(diǎn)擊的相同元素（CTA，流量渠道和圖片）。 空白是另一個(gè)重要因素。

是不是對(duì)80-20規(guī)則感覺(jué)似曾相識(shí)呢，它也被稱(chēng)為帕累托原則或極少數(shù)的法律。它由經(jīng)濟(jì)學(xué)家Vilfredo Pareto開(kāi)發(fā)，但在所有學(xué)科都有應(yīng)用。

6.盡量賦予每個(gè)元素目的性

圖標(biāo)，圖片和所有其他用戶(hù)界面元素在設(shè)計(jì)時(shí)應(yīng)該都需要考慮設(shè)置一個(gè)目的。（只想想如何點(diǎn)擊Facebook的圖標(biāo)，而不是鏈接到品牌的頁(yè)面。）

不要因?yàn)樗麄兡苁鬼?yè)面更個(gè)性和獨(dú)特就使用他們。應(yīng)該轉(zhuǎn)化一下這個(gè)想法，運(yùn)用基于必須，也就是僅當(dāng)它們?cè)谡w設(shè)計(jì)中可用于實(shí)際使用和目的時(shí)，才計(jì)劃和使用元件。

7，注意排版

頁(yè)面上好的排版就像使用顏色——少既是更多。

最容易閱讀的字體有標(biāo)準(zhǔn)形狀，均勻的筆觸寬度和沒(méi)有豐富的裝飾。 實(shí)體類(lèi)型系列提供選項(xiàng)，以便您不必尋找額外的字體，如果您需要添加重點(diǎn)到特定的刻字。字母需要包括足夠的可讀性和與你的背景對(duì)比。

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

8.顛倒文本大小

當(dāng)你在考慮排版時(shí)，你可以加大字體的大小。當(dāng)屏幕越來(lái)越大時(shí)，你要保證的是讓他們更容易和清晰的看到你的消息，而不是在頁(yè)面上添加更多的文字。

雖然這在移動(dòng)設(shè)備上看起來(lái)似乎不太直觀，但同樣如此。較大的字體可以更容易閱讀。忘記那個(gè)古老的格言，一切都在滾動(dòng)之上。雖然關(guān)鍵詞應(yīng)吸引用戶(hù)滾動(dòng)，但不是一切都需要在第一個(gè)屏幕上。用戶(hù)對(duì)頁(yè)面的了解是持續(xù)進(jìn)行并習(xí)慣于滾動(dòng)，特別是當(dāng)他們看著手機(jī)上的網(wǎng)站時(shí)。

9.創(chuàng)建無(wú)效復(fù)制

雖然排版可以在確定你的設(shè)計(jì)看起來(lái)復(fù)雜多么簡(jiǎn)單的巨大差異，實(shí)際的話(huà)是同樣重要。 每個(gè)詞都應(yīng)該傳達(dá)與你的視覺(jué)相同的意義，所以有一個(gè)獨(dú)特的一致性。

編輯副本。 然后再次編輯。

網(wǎng)站是一種可讀形式的通信媒介。確保您與訪(fǎng)問(wèn)者的對(duì)話(huà)是您期望與干凈，簡(jiǎn)潔，高度可讀的副本的對(duì)話(huà)。 創(chuàng)造一種流暢的音調(diào)，使用吸引用戶(hù)的單詞和語(yǔ)言。

然后再編輯一次，并取出每一個(gè)不必要的文本。

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

規(guī)則意味著被打破。但只能打破一條規(guī)則。

如果你想做一些不同的事情，不要因?yàn)樗伎既绾芜\(yùn)用很多不同或不尋常的元素而拖泥帶水。你要做的，僅是通過(guò)關(guān)注一個(gè)更復(fù)雜或不尋常的事情，你可以創(chuàng)造有趣的網(wǎng)頁(yè)設(shè)計(jì)的同時(shí)，避免讓訪(fǎng)客剛到壓力和難以理解。

聽(tīng)起來(lái)很簡(jiǎn)單，對(duì)吧？（只是不要陷入一個(gè)常見(jiàn)的陷阱做太多。）

總結(jié)

太復(fù)雜或“設(shè)計(jì)復(fù)雜化”的網(wǎng)站設(shè)計(jì)可能妨礙您與用戶(hù)溝通的方式。記住您的轉(zhuǎn)換目標(biāo)以及您希望使用者如何處理設(shè)計(jì)。無(wú)論是填寫(xiě)表格，下載應(yīng)用程序還是購(gòu)買(mǎi)，每個(gè)設(shè)計(jì)元素都應(yīng)該強(qiáng)調(diào)到達(dá)這個(gè)目的地。

刪除所有無(wú)關(guān)的設(shè)計(jì)元素，站在這條路的方式。用戶(hù)喜歡干凈，簡(jiǎn)單和易于使用的設(shè)計(jì)。這在更小的設(shè)備（例如電話(huà)）上尤其如此，記住，雜亂和復(fù)雜的設(shè)計(jì)可以在瞬間破壞用戶(hù)體驗(yàn)。