新媒體視覺系列(3):對比

在之前的文章《新媒體運(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ì)和顏色的對比蛹尝,改成右圖的樣式后豫,對比就非常鮮明了,信息邏輯也就一目了然突那。

圖片來源:《寫給大家看的設(shè)計(jì)書》

對比的方式主要有:方向?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對比和圖文對比前酿。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末患雏,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子罢维,更是在濱河造成了極大的恐慌淹仑,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異匀借,居然都是意外死亡颜阐,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門吓肋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凳怨,“玉大人,你說我怎么就攤上這事是鬼》粑瑁” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵均蜜,是天一觀的道長李剖。 經(jīng)常有香客問我,道長囤耳,這世上最難降的妖魔是什么篙顺? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮充择,結(jié)果婚禮上慰安,老公的妹妹穿的比我還像新娘。我一直安慰自己聪铺,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布萄窜。 她就那樣靜靜地躺著铃剔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪查刻。 梳的紋絲不亂的頭發(fā)上键兜,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機(jī)與錄音穗泵,去河邊找鬼普气。 笑死,一個(gè)胖子當(dāng)著我的面吹牛佃延,可吹牛的內(nèi)容都是我干的现诀。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼履肃,長吁一口氣:“原來是場噩夢啊……” “哼仔沿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起尺棋,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤封锉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體成福,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡碾局,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了奴艾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片净当。...
    茶點(diǎn)故事閱讀 38,137評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖握侧,靈堂內(nèi)的尸體忽然破棺而出蚯瞧,到底是詐尸還是另有隱情,我是刑警寧澤品擎,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布埋合,位于F島的核電站,受9級特大地震影響萄传,放射性物質(zhì)發(fā)生泄漏甚颂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一秀菱、第九天 我趴在偏房一處隱蔽的房頂上張望振诬。 院中可真熱鬧,春花似錦衍菱、人聲如沸赶么。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辫呻。三九已至,卻和暖如春琼锋,著一層夾襖步出監(jiān)牢的瞬間放闺,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工缕坎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怖侦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓谜叹,卻偏偏與公主長得像匾寝,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子叉谜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 內(nèi)容為:設(shè)計(jì)中字體的選擇码倦、表述方式(形容詞)企孩、適用處、圖片與字體的排版袁稽、字體的色彩及規(guī)格等 字體 纖細(xì)勿璃、瀟灑、圓潤...
    藍(lán)血沙閱讀 5,357評論 0 48
  • 所謂成長 就是把有些曾經(jīng)看到很重的東西看輕了推汽,把曾經(jīng)以為很輕的看重了补疑。
    monicawu閱讀 140評論 0 0
  • 晚檢視: 1.和善而堅(jiān)定。堅(jiān)定有余歹撒,和善不足莲组。 2.繼續(xù)關(guān)注大寧的無視問題。臨睡前暖夭,大寧問我今天我乖么锹杈?不知道發(fā)什...
    軒寧媽閱讀 230評論 2 1
  • 日精進(jìn) 業(yè)務(wù)的本質(zhì)是通過雙方交易,解決各自的問題迈着。業(yè)務(wù)員的本質(zhì)是通過了解對方的困惑和需求竭望,解決對方的困惑,滿足對方...
    若蘭ZHOU閱讀 163評論 0 0