在之前的文章《新媒體運(yùn)營必需知道的 4 個(gè)設(shè)計(jì)原則》中痴施,琛姐談到過?4 個(gè)設(shè)計(jì)的基本原則——親密性擎厢、對齊、重復(fù)辣吃、對比动遭。
本文是對「對比」原則的修正和補(bǔ)充。
對比的目的主要有 2 個(gè)神得,一個(gè)是打破統(tǒng)一的版面設(shè)計(jì)厘惦,增強(qiáng)視覺效果。比如哩簿,差不多的兩個(gè)拳頭放在一起時(shí)宵蕉,畫面很平淡酝静,因?yàn)橹淮嬖诜较虻膶Ρ龋?/p>
但如果是一個(gè)老人的拳頭和一個(gè)小孩的拳頭出現(xiàn)在同一畫面,視覺效果就會(huì)強(qiáng)烈很多国裳,因?yàn)橥瑫r(shí)存在方向形入、大小、糙嫩3種類型的對比:
對比的另一個(gè)目的是組織信息邏輯缝左。完全統(tǒng)一的版面無法有效閱讀,只有通過對比浓若,讀者才能對信息邏輯一目了然渺杉,對比越強(qiáng)烈,信息邏輯就越清晰挪钓。
比如是越,一篇文章一般由標(biāo)題、小標(biāo)題碌上、正文組成倚评,如果標(biāo)題和正文間的對比不夠強(qiáng)烈,就很難一眼看出文章的邏輯馏予,比如下面左圖中天梧,只有文字大小的對比,小標(biāo)題就不夠顯眼霞丧,辨識(shí)較困難呢岗,如果加強(qiáng)對比,增加粗細(xì)和顏色的對比蛹尝,改成右圖的樣式后豫,對比就非常鮮明了,信息邏輯也就一目了然突那。
對比的方式主要有:方向?qū)Ρ却炷稹⑿螤顚Ρ取⑸蕦Ρ茹的选⒆煮w對比和圖文對比早龟。
1.方向的對比
排版布局時(shí),可以采用不同的方向進(jìn)行對比务漩,比如下圖中縱向文字和橫向文字就形成了鮮明的對比:
這種方向的對比不只存在于文字和文字之間拄衰,也可以運(yùn)用于圖像和文字間,比如下圖的海報(bào)中饵骨,圖像主體中的地平線是水平的翘悉,橫向的,文字部分是垂直的居触,縱向的妖混,方向的對比也非常鮮明老赤。
公眾號 HomeFacialPro 的排版中也采用了這種方向的對比,標(biāo)題部分采用縱向布局制市,正文部分橫向排列抬旺,整體視覺效果非常靈動(dòng)。
公眾號Voicer中的部分插圖也使用了橫向和縱向文字的對比祥楣,并增加了動(dòng)態(tài)效果开财,進(jìn)一步強(qiáng)化了對比。
2.形狀的對比
1)大VS小
同時(shí)放置2張或2張以上的圖片時(shí)误褪,常規(guī)的方式是將2張圖設(shè)置成同樣的尺寸和比例:
但這樣很容易顯得單調(diào)责鳍、乏味,更好的辦法是加入尺寸的對比兽间,比如历葛,將上圖中的其中一個(gè)對象縮小,在尺寸上和另外一個(gè)對象形成對比嘀略,改成下圖這樣恤溶,整體效果會(huì)更生動(dòng)、活潑:
2)幾何VS有機(jī)
大部分形狀可以分為幾何形狀和有機(jī)形狀 2 大類帜羊。
幾何形狀主要包括正方形咒程、矩形、三角形逮壁、圓形等規(guī)則形狀(如下圖左)孵坚,有機(jī)形狀主要是指受自然啟發(fā)的不規(guī)則形狀(如下圖右)。
規(guī)則的幾何形狀可以和不規(guī)則的有機(jī)形狀形成很好的對比窥淆。比如卖宠,下面的這張海報(bào)就是由規(guī)則的外矩形框和不規(guī)則的內(nèi)邊框組成,對比效果非常好忧饭。
3.色彩的對比
色彩的對比方案非常豐富扛伍,最為典型的有暖色和冷色的對比、亮色和暗色的對比词裤、互補(bǔ)色對比等等刺洒,琛姐在之前的文章《新媒體運(yùn)營必須知道的色彩搭配常識(shí)》中詳細(xì)講解過色彩相關(guān)概念,不清楚的童鞋可以點(diǎn)進(jìn)去看看吼砂,這里不再贅述逆航。
一般來說,色輪的右上方是暖色渔肩,左下方為冷色因俐。暖色給人的印象:生動(dòng)、激情、有表現(xiàn)力抹剩,給人感覺在空間的位置靠前撑帖。適用于前景色。冷色給人的印象:謹(jǐn)慎澳眷、冷靜胡嘿、平靜感,給人感覺在空間的位置靠后钳踊。適用于背景色衷敌。
所以,當(dāng)我們把這兩種顏色放在一起時(shí)箍土,對比非常強(qiáng)烈逢享,而且一般把冷色作為背景,暖色作為前景吴藻。比如,下面這張海報(bào)弓柱,就是采用冷暖色的對比沟堡,冷色(藍(lán)色)作背景,暖色(紅色)作前景矢空。
明暗的對比非常常見航罗,比如,下面的這張圖片屁药,就是用暗色作背景粥血,高亮的HOTEL標(biāo)志作前景,對比非常鮮明酿箭,主題很突出复亏。
互補(bǔ)色是色輪上相對的2種顏色,互補(bǔ)色對比是色彩對比中最鮮明的組合之一缭嫡,比如紅色和綠色缔御。
這種對比非常鮮明,畫面沖突感很強(qiáng)妇蛀,故有“紅配綠耕突,唱大戲”之說。因?yàn)檫@種搭配的不穩(wěn)定性评架,在正式的設(shè)計(jì)中比較少見眷茁。如果想特別引人注目,可以嘗試采用纵诞。比如上祈,電影《三槍拍案驚奇》就大量采用了互補(bǔ)色的對比,整體視覺效果非常夸張雇逞。
4.字體的對比
字體可以分為襯線體和非襯線體 2 大類荤懂,襯線體的筆畫開始、結(jié)束的地方有額外的裝飾塘砸,而且筆畫的粗細(xì)會(huì)有所不同(如下圖左)节仿。無襯線字體,沒有這些額外的裝飾掉蔬,而且筆畫的粗細(xì)差不多(如下圖右)廊宪。
根據(jù)經(jīng)驗(yàn),最好選擇一種襯線字體和一種非襯線字體來設(shè)置對比女轿,因?yàn)橥ǔ碚f箭启,互補(bǔ)的兩種元素會(huì)產(chǎn)生很好的對比效果。下圖logo中非襯線體和襯線體蛉迹,以及書寫體的對比完美平衡了整個(gè)設(shè)計(jì)傅寡。
5.圖文的對比
在前面的平衡中我們已經(jīng)說過,圖片和文字的視覺重量是不一致的北救,一般情況下荐操,遵循圖重文輕的原則,所以珍策,將圖片和文字放在一起時(shí)托启,可以有效突出圖片,將圖片作為有效的視覺線索攘宙。比如屯耸,下圖中的箭頭符號,在一大片文字中顯得非常突出蹭劈,成為了有效的視覺線索疗绣。
小結(jié)
對比的目的主要有 2 個(gè),一個(gè)是打破統(tǒng)一的版面設(shè)計(jì)链方,增強(qiáng)視覺效果持痰。另一個(gè)目的是組織信息邏輯。對比的方式主要有:方向?qū)Ρ人钍础⑿螤顚Ρ裙で稀⑸蕦Ρ取⒆煮w對比和圖文對比前酿。