網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是將網(wǎng)頁(yè)和用戶連結(jié)，通過(guò)設(shè)計(jì)（順手的導(dǎo)航、流暢的交互）讓用戶對(duì)網(wǎng)站產(chǎn)生信任。盡管網(wǎng)頁(yè)設(shè)計(jì)以功能性為主，但依然可以為用戶提供優(yōu)良的用戶體驗(yàn)。
f客戶，用戶以及一致性：具備一致性特質(zhì)的網(wǎng)頁(yè)能夠幫助推廣品牌、清晰傳遞信息?？蛻粼谝獾氖窃O(shè)計(jì)能否有效傳達(dá)他們的品牌、信息，在意設(shè)計(jì)是否能夠在消費(fèi)者中建立一種對(duì)品牌的信任感。
如果品牌信息傳遞的不夠一致、或者晦澀難懂，那么消費(fèi)者很難對(duì)品牌產(chǎn)生信任感，這就影響到了客戶的銷售額和業(yè)績(jī)。
一致性與設(shè)計(jì)師個(gè)人推廣： 作為設(shè)計(jì)師，你自己就是一個(gè)品牌，你需要仔細(xì)思量一下該要如何打造一致性的”個(gè)人品牌”。如果你的個(gè)人博客設(shè)計(jì)的風(fēng)格一致，分量充足，案例豐富，那么客戶很容易就找上門來(lái)。
簡(jiǎn)要概括一致性： 布局井然有序，主頁(yè)面、子頁(yè)面有章可循，配色方案自成體系，交互方式統(tǒng)一協(xié)調(diào)，與內(nèi)容深度聯(lián)系————這就是一致性。
gov.uk 的網(wǎng)頁(yè)設(shè)計(jì)非常一致，讓人感覺(jué)很嚴(yán)謹(jǐn)，配色也非常的堅(jiān)實(shí)，這很符合政府類網(wǎng)站的形象。一致性設(shè)計(jì)的關(guān)鍵 設(shè)計(jì)風(fēng)格與品牌形象的一致性： 網(wǎng)絡(luò)是新媒體，但設(shè)計(jì)模式并非全新，別忘了，曾經(jīng)的網(wǎng)頁(yè)設(shè)計(jì)還要遵循印刷設(shè)計(jì)中的一些規(guī)則（現(xiàn)在依然深受影響）。好的設(shè)計(jì)師能夠?qū)⒕W(wǎng)絡(luò)新形式與傳統(tǒng)無(wú)縫結(jié)合。也就是說(shuō)，某些地方要做到有所聯(lián)系。 例如，如果你要為傳統(tǒng)的商城設(shè)計(jì)一款網(wǎng)站，那么網(wǎng)頁(yè)必須能夠起到承載品牌信息的作用，而且操作流暢，界面清爽。 其次，還要保證跟現(xiàn)實(shí)生活中的品牌形象有所聯(lián)系。（這樣即便用戶沒(méi)有瀏覽過(guò)該品牌的網(wǎng)站，看了你的設(shè)計(jì)后也會(huì)想，”啊，這是某某品牌的網(wǎng)站。”） 還是那句老話，堅(jiān)實(shí)的信任感，這就是目標(biāo)。
視覺(jué)的一致性： 你的邊距，各種元素的尺寸、大小是否設(shè)計(jì)的一致？
仔細(xì)想來(lái)，一致性設(shè)計(jì)會(huì)極大的改善我們的設(shè)計(jì)流程，縮短設(shè)計(jì)周期。因?yàn)樵O(shè)計(jì)有一套規(guī)范，有章可循自然設(shè)計(jì)起來(lái)得心應(yīng)手。
交互的一致性： 除了外觀上的考量，在”交互”和”行為”上也要下功夫設(shè)計(jì)。仔細(xì)琢磨琢磨，用戶應(yīng)該如何與網(wǎng)頁(yè)進(jìn)行交互？用戶進(jìn)行輸入時(shí)會(huì)呈現(xiàn)何種動(dòng)態(tài)效果？各個(gè)頁(yè)面中的交互性也應(yīng)當(dāng)保持一致。
inc 潔凈的感覺(jué)和品牌風(fēng)格不謀而合。 怎樣設(shè)計(jì)出”一致性”？ 說(shuō)起來(lái)容易做起來(lái)難，如何打造一致性設(shè)計(jì)呢？如何讓視覺(jué)形象成為聯(lián)系用戶與品牌的紐帶？ 其實(shí)上面說(shuō)的大都是較為空泛的理念，我們?cè)O(shè)計(jì)師真正能夠把握的，也無(wú)非這幾點(diǎn)：
- 色彩 (主色、配色方案的選擇)
- 視覺(jué)元素 (圖像,照片, 圖標(biāo), 按鈕的整體風(fēng)格)
- 字體 (大小, 排列)
- 尺寸 (內(nèi)容尺寸,圖像尺寸, 間距大小)
onSite 這款網(wǎng)頁(yè)設(shè)計(jì)打造出令人印象深刻的品牌形象，扁平化設(shè)計(jì)貫穿于主頁(yè)面和子頁(yè)面，風(fēng)格大體上相同。
具備一致性之后的進(jìn)階 大膽用色 色彩的情緒效應(yīng)想必大家都知道了，大膽的色彩能夠有效的吸引用戶。 但是要注意，一定要注意色彩與品牌間的聯(lián)系。例如，今年極為流行翡翠綠，可是你用翡翠綠為主色給可口可樂(lè)設(shè)計(jì)網(wǎng)頁(yè)，就有點(diǎn)不合適了吧？ 彰顯個(gè)性 任何設(shè)計(jì)都有自己的基調(diào)，設(shè)計(jì)的基調(diào)影響了用戶對(duì)網(wǎng)頁(yè)的印象。在保持一致性的前提加入一點(diǎn)個(gè)性化是非常不錯(cuò)的想法，能夠提高內(nèi)容的表現(xiàn)力。 再想想，某些網(wǎng)站雖然具備一致性，但是風(fēng)格死板，讓用戶感到非常的無(wú)趣。如果網(wǎng)頁(yè)設(shè)計(jì)的很鮮活，很個(gè)性化，而且聯(lián)系緊密，用戶首先會(huì)感覺(jué)非常有趣，其次會(huì)想，”嗯，這個(gè)網(wǎng)頁(yè)的風(fēng)格還挺一致的。”（不要為了一致性而死鉆牛角尖，還要從更整體的角度看待設(shè)計(jì)。） 充分考慮用戶預(yù)期 同時(shí)也要考慮到用戶的預(yù)期，仔細(xì)思考下網(wǎng)頁(yè)是如何與用戶連結(jié)的，考慮下用戶對(duì)網(wǎng)站的感覺(jué)。
跟上面一樣，不要一味的炮制一致性而忘乎所以，要考慮到用戶，以用戶為中心進(jìn)行設(shè)計(jì)
WooThemes 視覺(jué)風(fēng)格突出，設(shè)計(jì)基調(diào)很棒——這種較大型的網(wǎng)站保持一致性很困難，很不好設(shè)計(jì)。
檢查 我是個(gè)列表狂魔，我覺(jué)得列表有個(gè)好處：讓事情變得更有條理，工作起來(lái)循序漸進(jìn)。（不過(guò)這也導(dǎo)致了條數(shù)太多，從而略有拖延……總之還是利大于弊的） 嗯，這次列出了一份比較簡(jiǎn)單的列表，設(shè)計(jì)完后可以看一下。
1.字體：檢查字體是否與整體風(fēng)格相符。不同頁(yè)面的垂直閱讀節(jié)奏是否一致？（關(guān)于垂直閱讀節(jié)奏，請(qǐng)看：文字布局心得！提高垂直方向上的閱讀節(jié)奏感 )
2.圖像：圖標(biāo)、圖像的視覺(jué)風(fēng)格以及尺寸是否大體一致？和整體風(fēng)格有沖突嗎？按鈕的風(fēng)格統(tǒng)一嗎，是填充式的還是中空式的？
3.色彩：整體色彩感看起來(lái)如何？配色風(fēng)格一致嗎？不同顏色之間搭配協(xié)調(diào)嗎？
4.布局：頂部導(dǎo)航和Logo的位置是否相同？行間距、文字與圖像的間距是否一致？整體布局都相似嗎？（當(dāng)然，如果你是高手，善于突破、實(shí)驗(yàn)，也可以不盡相同，推薦看看Laura Kalbag個(gè)人網(wǎng)站布局心得） 當(dāng)然，你也可以設(shè)計(jì)之前看看這份列表，不過(guò)我覺(jué)得會(huì)影響設(shè)計(jì)思路。
結(jié)論 理解一致性原則并加以運(yùn)用，需要一定的設(shè)計(jì)基礎(chǔ)。 就像學(xué)習(xí)一套拳法需要?jiǎng)幼鞣纸庖粯?，設(shè)計(jì)師首先要熟練掌握每個(gè)”小”元素的設(shè)計(jì)方法，然后再加以整合，形成”大”層次上的一致性。 希望上面的內(nèi)容會(huì)對(duì)你有所幫助，希望你在設(shè)計(jì)時(shí)能夠用到上面那份列表（也可以自己寫份列表），設(shè)計(jì)時(shí)心中要有”一致性”的理念，日積月累，你會(huì)發(fā)現(xiàn)自己的成長(zhǎng)。
