您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

掌握圖文排版的5個(gè)小技巧

  在這里我們將與你分享5個(gè)文本與圖片搭配的小技巧,盼望能幫到你。注:本文所講原理同樣適用在選擇視頻與文本的組合。

  一、色彩與亮度的對比

  使用與文本有光顯對比的圖片很有緊張,比如深色背景搭配亮色文本,或者深色背景使用濾鏡或疊加元素處理,如許就能確保有充足對比度。

  獲取合理色彩與通亮對比的小技巧:

  第一看不出字形,說明對比度偏低了;

  對比不只是深淺之間,互補(bǔ)色也可提供天然對比;

  假如圖片復(fù)雜全焦,行使疊加或編輯圖像應(yīng)該是最有用的選擇。本例中,通過WebKtit濾鏡巧妙的放置以及使用額外的

  . 來處理圖像的通亮對比,請看下例:亮度(40%)對比度(70%);

掌握圖文排版的5個(gè)小技巧  圖趣網(wǎng)

  辨識度差,文本與圖像均無焦點(diǎn)。

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  使用CCS濾鏡后,易于辨識。

  良好實(shí)例:Ayr

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Geckoboard

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Anodpixels

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Obakkifoundation

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  二、尺寸與位置的對比

  色彩不是唯一加強(qiáng)圖片與文本對比度的方法,選擇圖片的尺寸也很緊張。

  本例中,選取一個(gè)相對均勻,坦蕩的天空區(qū)域,這是放置文本的極佳位置。相反,將文本直接放置在圖片中心,有地平線的位置,將致使文本的辨識度差。

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  失敗案例:差的對比度和錯(cuò)誤的位置。

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  良好案例:對比度顯明且位置更加合適。

  良好實(shí)例:Eup.volkswag

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di137.html
怎樣設(shè)計(jì)出有吸引力的網(wǎng)站?
如何搞定大圖設(shè)計(jì)技巧?
圖趣網(wǎng)微信
建議反饋
×