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

對于一致性來說,在某些些情況下,要理解并實踐它幾乎是無需傷腦的事情,而在其他情況下,理解起來可能會有點復雜。簡單來說,一致性是交互設計中的一種基本規(guī)范,它涉及到一份設計中的所有元素,它能夠用在一場活動方案的策劃中,也能夠用在獨立品牌的設計中,總之就是要創(chuàng)建出一個可用性高而又統一協調的產品。下面的這些例子我們要特別注意,因為每一個品牌在一致性和可用性設計方面都是佼佼者。

1、主色、次色以及整體的色調

關于如何創(chuàng)建一個調色板有如此多的資料?這是因為顏色能夠作為傳遞品牌效應的關鍵視覺因素之一。另外,使用好顏色也可以幫助用戶在使用你的網站過程中始終知道他們是不是在正確的位置。試想如果每個點擊動作都把你帶向一個使用新色調的頁面,你還會疑惑自己究竟是不是在正確的地方嗎?

另外當您在色彩搭配和色彩命名沒有靈感的時候,也可以前往《*/日本傳統色彩》。點擊色彩可直接吸取色值喲。

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

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

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

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

3、元素的尺寸大小和關系

你設計的界面元素尺寸有多大?所有的按鈕都是一樣大嗎?標題和圖片大小又是如何?

元素的大小應該由其風格決定,同一元素尺寸大小應該保持一致。

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

4、間距留白

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

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

5、跨媒介的視覺效果

品牌的視覺效果,比如平面圖和插畫,都應該兼容于不同媒介。無論你的設計是面向一個網站或者宣傳手冊,廣告牌或社會化媒體,品牌的視覺效果都不應該隨媒介的變化而改變。

這通常涉及到要使用一組通用的圖片處理方式。有些品牌對于如何正確的傳達視覺效果會有一些明確的細則--比如色彩疊加或者水印效果以及圖片長寬比設置等等。不管你要設計的樣式究竟如何,都要牢記的一點就是不管將來把它放在哪個媒介上,它都應該正常的傳達出應有的效果才對。

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

6、工作自然的用戶模式

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

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