設(shè)計中的一致性會在無形之中使你的設(shè)計效果更加優(yōu)秀，也更易于用戶使用 。對于一致性來說，在某些些情況下，要理解并實踐它幾乎是無需傷腦的事情，而在其他情況下，理解起來可能會有點復(fù)雜 。簡單來說，一致性是交互設(shè)計中的一種基本規(guī)范，它涉及到一份設(shè)計中的所有元素，它能夠用在一場活動方案的策劃中，也能夠用在獨立品牌的設(shè)計中，總之就是要創(chuàng)建出一個可用性高而又統(tǒng)一協(xié)調(diào)的產(chǎn)品 。
1、主色、次色以及整體的色調(diào)
為何關(guān)于如何創(chuàng)建一個優(yōu)秀的調(diào)色板有如此多的資料？這是因為顏色能夠作為傳遞品牌效應(yīng)的關(guān)鍵視覺因素之一 。
一個特殊的顏色標(biāo)識符可以快速的告訴用戶你是誰 。想想這個世界中的那些大品牌——Coca-Cola， Facebook，T-Mobile ，它們無一不具有獨特的品牌色 。如果沒有這些顏色，你還能認(rèn)出他們嗎？
另外，使用好顏色也可以幫助用戶在使用你的網(wǎng)站過程中始終知道他們是不是在正確的位置 。試想如果每個點擊動作都把你帶向一個使用新色調(diào)的頁面，你還會疑惑自己究竟是不是在正確的地方嗎？
為了創(chuàng)建一個非常棒的調(diào)色板，你應(yīng)該先挑選出一個主要色，然后使用色彩理論添加一到兩個次要色 。再針對每種顏色設(shè)定一組樣式和使用規(guī)則，在之后的設(shè)計中堅持使用這些規(guī)則便能保證你在色彩上的一致性 。
2、字體大小、間距和位置
如同顏色應(yīng)該是基于一定樣式規(guī)則的調(diào)色板，字體也是需要設(shè)定規(guī)則的，而且思路也是一樣的 。
（1）選擇一個主要字體和大小 。
（2）選擇次要字體和大小 。
相比于顏色來說，字體的設(shè)置規(guī)則可能會稍微復(fù)雜一些 。對于 web 端的樣式風(fēng)格來說，你應(yīng)該使用 CSS 來設(shè)置元素的大小，間距和位置，以便每個標(biāo)簽（如h1，h2，h3，body等）調(diào)用正確的屬性值 。
在一個相對固定的位置顯示的字體，如導(dǎo)航中中的字體，應(yīng)該始終保持一致性 。如果每個導(dǎo)航元素都采用不相同的字體，用戶將會感到相當(dāng)?shù)睦Щ?。這種一致性規(guī)則應(yīng)該貫穿整個網(wǎng)站，所有相似的項目中應(yīng)該使用相同的字體形式 。
3、元素的尺寸大小和關(guān)系
你設(shè)計的界面元素尺寸有多大？所有的按鈕都是一樣大嗎？標(biāo)題和圖片大小又是如何？
元素的大小應(yīng)該由其風(fēng)格決定，同一元素尺寸大小應(yīng)該保持一致 。
元素使用一致的尺寸大小，并且不同元素間的關(guān)系也保持一致，便能幫助用戶理解你在設(shè)計上所使用的一致性模式，并創(chuàng)建出一個流暢的視覺觀感，達(dá)到一種和諧而平衡的效果 。
4、間距留白
跟元素的尺寸大小同等重要的還有元素間的留白 。一個元素看起來毫無任何組織和規(guī)則，能分散人們的注意力——比如一些照片重疊而其他的則互相之間留有大量的間距 。
創(chuàng)建并堅持于一種通用的留白規(guī)則的最好方法是使用柵格系統(tǒng)，該系統(tǒng)中那些無形的線條將幫助你決定在哪里放置以及如何放置一個元素，從而使得每一個像文本、按鈕、圖片這樣的獨立元素都能夠表現(xiàn)的十分協(xié)調(diào) 。
在你考慮留白設(shè)計時，一定不能忘了去檢查在垂直和水平方向上的一致性 。既要留意那些相似元素的關(guān)系也不要疏忽那些不同元素間的關(guān)系 。
5、跨媒介的視覺效果
品牌的視覺效果，比如平面圖和插畫，都應(yīng)該兼容于不同媒介 。無論你的設(shè)計是面向一個網(wǎng)站或者宣傳手冊，廣告牌或社會化媒體，品牌的視覺效果都不應(yīng)該隨媒介的變化而改變 。
這通常涉及到要使用一組通用的圖片處理方式 。有些品牌對于如何正確的傳達(dá)視覺效果會有一些明確的細(xì)則——比如色彩疊加或者水印效果以及圖片長寬比設(shè)置等等 。不管你要設(shè)計的樣式究竟如何，都要牢記的一點就是不管將來把它放在哪個媒介上，它都應(yīng)該正常的傳達(dá)出應(yīng)有的效果才對 。
推薦閱讀
- 做網(wǎng)站運營需要關(guān)注的七個基礎(chǔ)問題
- 優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)具備的七個基本準(zhǔn)則
- 信息傳播效果中網(wǎng)站設(shè)計符號的應(yīng)用
- 網(wǎng)站設(shè)計中網(wǎng)頁色彩搭配原則
- 高級網(wǎng)站設(shè)計師一定要考慮和避免注意事項！
- 網(wǎng)站優(yōu)化的效果用什么方式提高？
- 網(wǎng)站設(shè)計行為準(zhǔn)則規(guī)范之你應(yīng)該做什么，不該做什么？
- 七個實用的網(wǎng)頁設(shè)計技巧！
- 單頁面網(wǎng)站設(shè)計的5個技巧！
- 網(wǎng)站設(shè)計需要注意什么？用戶喜歡什么樣的首頁？