圖文排版5 個的小技巧 | 美體產業公開資訊

2019年12月19日—近年來，在背景圖上添加文本的方式變得越來越流行，以下教你圖文排版5個的小技巧。一、色彩與亮度的對比.使用與文本有鮮明對比的圖片很有重要， ...

近年來，在背景圖上添加文本的方式變得越來越流行，融入文本在圖片中滲入情感。在早期，圖像不得不做得很小以適應明顯低速的帶寬，隨著網速和顯示屏的快速提升，我們可以在設計中自由地使用更多圖片。

近年來，在背景圖上添加文本的方式變得越來越流行，以下教你圖文排版 5 個的小技巧。

使用與文本有鮮明對比的圖片很有重要，比如深色背景搭配亮色文本，或者深色背景使用濾鏡或疊加元素處理，這樣就能確保有足夠對比度。

獲取合理色彩與明亮對比的小技巧：

第一看不出字形，說明對比度偏低了；對比不只是深淺之間，互補色也可提供自然對比；如果圖片複雜全焦，利用疊加或編輯圖像應該是最有效的選擇。

本例中，通過WebKtit濾鏡巧妙的放置以及使用額外的<div>.來處理圖像的明亮對比，請看下例：亮度（40%）對比度（70%）；

辨識度差，文本與圖像均無焦點。

使用CCS濾鏡後，易於辨識。

優秀實例：Ayr

Geckoboard

Anodpixels

Obakkifoundation

色彩不是唯一增強圖片與文本對比度的方法，選擇圖片的尺寸也很重要。

本例中，選取一個相對均勻，開闊的天空區域，這是放置文本的極佳位置。相反，將文本直接放置在圖片中間，有地平線的位置，將致使文本的辨識度差...