文/袁希晨 Banner由于其表现方式直接、简单被广泛应用于移动手机端和网页端界面设计中,Banner作为信息传播的关键环节,使命不再只是单纯地表达信息,而是需要在快节奏的网络环境中迅速抓住用户眼球,提高用户点击率,要让 Banner在短时间内表现出效果,其视觉表现形式就显得尤为重要。
Banner有以下几个特点:
①像素受限。 Banner应用于软件首页,需要满足不同手机不同尺寸的要求,所以设计师在设计Banner的时候往往受到尺寸像素的限。
②短暂性。Banner一般多用于促销广告,现今Banner往往只在特定一天或者两天出现。
③内容受限。每张Banner 所要传达的内容不一样,这就要求设计师在设计的时候,充分考虑到需求方要传达的信息,不能任由自己意愿发挥。
①时尚杂志风。 此类型的Banner用杂志常用的版面,力求通过杂志的风格,营造岀高端大气的感觉。 这类型的 Banner都有共同的特点:大标题、模特。例如:Banner右边放模特,左边放文字 文字大小之间形成鲜明的对比,突出文案的中心内容,文字排版和杂志排版基本相同,整体画面呈现出高贵的感觉。
②复古风。 现出复古的氛围。在Banner设计中,传统元素的应用主要是 汉字的应用和传统图案的应用,在设计浓厚中国风色彩的 Banner时,往往采用此类风格。
③清新简约风。 清新简约风的风格就是自然、清新,画面清爽和唯美。此 风格在家装和家居中常见,色调上多采用绿色、白色等自然色调,给人清丽、透亮的感觉。
④炫酷风。 这种风格多用深色背景,再带有一些质感的元素和光影效果处理。 在客户端大型促销类Banner,这种风格应用较多。
好的Banner设计必须要让用户在短时间内产生共鸣和兴趣,让用户在第一时间能迅速抓住中心思想。 所以Banner的整体布局排版必须遵循一定的规律,符合 主题要求,以免混淆用户的第一视觉,可遵循以下原则:
①对齐。Banner中相关内容要对齐。这样方便用户实现快速移动。让用户在浏览网页时。一眼看到重要的信息。
②聚拢原则。 用户在观看画面时更容易被聚集的东西所吸引,设计师在设计的时候可以将内容划分为几个区域,将相关信息都集中在一个区域里,合理的布局排列和停顿节奏,有利于用户抓住信息的重点。
③留白原则。留白又称“余玉”, 画面上适当的留白,使画面不阻塞、不凝滞,仿佛天地间之灵气自由往来其中,给人无限遐想。 在 Banner设计中亦是如此,画面留出一定空间, 既可减少 Banner的压迫感,又可引导读者视线,突出重点内容。
④降噪原则。Banner的本身就是一个小型的广告海 报设计,受大小像素限制,不能任由设计师发挥,不宜颜色过多、字体过多、图形过多。 这些都分散了用户的注意力,给用户带来了阅读障碍。
⑤重复原则。设计师在排版时,需要注意整个设计的一致性。
⑥对比。在设计中,强烈的对比会让人视觉甚至心灵上产生冲击,从而形成用户记忆,有利于设计的传播与转化。Banner设计中,加 大不同元素的视觉差异,既增加了Banner的活泼,又突出了视觉重点,方便用户一眼浏览到重要的信息。
①文字排版。Banner中的文字信息传达应与口语表述 相似,需要抑扬顿挫、重点突出地进行。在文字排版上,要求重 点突出,大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右,加入一些跟内容 有关联的元素或者形状,可以很好地表达整个设计的情绪。
②文字设计。Banner的文字信息是其表达中心思想的 灵魂,如果在设计文字的时候全部使用自带字体,会使 Banner显得太过生硬,不富有情感,应该更多地采用字体变形,重新组合。 通过不同的笔触粗细和宽高比例,展现 Banner的视觉冲击力和活力。
作为信息的载体,色彩不仅仅是一个独立的主体,也承载 着信息的传递。 每种色彩都会因为色相、明度、纯度的不同 表现出不同的色彩感,不同的色彩有不同的情感和象征性,所以它们传递给用户的感知信息也会有所差异。 例如:红色是 引人注目的色彩,具有强烈的感染力,它是火的色、血的色,象征着热情、喜庆和幸福; 蓝色 则是天空的颜,象征着和平、安静、纯洁和理智,另一方面又有消极、冷淡、保守等意味。
Banner的色彩选择上,电器类 Banner主色调主要应用蓝色和黑色,蓝色给人科技感,而黑色又给人以神秘的感觉; 护肤品类Banner常采用绿色和白色,绿色像大自然的颜色,被视为生命的颜色,给用户带来清新自然的感觉; 商品类 Banner 则经常选用暖色调色系,暖色系给人温暖,诱人的感觉,让用户有点击的欲望; 而在一些奢侈品 Banner中,设计师会运用金 色和银色,这两种颜色象征着富贵和财富,潜移默化中体现产品的档次; 食品类 Banner会使用橙色,橙色是丰收的感觉,勾起用户的味蕾。
在信息时代,Banner已经成为互联网信息传播的一个主要媒介。 设计师在设计Banner的时候,应该考虑字体、色彩、 排版等多种因素,分析用户的心理和使用环境,并结合科学的分析,将信息合理并完美地呈现在用户的眼前,让用户留下深刻的印象。
① 官方头条号:设计智造 顶级创意设计师必备
② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!