. 來處理圖像的明亮對比，請看下例：亮度（40%）對比度（70%）；

有沒有發(fā)現(xiàn)上圖辨識度差，文本與圖像均無焦點，無法第一時間抓取訪客的眼球。

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

優(yōu)秀實例

技巧二、尺寸與位置的對比

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

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


失敗案例：差的對比度和錯誤的位置。


優(yōu)秀案例：對比度明顯且位置更加合適。

優(yōu)秀實例：

技巧三、利用景深

利用圖片的景深不同，在失焦的地方置放文本也能突出文字，增加可讀性，達到效果。

 
優(yōu)秀實例：

技巧四、圖片選擇

圖片會傳遞情感，所以選擇圖片的時候，要聯(lián)系設(shè)計中的場景，文本也要切合圖片。

小建議:

一句話表達內(nèi)容，讓訪客知道點擊圖片會發(fā)生什么。
不要選擇有聚焦有問題的圖片
圖片要高清大圖，如果有必要，可以選擇濾鏡或者磨砂。


優(yōu)秀實例：

技巧五、層次感

具體是文本相對于圖像中其他元素的位置，是在圖像之后，還是圖像之前？是融入其中？還是獨占一方？進一步分析，如何將文本關(guān)聯(lián)到圖像的聚焦元素？

經(jīng)驗法則：文本越小，空間上顯得越遠。

本例中，盡管背景圖細節(jié)豐富，但我們的視覺會停留在超長的文本上，忽略了圖像。同時人物與文本看起來像在同一水平線上，層次感弱。

將文本放大后，層次感立刻就出來了。

優(yōu)秀實例：

---

更多網(wǎng)站建設(shè)相關(guān)知識交流可聯(lián)系廣州新際（m.06688.top）(專注于廣州網(wǎng)站建設(shè)，廣州網(wǎng)站設(shè)計，廣州網(wǎng)頁設(shè)計，網(wǎng)絡(luò)品牌策略建議)。