近年來，在背景圖上新增文字的方式變得越來越流行，融入文字在圖片中滲入情感。在早期，影像不得不做得很小以適應明顯低速的頻寬，隨著網速和顯示屏的快速提升，我們可以在設計中自由地使用更多圖片。在這裡我們將與您分享 5 個文字與圖片搭配的小技巧，希望能幫助深圳開發 WooCommerce 建站的同學。

　　一、色彩與亮度的對比

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

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

　　第一看不出字形，說明對比度偏低了；

　　對比不只是深淺之間，互補色也可提供自然對比；

　　如果圖片複雜全焦，利用疊加或編輯影像應該是最有效的選擇。

　　二、尺寸與位置的對比

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

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

　　三、利用景深

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

　　四、圖片選擇

　　圖片會傳遞情感，所以選擇圖片的時候，要聯絡設計中的場景，文字也要切合圖片。

　　五、層次感

　　具體是文字相對於影像中其他元素的位置，是在影像之後，還是影像之前？是融入其中？還是獨佔一方？進一步分析，如何將文字關聯到影像的聚焦元素？如果您有更多關於 WordPress 網站設計/開發、印刷服務、品牌設計、營銷推廣、 WordPress APP/WordPress 微信開發、資料業務等相關需求，請登入跨飛獨立站 WooCommerce 官網諮詢。

　　經驗法則：文字越小，空間上顯得越遠。