在設計 banner 時(shí)，确實需要考慮用(yòng)戶對(duì)圖形化(huà)内容的(de)更快(kuài)吸引和(hé)理(lǐ)解能力。根據尼爾森的(de)實驗結果，用(yòng)戶在網頁上花費大(dà)部分(fēn)閱讀時(shí)間在前三屏，其中首屏時(shí)間占總時(shí)長(cháng)的(de) 57%。因此，将最顯眼最突出的(de) banner 放在首屏的(de)位置是非常重要的(de)，這(zhè)樣可(kě)以确保用(yòng)戶在進入頁面後第一時(shí)間看到，并在短時(shí)間内了(le)解主要宣傳信息。

Banner 作爲産品吸引用(yòng)戶注意力的(de)工具，其設計需要準确展示産品最新活動或信息，以便快(kuài)速吸引用(yòng)戶并轉化(huà)其行爲，從而實現商業目标。因此，在設計 banner 時(shí)，需要考慮清晰的(de)視覺元素、簡潔的(de)文字信息和(hé)吸引人(rén)的(de)圖形内容，以确保用(yòng)戶在短時(shí)間内獲得(de)必要的(de)信息并被吸引進一步了(le)解産品或活動。通(tōng)過精心設計的(de) banner，可(kě)以有效地吸引用(yòng)戶的(de)注意力并促進轉化(huà)，從而實現商業價值的(de)目标。

理(lǐ)解用(yòng)戶的(de)視覺動線和(hé)習(xí)慣性眼動規律對(duì)于設計 banner 的(de)布局和(hé)内容非常重要。将用(yòng)戶視作小朋友，需要通(tōng)過簡潔而吸引人(rén)的(de)視覺元素快(kuài)速傳達準确信息，同時(shí)确保遵守廣告法中的(de)法律法規。古騰堡圖表法和(hé)視覺動線規律，将重要信息放在左邊，主視覺圖形和(hé)其他(tā)元素放在右邊，以引導用(yòng)戶實現從左往右移動，符合用(yòng)戶習(xí)慣性的(de)眼動規律。此外，根據文字與圖形級别高(gāo)低決定采用(yòng)左文右圖還(hái)是右圖左文，以确保信息的(de)準确傳達。在左右排版中，文字部分(fēn)與主視覺圖片在版面中占比通(tōng)常接近黃(huáng)金分(fēn)割比例的(de)6:4，以确保視覺平衡和(hé)信息的(de)快(kuài)速接收。

左文右圖。文字信息級别更高(gāo)，文字較爲重要更需要被用(yòng)戶關注，我們更傾向于将文字信息放在優先被識别的(de)左側，主視覺放在右側，這(zhè)時(shí)放在右側的(de)主視覺内容往往相對(duì)模糊。排版和(hé)設計上更加簡單，更要注重左側文字的(de)識别性和(hé)易讀性。

右圖左文。一般應用(yòng)于音(yīn)樂(yuè)類或電商産品 banner，由于需要展示産品或者需要向用(yòng)戶展示重要的(de)圖像信息，這(zhè)時(shí)圖片層級更高(gāo)，需要擺放在左邊，需要右側圖片内容相對(duì)清晰更容易被用(yòng)戶讀取，先利用(yòng)主視覺圖片吸引用(yòng)戶注意，再配上左側優先級較弱的(de)文字闡述，banner節奏松弛有度，非常棒！而這(zhè)時(shí)根據視覺動線原理(lǐ)，右側文字排版的(de)自由度則更高(gāo)于左文右圖。

其它常見構圖還(hái)有——上下(xià)排版。常見于 benner 中出現多(duō)個(gè)主題物(wù)，主題物(wù)在下(xià)方如數排列，但依據視覺動線的(de)原理(lǐ)，人(rén)們習(xí)慣性的(de)從上而下(xià)的(de)接收信息，所以上方文字在排版和(hé)設計，上需要處理(lǐ)。例如頒獎活動等内容。

文字居中排版：“左中右構圖” 這(zhè)種形式是最好突出文字的(de)一種方式，與左右排版上對(duì)比，這(zhè)種方式比較難以掌控。趣味性也(yě)相對(duì)較低，形式上居中位置的(de)文字是 banner 中層級最高(gāo)，最需要被用(yòng)戶注意到的(de)内容。周圍元素主要起到陪襯作用(yòng)。舉個(gè)列子，遊戲、比賽封面等對(duì)立對(duì)比的(de)信息等。

環繞式排版：“圖中有文"，由于文字居中，層級性較高(gāo)。相關元素圍繞文字形成環繞效果，有效的(de)強調文字，但在單一的(de)文字排版會造成視覺中心留白空間過大(dà)，畫(huà)面太空，這(zhè)時(shí)的(de)文字設計就需要更大(dà)更加突出，字間距相對(duì)拉小。設計上裝飾性會更多(duō)一些将文字設計更加偏向圖形化(huà)。例如折扣活動、節目标題封面等。

純色蒙版給文字墊底：一般用(yòng)于圖片以攝影(yǐng)作品或者抽象的(de)圖像爲主，因爲攝影(yǐng)作品爲寫實作品，抽象作品會加大(dà)減弱圖像信息，這(zhè)裏的(de)圖像主要作爲一個(gè)裝飾，不能過多(duō)破壞其西面，所以選擇文字的(de)設計樣式會相對(duì)簡單，否則畫(huà)面會亂成一團，影(yǐng)響用(yòng)戶識别信息。例如音(yīn)樂(yuè)影(yǐng)視封面等内容。