研究banner设计中的视觉表现形式。方法:从风格表现、排版、色彩及趣味性设计四个方面,分析视觉表现在Banner中的应用。结论:视觉表现对Banner中信息的传播起确定性作用,设计师应该更注重Banner的视觉表现,设计能抓住用户的优秀设计。
Banner最先起源于纸质媒体的大标题广告,也可作为游行活动中的旗帜。随着互联网时代的迅速发展,Banner由于其表现方式直接、简单被广泛应用于移动手机端和网页端界面设计中。
面对日益庞大的网站数量和逐渐兴起的移动互联网应用,人们对于Banner的审美需求也在不断提高。Banner作为广告信息传播的关键环节,使命不再只是单纯地表达信息,而是需要在快节奏的网络环境中迅速抓住用户眼球,提高用户点击率,达到双方共赢的效果。由此,要让Banner在短时间内表现出效果,其视觉表现形式就显得尤为重要。
1 Banner的介绍和分类
Banner是网络中最常见、最有效、最出效果的一种推广宣传方式。目前,国内软件主页都采用Banner来传达信息。Banner主要分为购物、宣传以及展示信息等几种类别,在B2C和C2C类型的网站中处在显眼的位置,占有较大尺寸。Banner与传统的广告招贴相比有以下几个特点:第一,像素受限。Banner应用于软件首页,需要满足不同手机不同尺寸的要求,所以设计师在设计Banner的时候往往受到尺寸像素的限制。第二,短暂性。Banner一般多用于促销广告,现今,Banner往往只在特定一天或者两天出现。第三,内容受限。每张Banner所要传达的内容不一样,这就要求设计师在设计的时候充分考虑到需求方要传达的信息,不能任由自己意愿发挥。
2 Banner设计中的视觉表现形式
2.1 风格表现
风格是指某一类事物之间的共性特征。通常情况下,Banner的风格多种多样。设计师在设计Banner的时候,受需求方的影响,往往不同诉求的广告需要不同类型的Banner来烘托不同的氛围。
2.1.1 时尚杂志风
此类型的Banner采用杂志常用的版面,力求通过杂志的风格,营造出高端大气的感觉。这类型的Banner都有共同的特点,大标题、模特。例如,Banner右边放模特,左边放文字。文字大小之间形成鲜明的对比,突出文案的中心内容,文字排版和杂志排版基本相同,整体画面呈现出高贵的感觉。通过氛围的烘托,使Banner整体感觉符合文案所要表达的内容。
2.1.2 复古风
复古风的重点是运用传统元素和复古图案使整个画面呈现出复古的氛围。在Banner设计中,传统元素的应用主要是中国汉字的应用和传统图案的应用。设计师在设计浓厚中国风色彩的Banner时,往往采用此类风格。例如,端午节粽子Banner的设计。端午节是中国传统节日,这就要求设计师在设计整张图的时候考虑到中国传统习俗。设计师把文案字体采用中国古代汉字,再加上叶子元素的应用,整个Banner有一种水墨画的感觉。
2.1.3 清新简约风
清新简约风的风格就是自然、清新,画面清爽和唯美。此风格在家装和家居中常见,色调上多采用绿色、白色等自然色调,给人清丽、透亮的感觉。
2.1.4 炫酷风
这种风格多用深色背景,再带有一些质感的元素和光影效果处理。在客户端大型促销类Banner,这种风格应用较多。由于需要在第一时间抓住用户眼球,这种风格能够很好地跳出并展现在用户面前。
2.2 图形及文字排版设计
所谓排版,即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面达到美观的视觉效果。一个Banner主要是由文字和图片构成,所以在整体结构上,排版就显得尤为重要。好的排版能够让人眼前一亮,抓住其要表达的中心思想;而不好的排版则让用户找不到重点,不能清晰地表达信息。
2.2.1 整体布局排版
在严酷的商业竞争下,用户并不会花太多时间在Banner的信息思考和抉择上。好的Banner设计必须要让用户在短时间内产生共鸣和兴趣,让用户在第一时间能迅速抓住中心思想。所以Banner的整体布局排版必须遵循一定的规律,符合主题要求,以免混淆用户的第一视觉。一张Banner就像一篇文章,有主次之分。设计师首先要了解所有信息的关系,找到核心内容,将一张Banner逐层分解,确定信息优先级,并完整地展现在用户面前。
整体布局排版可遵循以下六个原则:第一,对齐原则。Banner中相关内容要对齐,这样方便用户实现快速移动,让用户在浏览网页时,一眼看到重要的信息。第二,聚拢原则。研究表明,用户在观看画面时更容易被聚集的东西所吸引。设计师在设计的时候可以将内容划分为几个区域,将相关信息都集中在一个区域里。合理的布局排列和停顿节奏有利于用户抓住信息的重点。第三,留白原则。留白又称“余玉”,原是中国画中一个重要的艺术表现手法。正如宗白华所言:“留白处并非真空,乃灵气往来生命流动之处。”画面上适当的留白,使画面不阻塞、不凝滞,仿佛天地间之灵气自由往来其中,给人无限遐想。在Banner设计中亦是如此,画面留出一定空间,既可减少Banner的压迫感,又可引导读者视线,突出重点内容。第四,降噪原则。Banner的本身就是一个小型的广告海报设计,受大小像素限制,不能任由设计师发挥,设计不同的尺寸。因此,在Banner设计中,不宜颜色过多、字体过多、图形过多。这些都分散了用户的注意力,给用户带来了阅读障碍。第五,重复原则。设计师在排版时,需要注意整个设计的一致性和连贯性,避免出现不同类型的视觉元素。第六,对比原则。在设计中,强烈的对比会让人视觉甚至心灵上产生冲击,从而形成用户记忆,有利于设计的传播与转化。Banner设计中,加大不同元素的视觉差异,既增加了Banner的活泼,又突出了视觉重点,方便用户一眼浏览到重要的信息。
2.2.2 文字设计
(1)文字排版。Banner中的文字信息传达应与口语表述相似,需要抑扬顿挫、重点突出地进行。在文字排版上,要求重点突出,大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应等要疏密有序。字体保持在两种左右,加入一些跟内容有关联的元素或者形状,可以很好地表达整个设计的情绪。
(2)文字设计。Banner的文字信息是其表达中心思想的灵魂,如果在设计文字的时候全部使用自带字体,会使Banner显得太过生硬,不富有情感。因此,设计师在设计Banner的时候应该更多地采用字体变形,重新组合。通过不同的笔触粗细和宽高比例,展现Banner的视觉冲击力和活力。优秀的文字信息设计不仅可以吸引用户,还可以激发用户的情感。但是在设计的过程中,还需要注意文字的可读性和易读性。可读性可激发用户的兴趣和关注。易读性在很大程度上决定了信息传达的成败。因此,在设计Banner的时候,标题类文字可着重于其可读性,而内容类信息传达则应该更注重其易读性。
2.3 色彩表现
作为信息的载体,色彩不仅仅是一个独立的主体,也承载着信息的传递。每种色彩都会因为色相、明度、纯度的不同,表现出不同的色彩感,不同的色彩有不同的情感和象征性,所以它们传递给用户的感知信息也会有所差异。例如,红色是引人注目的色彩,具有强烈的感染力,它是火(下转第页)(上接第页)的色、血的色,象征着热情、喜庆和幸福;蓝色则是天空的颜色,象征着和平、安静、纯洁和理智,另一方面又有消极、冷淡、保守等意味。用户对色彩信息的感知受时代、地域、民族、历史、宗教、文化、风俗等影响。因此设计师有必要了解受众的需求、习俗、态度以及Banner最终的使用场景。
在严酷的商业竞争下,用户浏览网页的时间一般只有短短几秒钟的时间。色彩是人类对画面最直观的感受,这就要求设计师必须在较短的时间内让用户产生共鸣,并让用户快速理解信息中的意思。
在Banner的色彩选择上,电器类Banner主色调主要应用蓝色和黑色,蓝色给人科技感,而黑色又给人以神秘的感觉;护肤品类Banner常采用绿色和白色,绿色像大自然的颜色,被视为生命的颜色,给用户带来清新自然的感觉;商品类Banner则经常选用暖色调色系,暖色系给人温暖,诱人的感觉,让用户有点击的欲望;而在一些奢侈品Banner中,设计师会运用金色和银色,这两种颜色象征着富贵和财富,潜移默化中体现产品的档次;食品类Banner会使用橙色,橙色是丰收的感觉,勾起用户的味蕾。
4 结语
信息传播与视觉表现之间存在千丝万缕的关系。目前,网络传播正在改变着人们的生活方式和生产方式。因此,通过良好的视觉表现让信息展现在用户面前,是目前重要的环节和课题。
在信息时代,Banner已经成为互联网信息传播的一个主要媒介。设计师在设计Banner的时候,应该考虑字体、色彩、排版等多种因素,分析用户的心理和使用环境,并结合科学的分析,将信息合理并完美地呈现在用户的眼前,让用户留下深刻的印象。