在設(shè)計(jì) banner 時(shí)，確實(shí)需要考慮用戶對圖形化內(nèi)容的更快吸引和理解能力。根據(jù)尼爾森的實(shí)驗(yàn)結(jié)果，用戶在網(wǎng)頁上花費(fèi)大部分閱讀時(shí)間在前三屏，其中首屏?xí)r間占總時(shí)長的 57%。因此，將最顯眼最突出的 banner 放在首屏的位置是非常重要的，這樣可以確保用戶在進(jìn)入頁面后第一時(shí)間看到，并在短時(shí)間內(nèi)了解主要宣傳信息。

Banner 作為產(chǎn)品吸引用戶注意力的工具，其設(shè)計(jì)需要準(zhǔn)確展示產(chǎn)品最新活動或信息，以便快速吸引用戶并轉(zhuǎn)化其行為，從而實(shí)現(xiàn)商業(yè)目標(biāo)。因此，在設(shè)計(jì) banner 時(shí)，需要考慮清晰的視覺元素、簡潔的文字信息和吸引人的圖形內(nèi)容，以確保用戶在短時(shí)間內(nèi)獲得必要的信息并被吸引進(jìn)一步了解產(chǎn)品或活動。通過精心設(shè)計(jì)的 banner，可以有效地吸引用戶的注意力并促進(jìn)轉(zhuǎn)化，從而實(shí)現(xiàn)商業(yè)價(jià)值的目標(biāo)。

理解用戶的視覺動線和習(xí)慣性眼動規(guī)律對于設(shè)計(jì) banner 的布局和內(nèi)容非常重要。將用戶視作小朋友，需要通過簡潔而吸引人的視覺元素快速傳達(dá)準(zhǔn)確信息，同時(shí)確保遵守廣告法中的法律法規(guī)。古騰堡圖表法和視覺動線規(guī)律，將重要信息放在左邊，主視覺圖形和其他元素放在右邊，以引導(dǎo)用戶實(shí)現(xiàn)從左往右移動，符合用戶習(xí)慣性的眼動規(guī)律。此外，根據(jù)文字與圖形級別高低決定采用左文右圖還是右圖左文，以確保信息的準(zhǔn)確傳達(dá)。在左右排版中，文字部分與主視覺圖片在版面中占比通常接近黃金分割比例的6:4，以確保視覺平衡和信息的快速接收。

左文右圖。文字信息級別更高，文字較為重要更需要被用戶關(guān)注，我們更傾向于將文字信息放在優(yōu)先被識別的左側(cè)，主視覺放在右側(cè)，這時(shí)放在右側(cè)的主視覺內(nèi)容往往相對模糊。排版和設(shè)計(jì)上更加簡單，更要注重左側(cè)文字的識別性和易讀性。

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

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

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

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

純色蒙版給文字墊底：一般用于圖片以攝影作品或者抽象的圖像為主，因?yàn)閿z影作品為寫實(shí)作品，抽象作品會加大減弱圖像信息，這里的圖像主要作為一個(gè)裝飾，不能過多破壞其西面，所以選擇文字的設(shè)計(jì)樣式會相對簡單，否則畫面會亂成一團(tuán)，影響用戶識別信息。例如音樂影視封面等內(nèi)容。