背景圖疊加文字已成主流趨勢：圖片滲入情感，文字承載信息，二者融合創造敘事張力。隨著網速與屏幕提升，高清大圖自由可用。分享 5 個圖文搭配核心技法，同樣適用視頻+文字組合。

技法一：色彩與亮度對比——可讀性的生命線

• 深色背景配亮色文字，或淺色背景配深色文字，確保足夠對比度。
• 復雜全焦圖片：疊加半透明遮罩/濾鏡/漸變層是最高效選擇。
• 自測標準：一眼看不出字形＝對比度不夠；互補色亦可提供自然對比。

CSS 濾鏡實例：亮度 40% + 對比度 70%，辨識度瞬間提升。

技法二：尺寸與位置對比——讓文字找到最佳落腳點

• 選取圖片中相對均勻、開闊區域（如天空、牆面、水面）置放文字。
• 避開地平線、強烈紋理、高頻細節區域，否則辨識度驟降。

技法三：利用景深——虛實之間藏乾坤

• 將文字置於失焦/虛化區域，主體銳利區域保留視覺焦點。
• 景深層次天然區隔文字與圖像，增加可讀性與空間感。

技法四：圖片選擇——情感與語境的精準匹配

• 圖片傳遞情感，選圖必聯繫設計場景，文案須貼合圖片意境。
• 一句話表達核心，讓訪客預知點擊後果。
• 拒絕聚焦失敗/低解析度圖片；必要時濾鏡/磨砂統一風格。

技法五：層次感——文字在圖像空間中的 Z 軸定位

• 文字相對圖像元素：在後？在前？融合？獨立？如何關聯聚焦元素？
• 經驗法則：文字越小，空間感越遠；放大文字即拉近層次，增強主視覺權重。

總結速查表

技法	核心動作	適用場景
色彩亮度對比	遮罩/濾鏡/互補色	全類型背景圖，首選方案
尺寸位置對比	尋找開闊均勻區域	風景/建築/極簡構圖
景深虛實	文字落虛化區	人像/產品/大景深攝影
圖片選擇	情感語境匹配+高清	所有項目，源頭決定上限
層次感營造	文字大小控制空間序	強調主標題/品牌口號

圖文排版不是堆疊，是光影、色彩、空間、語義的四重奏。練就這 5 技，佈局不再靠運氣。