1. 內(nèi)容關(guān)聯(lián)

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

2. 視覺(jué)平衡

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

3. 風(fēng)格匹配

• 整體視覺(jué)風(fēng)格統(tǒng)一：圖片色調(diào)、風(fēng)格與網(wǎng)站整體視覺(jué)及文字氛圍相符。如時(shí)尚網(wǎng)站用色彩鮮艷、風(fēng)格現(xiàn)代圖片，搭配簡(jiǎn)潔時(shí)尚字體；傳統(tǒng)手工藝網(wǎng)站選古樸色調(diào)、質(zhì)感強(qiáng)圖片，配書(shū)法字體或具有傳統(tǒng)文化風(fēng)格字體。
• 圖片風(fēng)格一致性：同一頁(yè)面或網(wǎng)站內(nèi)圖片風(fēng)格保持一致。如都用寫(xiě)實(shí)攝影圖、手繪插畫(huà)或扁平圖標(biāo)，使頁(yè)面協(xié)調(diào)統(tǒng)一。

4. 色彩搭配

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

5. 排版適配

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