怎麼設計出風格一致的網頁

 　　一個風格一致的網頁比那種看起來雜亂無章的網頁更吸引人，並且風格一致的網站有利於推廣品牌和提升辨識度，那麼怎麼設計出這種風格一致的網頁呢?

　　怎樣設計出”一致性”?

　　說起來容易做起來難，如何打造一致性設計呢?如何讓視覺形象成為聯系用戶與品牌的紐帶?

　　我們設計師真正能夠把握的，也無非這幾點：

　　色彩 (主色、配色方案的選擇)

　　視覺元素 (圖像,照片, 圖標, 按鈕的整體風格)

　　字體 (大小, 排列)

　　尺寸 (內容尺寸,圖像尺寸, 間距大小)

　　還記得向莎士比亞學習!你值得掌握的網頁設計焦點法 這篇文章嗎?裡面提到過，利用色彩、尺寸、視覺層級可以打造出視覺焦點。同樣還是這些東西，這次利用他們打造出網頁設計的一致性。

　　優秀的體驗設計來自於對細節的追求。我們格外的需要在這些小細節上下功夫。

　　設計時也要考慮不同頁面之間的一致性，盡管功能不同，但是要大體上(也就是說可以略有變通)保持不同頁面之間視覺風格的一致——比如說，Logo和導航的位置。

　　具備一致性之後的進階

　　大膽用色

　　色彩的情緒效應想必大家都知道了，大膽的色彩能夠有效的吸引用戶。

　　但是要注意，一定要注意色彩與品牌間的聯系。例如，今年極為流行翡翠綠，可是你用翡翠綠為主色給可口可樂設計網頁，就有點不合適了吧?

　　彰顯個性

　　任何設計都有自己的基調，設計的基調影響了用戶對網頁的印象。在保持一致性的前提加入一點個性化是非常不錯的想法，能夠提高內容的表現力。

　　再想想，某些網站雖然具備一致性，但是風格死板，讓用戶感到非常的無趣。如果網頁設計的很鮮活，很個性化，而且聯系緊密，用戶首先會感覺非常有趣，其次會想，”嗯，這個網頁的風格還挺一致的。”(不要為了一致性而死鑽牛角尖，還要從更整體的角度看待設計。)

　　充分考慮用戶預期

　　同時也要考慮到用戶的預期，仔細思考下網頁是如何與用戶連結的，考慮下用戶對網站的感覺。

　　跟上面一樣，不要一味的炮制一致性而忘乎所以，要考慮到用戶，以用戶為中心進行設計

　　結論：

　　理解一致性原則並加以運用，需要一定的設計基礎。

　　就像學習一套拳法需要動作分解一樣，設計師首先要熟練掌握每個”小”元素的設計方法，然後再加以整合，形成”大”層次上的一致性。