文/周睿

在信息界面設(shè)計(jì)領(lǐng)域，所謂的Banner多是指網(wǎng)幅廣告，多以橫條和塊狀的形態(tài)為主，可以實(shí)現(xiàn)有效的廣告推廣。

①營造視點(diǎn)。Banner設(shè)計(jì)構(gòu)圖除了與其他相關(guān)的平面設(shè)計(jì)提及的構(gòu)圖有著諸多相通之處：視覺均衡、圖文穩(wěn)定感、形狀對(duì)比與平衡等等都有著基本一致的追求。值得一提的是，Banner圖形的構(gòu)圖還尤其注重對(duì)視點(diǎn)的追求。

所謂的視點(diǎn)就是如何將用戶的目光集中在Banner圖形的視覺中心上(不一定就是畫面的中心點(diǎn))，利用構(gòu)圖去引導(dǎo)用戶的關(guān)注。視點(diǎn)的營造需要用圖形的構(gòu)圖在有限的設(shè)計(jì)圖幅內(nèi)形成一個(gè)聚焦空間，可以吸引用戶的注意力。

②構(gòu)圖樣式。構(gòu)圖的樣式可以大概分以下常見的幾種：垂直水平式構(gòu)圖；三角形構(gòu)圖(正三角和倒三角)；漸次式構(gòu)圖；輻射式構(gòu)圖；框架式構(gòu)圖；對(duì)角線構(gòu)圖。具體的構(gòu)圖形式需要與產(chǎn)品的類別屬性進(jìn)行結(jié)合考慮，通過構(gòu)圖營造的畫面感受與產(chǎn)品的某些特性產(chǎn)生一定的邏輯關(guān)聯(lián)或視覺感受通感聯(lián)想。

Banner圖形的色彩取決于兩大因素：一是圖形色調(diào)與周邊色調(diào)的協(xié)調(diào)與對(duì)比關(guān)系，乃至還需整體界面設(shè)計(jì)風(fēng)格的容納性；二是圖幅自身色彩的和諧。

首先，不是所有的界面都能接受高對(duì)比度的設(shè)計(jì)方式，一味地通過色彩基調(diào)來凸顯Banner來吸引眼球；其次，圖形色彩基調(diào)需要與信息內(nèi)容具有一定的匹配性考慮；再次，針對(duì)切換型 Banner圖幅空間需要通過色彩定調(diào)來進(jìn)行相應(yīng)的區(qū)別，避免同一圖幅上的弱變化感。

①整體的色彩盡量采用具有明確的基調(diào)感或傾向性。

②相鄰Bmr并置切換需要考慮不同色調(diào)的差異性。

③7±2原則，即同圖幅的 Banner數(shù)量最多不超過9個(gè)，相應(yīng)的色彩基調(diào)數(shù)同樣適用。

④克制同一Banner的色彩過度多樣性。

⑤還需考慮與周邊環(huán)境的對(duì)比與調(diào)和。

由于Banner的圖幅尺寸很小，其文案常見以標(biāo)題標(biāo)語、口號(hào)、短語等形式出現(xiàn)，且成為了商業(yè)型廣告Banner必備要點(diǎn)之一。Banner的文案需要尤其精煉，體現(xiàn)在：

①簡短。采用口號(hào)式、吶喊式的大標(biāo)題，直截了當(dāng)?shù)爻尸F(xiàn)最重要的核心信息。

②易懂。文字的數(shù)量雖少，但卻絲毫不影響表達(dá)信息的清晰度，能夠讓用戶一眼明白其核心內(nèi)容。

③易記。對(duì)于打折信息、促銷方法等讓信息映入眼簾時(shí)就產(chǎn)生深刻印象從而便于記憶。

④與產(chǎn)品屬性關(guān)聯(lián)。對(duì)于采用暗示、寓意、比喻等手段的非直接闡述的軟文，在講究意蘊(yùn)的同時(shí)需要做到與廣告對(duì)象的屬性特征產(chǎn)生明確關(guān)聯(lián)。

⑤感受利益。例如：通過折扣獲得的優(yōu)惠、使用產(chǎn)品后自身可獲得的健康等等。

優(yōu)秀的Banner版式應(yīng)該探尋以下幾個(gè)方面：

①匹配相應(yīng)類型。商業(yè)型的版式多趨向于鮮明飽滿；裝飾美化型則常以簡約、清新為主要格調(diào)。不同類型的Banner版式設(shè)計(jì)風(fēng)格取向根據(jù)實(shí)際情況要求可能不盡相同，不能進(jìn)行套用式的千篇一律。

②信息為核心。正因?yàn)?Banner的圖幅空間非常有限，其版式?jīng)Q策更應(yīng)該經(jīng)過深思熟慮。不論是哪一種類型的Banner版式設(shè)計(jì)都應(yīng)該以傳遞信息為核心目的。

③契合圖形風(fēng)格。不能孤立地來對(duì)待版式設(shè)計(jì)可調(diào)用的設(shè)計(jì)元素，在達(dá)成Banner設(shè)計(jì)目標(biāo)的同時(shí)，也需要考慮與另外一個(gè)重要的設(shè)計(jì)要素即圖形的關(guān)聯(lián)。

④文化與情感共鳴。Banner可以是與用戶溝通情感的小窗口，增強(qiáng)Banner畫面的趣味性、故事性，喚起用戶共鳴，帶給用戶愉悅的心情。

諸如GIF圖像形式整合成的簡單動(dòng)效，從最開始的初衷是為了解釋和呈現(xiàn)產(chǎn)品的特性，提供多角度的視角、闡述重要功能特點(diǎn)或步驟。毫無疑問動(dòng)效設(shè)計(jì)能夠在某種程度上突破Banner小尺寸圖幅空間的限制，在動(dòng)效中更多元化地進(jìn)行展示產(chǎn)品特質(zhì)，傳遞出更多更精準(zhǔn)的產(chǎn)品信息。