幫你掌握?qǐng)D文排版的2個(gè)小技巧

2018-01-24 1408 0
近年來,在背景圖上添加文本的方式變得越來越流行,融入文本在圖片中滲入情感。在早期,圖像不得不做得很小以適應(yīng)明顯低速的帶寬,隨著網(wǎng)速和顯示屏的快速提升,我們可以在設(shè)計(jì)中自由地使用更多圖片。 在這里我們將與你分享5個(gè)文本與圖片搭配的小技巧,希望能幫到你。 注:本文所講原理同樣適用在選擇視頻與文本的組合。

一、色彩與亮度的對(duì)比 使用與文本有鮮明對(duì)比的圖片很有重要,比如深色背景搭配亮色文本,或者深色背景使用濾鏡或疊加元素處理,這樣就能確保有足夠?qū)Ρ榷取?獲取合理色彩與明亮對(duì)比的小技巧:
  • 第一看不出字形,說明對(duì)比度偏低了;
  • 對(duì)比不只是深淺之間,互補(bǔ)色也可提供自然對(duì)比;
  • 如果圖片復(fù)雜全焦,利用疊加或編輯圖像應(yīng)該是最有效的選擇。
本例中,通過WebKtit濾鏡巧妙的放置以及使用額外的
. 來處理圖像的明亮對(duì)比,請(qǐng)看下例:亮度(40%)對(duì)比度(70%);
設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 辨識(shí)度差,文本與圖像均無焦點(diǎn)。 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 使用CCS濾鏡后,易于辨識(shí)。 優(yōu)秀實(shí)例 Ayr 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 Geckoboard 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧-2 Anodpixels 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 -3 Obakkifoundation 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧

二、尺寸與位置的對(duì)比 色彩不是唯一增強(qiáng)圖片與文本對(duì)比度的方法,選擇圖片的尺寸也很重要。 本例中,選取一個(gè)相對(duì)均勻,開闊的天空區(qū)域,這是放置文本的極佳位置。相反,將文本直接放置在圖片中間,有地平線的位置,將致使文本的辨識(shí)度差。 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 失敗案例:差的對(duì)比度和錯(cuò)誤的位置。 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧
優(yōu)秀案例:對(duì)比度明顯且位置更加合適。 優(yōu)秀實(shí)例: Eup.volkswagen
設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧 Dtelepathy 設(shè)計(jì)基本功!5個(gè)幫你掌握?qǐng)D文排版的小技巧
 


25
評(píng)論區(qū)(0)
正在加載評(píng)論...