設(shè)計(jì)中的一致性會(huì)在無(wú)形之中使你的設(shè)計(jì)效果更加,也更易于用戶使用。在此,我們提供了一些提升設(shè)計(jì)一致性的小貼士,會(huì)讓您的設(shè)計(jì)作品看上去更專業(yè),適用于視覺(jué)/UI/品牌設(shè)計(jì)等,實(shí)戰(zhàn)性很強(qiáng),建議閱讀。

對(duì)于一致性來(lái)說(shuō),在某些些情況下,要理解并實(shí)踐它幾乎是無(wú)需傷腦的事情,而在其他情況下,理解起來(lái)可能會(huì)有點(diǎn)復(fù)雜。簡(jiǎn)單來(lái)說(shuō),一致性是交互設(shè)計(jì)中的一種基本規(guī)范,它涉及到一份設(shè)計(jì)中的所有元素,它能夠用在一場(chǎng)活動(dòng)方案的策劃中,也能夠用在獨(dú)立品牌的設(shè)計(jì)中,總之就是要?jiǎng)?chuàng)建出一個(gè)可用性高而又統(tǒng)一協(xié)調(diào)的產(chǎn)品。下面的這些例子我們要特別注意,因?yàn)槊恳粋€(gè)品牌在一致性和可用性設(shè)計(jì)方面都是佼佼者。

1、主色、次色以及整體的色調(diào)

關(guān)于如何創(chuàng)建一個(gè)調(diào)色板有如此多的資料?這是因?yàn)轭伾軌蜃鳛閭鬟f品牌效應(yīng)的關(guān)鍵視覺(jué)因素之一。另外,使用好顏色也可以幫助用戶在使用你的網(wǎng)站過(guò)程中始終知道他們是不是在正確的位置。試想如果每個(gè)點(diǎn)擊動(dòng)作都把你帶向一個(gè)使用新色調(diào)的頁(yè)面,你還會(huì)疑惑自己究竟是不是在正確的地方嗎?

另外當(dāng)您在色彩搭配和色彩命名沒(méi)有靈感的時(shí)候,也可以前往《*/日本傳統(tǒng)色彩》。點(diǎn)擊色彩可直接吸取色值喲。

2、字體大小、間距和位置

顏色應(yīng)該是基于一定樣式規(guī)則的調(diào)色板,字體也是需要設(shè)定規(guī)則的,而且思路也是一樣的。

(1)選擇一個(gè)主要字體和大小。

(2)選擇次要字體和大小。

3、元素的尺寸大小和關(guān)系

你設(shè)計(jì)的界面元素尺寸有多大?所有的按鈕都是一樣大嗎?標(biāo)題和圖片大小又是如何?

元素的大小應(yīng)該由其風(fēng)格決定,同一元素尺寸大小應(yīng)該保持一致。

元素使用一致的尺寸大小,并且不同元素間的關(guān)系也保持一致,便能幫助用戶理解你在設(shè)計(jì)上所使用的一致性模式,并創(chuàng)建出一個(gè)流暢的視覺(jué)觀感,達(dá)到一種和諧而平衡的效果。

4、間距留白

跟元素的尺寸大小同等重要的還有元素間的留白。一個(gè)元素看起來(lái)毫無(wú)任何組織和規(guī)則,能分散人們的注意力--比如一些照片重疊而其他的則互相之間留有大量的間距。

創(chuàng)建并堅(jiān)持于一種通用的留白規(guī)則的好方法是使用柵格系統(tǒng),該系統(tǒng)中那些無(wú)形的線條將幫助你決定在哪里放置以及如何放置一個(gè)元素,從而使得每一個(gè)像文本、按鈕、圖片這樣的獨(dú)立元素都能夠表現(xiàn)的十分協(xié)調(diào)。

5、跨媒介的視覺(jué)效果

品牌的視覺(jué)效果,比如平面圖和插畫(huà),都應(yīng)該兼容于不同媒介。無(wú)論你的設(shè)計(jì)是面向一個(gè)網(wǎng)站或者宣傳手冊(cè),廣告牌或社會(huì)化媒體,品牌的視覺(jué)效果都不應(yīng)該隨媒介的變化而改變。

這通常涉及到要使用一組通用的圖片處理方式。有些品牌對(duì)于如何正確的傳達(dá)視覺(jué)效果會(huì)有一些明確的細(xì)則--比如色彩疊加或者水印效果以及圖片長(zhǎng)寬比設(shè)置等等。不管你要設(shè)計(jì)的樣式究竟如何,都要牢記的一點(diǎn)就是不管將來(lái)把它放在哪個(gè)媒介上,它都應(yīng)該正常的傳達(dá)出應(yīng)有的效果才對(duì)。

為了有效的做好這項(xiàng)工作,你好創(chuàng)建一個(gè)可視化的圖像集,收集大量的高質(zhì)量,高分辨率的圖像以方便你的重復(fù)使用。

6、工作自然的用戶模式

如果一個(gè)網(wǎng)站或者應(yīng)用程序亦或是任何印制元素能按著用戶期待的方式工作,那么他們之間便能輕而易舉的產(chǎn)生交互。這因?yàn)閭€(gè)時(shí)候,用戶本身清楚的知道自己要做什么以及該如何達(dá)到目標(biāo),而設(shè)計(jì)本身則變?yōu)橐恢粺o(wú)形之中指引用戶方向的手(其實(shí)這也正應(yīng)該是一個(gè)設(shè)計(jì)師的真實(shí)目標(biāo)才對(duì))。

結(jié)論:設(shè)計(jì)上的一致性能夠創(chuàng)造出符合用戶心理模型的產(chǎn)品結(jié)構(gòu)。它也能創(chuàng)建一個(gè)有助于提升產(chǎn)品可用性,用戶能夠理解并愿意與之交互的框架。