對(duì)比是視覺(jué)設(shè)計(jì)中非常常用以及常見的設(shè)計(jì)技巧之一，甚至我個(gè)人覺(jué)得對(duì)比是設(shè)計(jì)中最最重要的要點(diǎn)。

今天會(huì)給大家介紹5種直觀簡(jiǎn)單的對(duì)比方法。

如果能熟練理解和掌握，相信會(huì)對(duì)大家的日常設(shè)計(jì)中起到非常大的作用和幫助。

現(xiàn)任數(shù)美互動(dòng)創(chuàng)意總監(jiān)，曾任職于IM2.0 DDB 新意互動(dòng) 等國(guó)際4A廣告公司，擔(dān)任互動(dòng)美術(shù)指導(dǎo)，資深互動(dòng)美術(shù)指導(dǎo)。

1. 大小對(duì)比

首先我們先看幾個(gè)事例。

大小對(duì)比通過(guò)突出應(yīng)該突出的信息和內(nèi)容，在功能上可以更好的突出內(nèi)容，在設(shè)計(jì)形式可以形成不同的版式結(jié)構(gòu)，更佳絕有設(shè)計(jì)感。

實(shí)例演示，我們?nèi)绾瓮ㄟ^(guò)大小對(duì)比的方式進(jìn)行排版。

我們拿到的文字內(nèi)容：

將內(nèi)容進(jìn)行打散：

通過(guò)突出不同的內(nèi)容進(jìn)行大小對(duì)比，我們可以得到不同的版式結(jié)構(gòu)。

大小對(duì)比在實(shí)際設(shè)計(jì)中運(yùn)用的非常多，不僅僅局限于排版，這里只是拿排版進(jìn)行舉例。

2. 顏色對(duì)比

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

我們依然拿之前的案例進(jìn)行舉例，雖然下面兩個(gè)排版一樣，但是因?yàn)轭伾珜?duì)比，我們更容易被618這個(gè)信息點(diǎn)抓住眼球。

在沒(méi)有加入顏色對(duì)比前，因?yàn)榇笮?duì)比的關(guān)系618的視覺(jué)層級(jí)遠(yuǎn)高于“玩轉(zhuǎn)” “蘋果全場(chǎng)4折”，但是即便我們保證大小關(guān)系不變，加入顏色對(duì)比，“蘋果全場(chǎng)4折”這個(gè)信息的視覺(jué)層級(jí)明顯被提高了。

3. 前后對(duì)比

通過(guò)建立形式，文字，視覺(jué)元素這幾者的前后關(guān)系，形成空間以及前后對(duì)比。

4. 聚散對(duì)比

5. 虛實(shí)對(duì)比

通過(guò)透視遠(yuǎn)近關(guān)系，或者光影變化形成不同的虛實(shí)感受，形成虛實(shí)對(duì)比以及空間。.

這就是我們今天介紹的常見的設(shè)計(jì)的五種對(duì)比方法，希望大家在閱讀設(shè)計(jì)，以及自己做設(shè)計(jì)的時(shí)候能夠認(rèn)真感悟這些不同的對(duì)比是如何應(yīng)用在不同設(shè)計(jì)中的。

當(dāng)你能夠熟練掌握對(duì)比的設(shè)計(jì)方法之后，在實(shí)際設(shè)計(jì)中無(wú)論是區(qū)分閱讀層級(jí)，構(gòu)建畫面時(shí)都會(huì)更加有想法和思路。

本文名稱：5個(gè)簡(jiǎn)單直觀的網(wǎng)頁(yè)設(shè)計(jì)對(duì)比技巧
本文網(wǎng)址：http://www.2m8n56k.cn/news33/170483.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、網(wǎng)站策劃、軟件開發(fā)、網(wǎng)站維護(hù)、域名注冊(cè)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)