設計技巧之對比5法

對比是視覺設計中非常常用以及常見的設計技巧之一,

甚至我個人覺得對比是設計中最最重要的要點。

今天會給大家介紹6種直觀簡單的對比方法。

如果能熟練理解和掌握,相信會對大家的日常設計中起到非常大的作用和幫助。

1.大小對比

首先我們先看幾個事例。

大小對比通過突出應該突出的信息和內容,在功能上可以更好的突出內容,在設計形式可以形成不同的版式結構,更佳絕有設計感。

實例演示,我們如何通過大小對比的方式進行排版

我們拿到的文字內容

將內容進行打散

通過突出不同的內容進行大小對比,我們可以得到不同的版式結構。

大小對比在實際設計中運營的非常多,不僅僅局限於排版,這裡只是拿排版進行舉例。

2.顏色對比

顏色對比可以通過顏色去突出一些信息,也可以通過顏色的對比 增加信息的層級讓用戶更好的按照我們希望的閱讀瀏覽順序進行信息的閱讀。而顏色對比對提升設計感和氛圍也是很有幫助。

我們依然拿之前的案例進行舉例,雖然下面兩個排版一樣,但是因為顏色對比,我們更容易被618這個信息點抓住眼球。▼

在沒有加入顏色對比前,因為大小對比的關係618的視覺層級遠高於「玩轉」 「蘋果全場4折」,

但是即便我們保證大小關係不變,加入顏色對比,「蘋果全場4折」這個信息的視覺層級明顯被提高了。

3.前後對比

通過建立形式,文字,視覺元素這幾者的前後關係,形成空間以及前後對比。

4聚散對比

5虛實對比

通過透視遠近關係,或者光影變化形成不同的虛實感受,形成虛實對比以及空間,

這就是我們今天介紹的常見的設計的五種對比方法,希望大家在閱讀設計,以及自己做設計的時候能夠認真感悟這些不同的對比是如何應用在不同設計中的。

當你能夠熟練掌握對比的設計方法之後,在實際設計中無論是區分閱讀層級,構建畫面時都會更加有想法和思路。


推薦閱讀:

情緒版在用戶調研中的使用,在交互設計,視覺設計方面,如何運用?流程是怎樣,最好提供具體案例。
【可能性 | 產品與大設計】推薦閱讀(010期)
【可能性 | 產品與大設計】推薦閱讀(015期)
如何理解評價2014紅點視覺傳達獎的獲獎作品blue L on yellow?
沒靈感、沒創意、沒想法,你可以這樣做「拼貼」

TAG:设计师 | 视觉设计 | 设计 |