新手Web設計師應該避免的 6 宗罪

本文由碼農網 – 小峰原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

新手Web設計師和開發人員往往以有缺陷的創作而告終，卻不知道真正的故障出自於哪裡。雖說有這麼多的設計書籍，但即使都讀了，也不會對最後的設計有任何意義。在第一個原型中建立一個無縫的設計真的是一個挑戰——事實上，只是做好單個部分就是一個難點。

有時候設計是如此糟糕，以致於完全不值得挽救。因為有這麼多的毛病，以致於小的調整根本不起效果。那麼，當你的確不知道設計出什麼問題的時候，你該去修復什麼呢？這裡將介紹新手設計人員經常深受其害的6個陷阱。瞭解如何避免這些錯誤並及時修正這些錯誤，可以神奇地改進設計。

1.錯誤的顏色對比

當使用者訪問一個網站時，他會做的第一件事就是掃描網站以得到網站的要點，並看看網站是否可以解決他的問題。如果使用者無法立即找到正確的按鈕，選項或其他的導航形式，很大的可能是他不會再看，並最終離開頁面。這通常是由於不恰當的顏色對比所造成的，導致使用者從直觀上錯過了重要的內容。

顏色對比絕對是一個要做的重要決策，當你試圖引導使用者從一個頁面到另一個頁面，或引發動作（Call to Action）的時候。確保網站上如CTAs這樣的按鈕，能夠顯眼。因為顯眼就意味著使用者將能夠迅速找到它們，提高轉化率。至於顏色設計指南，可以看看來自於谷歌的這個詳細工作。它不僅從理論上幫助你，而且還提供了工具幫助你更輕鬆地完成工作。

2.忽略圖示

使用者自己會閱讀文字的，你是這麼認為的吧？那麼，為什麼有些人會使用圖示來代替文字？只提供文字不是更容易嗎？誠然，這可能會更容易，但它有吸引力嗎？大多數人的回答都會是，NO。純文字的介面通常不會那麼美觀，而是會讓使用者覺得枯燥乏味……這就是圖示變得必要的原因。並非所有的設計師都明白這一點，所以他們往往忽略了圖表用來抓住使用者注意力的重要性。

如果你用純文字編寫，並希望使用者堅持並閱讀每一標題，那麼你可能會大失所望。但是，如果你新增圖示，那麼使用者就能立即知道發生了什麼，同時頁面不會純是文字而令人兩眼迷茫。所以，請記住要在導航和其他每個地方的選項旁邊新增小圖示，以幫助使用者快速識別。需要一些例子嗎？ Awwwards收集了一些關於圖示的超棒例子。

3.內容太多

解釋概念主要有兩種方式：要麼使用大量的詞語用例項和故事來表述氛圍和情景，要麼就簡明扼要地直述要點。初次使用者可能不會對閱讀大量的內容感興趣，可能只想儘可能快地接收資訊。這是因為在第一次訪問時，他們大多會先進行掃描，然後決定是否應該繼續深入。你怎麼能期望他們會在這種行為上消費大量的內容？

要想更好和更容易地辦好這件事，標題（尤其是第一頁的）應該做成3-7個單詞的，如果超出這個長度，那麼標題就得是對使用者充滿誘惑的。如果你有更多要分享的話，標題下面的解釋可以通過“Read More”按鈕包括一到兩行內容。但是，要讓使用者自己決定要不要閱讀剩下的內容。可以看看Lumosity是如何完美整合這一點的。

4.不考慮一致性

一致性對於一個偉大的網站設計是一個關鍵因素。很多設計師在鋪設內容時會忽略一致性，忘記設計一致性的重要性。

為臨近的相關資訊片段保持一種類似的格式很重要，並且一致的顏色/模式/等可以幫助使用者建立那些在沒有連貫設計時迷失的連線。保持這些元素相一致是關鍵。每當有指令說明的時候，任何CTAs，到下一頁的按鈕，或者起著類似作用的任何其他內容，都應該和整個網站設計保持一致，相同的字型和相同的字型大小，不論它們在網站的什麼位置。

5.沒有做好色彩平衡

色彩平衡是另一個經常被遺棄的重要問題。細心的色彩管理可以使得網站顯得清晰和有秩序。如果有太多類似的顏色，區分就變得很難，另一方面，強烈的顏色衝突會顯得雜亂和毫無吸引力。

為了保證更佳的可讀性和總體可用性，顏色不應該越界。在彼此之間應該有一種顏色的和諧，這樣網站才不會顯得突兀和難看。無論是web設計還是經典藝術設計，關注色彩平衡對於整體外觀有很大的影響。對於初學者來說，你可以試試這個超快的顏色生成器：Coolor。

6.不在意對齊

如果你想要觀眾閱讀網頁上的大部分資訊，那麼你需要讓這些資訊看起來有用且易消化。對齊在這個問題上起很大的作用。確定使用者的視角應該從哪裡開始是對齊的全部內容。對齊能慰藉使用者的眼睛。

網站上的內容可以是居中對齊，也可以是左對齊。如果你選擇把內容放在中間，那麼在左右兩邊就要留出大量的負空間，否則使用者將很難消化內容。另外，可視內容，如果有的話，如果放在居中文字的遠處會顯得無關。大多數優秀的網站會選擇文字左對齊，因為它模仿了我們如何學習閱讀印刷文字的方式。網站上的一切內容都需要對齊，網格可以幫助你實現這一點。可以閱讀Tuts+關於對齊和網格的這篇文章以瞭解更多資訊。

總結

如果你是一個新手設計師，並且犯過這些錯誤，那麼好好檢視下你的設計，看看有沒有可以修復的地方。一些曾經似乎無法挽回的設計或許會因此而突然煥發生機。不要忘了，專業的設計師曾經也是初學者，他們之所以漸漸變得優秀起來，是因為他們肯積極地嘗試理解一些細微的事情，並且願意去重新認識他們先前忽略了的內容。因此，從錯誤中學習並立刻修改，建立出一個使用者友好的網站——這是提高設計技術的唯一途徑。

祝你好運！