當前位置:
首頁 > 創意 > 信息界面中的Banner設計!

信息界面中的Banner設計!

文/周睿

在信息界面設計領域,所謂的Banner多是指網幅廣告,多以橫條和塊狀的形態為主,可以實現有效的廣告推廣。

營造視點。Banner設計構圖除了與其他相關的平面設計提及的構圖有著諸多相通之處:視覺均衡、圖文穩定感、形狀對比與平衡等等都有著基本一致的追求。值得一提的是,Banner圖形的構圖還尤其注重對視點的追求。

所謂的視點就是如何將用戶的目光集中在Banner圖形的視覺中心上(不一定就是畫面的中心點),利用構圖去引導用戶的關注。視點的營造需要用圖形的構圖在有限的設計圖幅內形成一個聚焦空間,可以吸引用戶的注意力。

構圖樣式。構圖的樣式可以大概分以下常見的幾種:垂直水平式構圖;三角形構圖(正三角和倒三角);漸次式構圖;輻射式構圖;框架式構圖;對角線構圖。具體的構圖形式需要與產品的類別屬性進行結合考慮,通過構圖營造的畫面感受與產品的某些特性產生一定的邏輯關聯或視覺感受通感聯想。

Banner圖形的色彩取決於兩大因素:一是圖形色調與周邊色調的協調與對比關係,乃至還需整體界面設計風格的容納性;二是圖幅自身色彩的和諧。

首先,不是所有的界面都能接受高對比度的設計方式,一味地通過色彩基調來凸顯Banner來吸引眼球;其次,圖形色彩基調需要與信息內容具有一定的匹配性考慮;再次,針對切換型 Banner圖幅空間需要通過色彩定調來進行相應的區別,避免同一圖幅上的弱變化感。

整體的色彩盡量採用具有明確的基調感或傾向性。

相鄰Bmr並置切換需要考慮不同色調的差異性。

7±2原則,即同圖幅的 Banner數量最多不超過9個,相應的色彩基調數同樣適用。

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

還需考慮與周邊環境的對比與調和。

由於Banner的圖幅尺寸很小,其文案常見以標題標語、口號、短語等形式出現,且成為了商業型廣告Banner必備要點之一。Banner的文案需要尤其精鍊,體現在:

簡短。採用口號式、吶喊式的大標題,直截了當地呈現最重要的核心信息。

易懂。文字的數量雖少,但卻絲毫不影響表達信息的清晰度,能夠讓用戶一眼明白其核心內容。

易記。對於打折信息、促銷方法等讓信息映入眼帘時就產生深刻印象從而便於記憶。

與產品屬性關聯。對於採用暗示、寓意、比喻等手段的非直接闡述的軟文,在講究意蘊的同時需要做到與廣告對象的屬性特徵產生明確關聯。

感受利益。例如:通過折扣獲得的優惠、使用產品後自身可獲得的健康等等。

優秀的Banner版式應該探尋以下幾個方面:

匹配相應類型。商業型的版式多趨向於鮮明飽滿;裝飾美化型則常以簡約、清新為主要格調。不同類型的Banner版式設計風格取向根據實際情況要求可能不盡相同,不能進行套用式的千篇一律。推薦:電商詳情頁設計基礎!

信息為核心。正因為 Banner的圖幅空間非常有限,其版式決策更應該經過深思熟慮。不論是哪一種類型的Banner版式設計都應該以傳遞信息為核心目的。

契合圖形風格。不能孤立地來對待版式設計可調用的設計元素,在達成Banner設計目標的同時,也需要考慮與另外一個重要的設計要素即圖形的關聯。

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

諸如GIF圖像形式整合成的簡單動效,從最開始的初衷是為了解釋和呈現產品的特性,提供多角度的視角、闡述重要功能特點或步驟。毫無疑問動效設計能夠在某種程度上突破Banner小尺寸圖幅空間的限制,在動效中更多元化地進行展示產品特質,傳遞出更多更精準的產品信息。推薦:電商詳情頁設計(視頻教程)

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

漢字設計技巧!巧妙的變形
名片設計元素的用法!