1. 內容關聯(lián)

• 緊密呼應主題：圖片和文字需共同服務于頁面主題。例如在美食網站介紹川菜時，文字闡述川菜的特色、歷史與做法，搭配麻婆豆腐、回鍋肉等經典菜品圖片，讓用戶直觀感受。若推廣旅游目的地，文字描繪景點風光、人文特色，配當地標志性建筑、自然景觀圖片，強化用戶認知。
• 相互補充說明：文字可解讀圖片信息，圖片能具象化文字描述。如科技產品介紹，文字詳述性能參數，圖片展示產品外觀、細節(jié)及使用場景，幫助用戶理解產品功能與價值。

2. 視覺平衡

• 合理布局：依據頁面重心與視覺流程安排圖片和文字。如將重要圖片置于頁面中心或頂部吸引注意力，搭配簡潔文字引導。多圖頁面，按一定規(guī)律排列，文字穿插其中，保持平衡。如電商產品展示，主圖搭配詳細產品描述，輔圖展示不同角度、細節(jié)，文字對應說明。
• 面積比例恰當：避免圖片或文字占據過大面積導致失衡。信息類頁面文字多，可插入適量小圖點綴；以圖為主的頁面，如攝影網站，文字簡潔，起輔助說明作用。復雜圖片配簡潔文字，簡單圖片可搭配稍多文字。

3. 風格匹配

• 整體視覺風格統(tǒng)一：圖片色調、風格與網站整體視覺及文字氛圍相符。如時尚網站用色彩鮮艷、風格現(xiàn)代圖片，搭配簡潔時尚字體；傳統(tǒng)手工藝網站選古樸色調、質感強圖片，配書法字體或具有傳統(tǒng)文化風格字體。
• 圖片風格一致性：同一頁面或網站內圖片風格保持一致。如都用寫實攝影圖、手繪插畫或扁平圖標，使頁面協(xié)調統(tǒng)一。

4. 色彩搭配

• 色調協(xié)調：圖片主色調與文字顏色在色相、明度、純度上協(xié)調。暖色調圖片配暖色系文字，冷色調圖片搭冷色系文字。避免色彩沖突，可通過調整明度、純度降低對比度。如藍色圖片配淺藍色文字，或在對比色間加入中性色過渡。
• 突出關鍵信息：利用色彩對比突出重要文字，如在圖片淺色區(qū)域用深色文字，深色區(qū)域用淺色文字，確保文字清晰可讀。

5. 排版適配

• 文字排版貼合圖片：文字繞圖排版時，遵循圖片輪廓與形狀，自然融入圖片，避免生硬截斷或覆蓋關鍵信息。如圓形圖片，文字沿圓形邊緣環(huán)繞；不規(guī)則圖片，按其形狀調整文字排列。
• 對齊方式統(tǒng)一：圖片與文字采用一致對齊方式，如左對齊、居中對齊，營造整齊有序視覺效果。多圖與文字組合，各部分對齊方式保持一致，增強頁面規(guī)整感。