
文/袁横幅因其直接、简洁的表达方式,被广泛应用于手机和网页的界面设计中。作为信息传播的关键环节,Banner的使命不再仅仅是表达信息,而是在快节奏的网络环境下,快速抓住用户眼球,提高用户点击率。Banner要想在短时间内展现出效果,其视觉表达就显得尤为重要。
横幅有以下特点:
①像素有限。Banner应用于软件的首页,需要满足不同手机不同尺寸的要求,所以设计师在设计Banner时往往会受到尺寸像素的限制。
②一过性。横幅一般用于促销广告,但现在横幅只在特定的一两天出现。
③内容有限。每个横幅要传达的内容都不一样,这就要求设计师在设计时要充分考虑需求者要传达的信息,不能让自己的意愿发挥出来。
①时尚杂志风格。这类横幅采用了杂志常见的版式,力求通过杂志的风格营造出一种高端大气的感觉。这种类型的横幅有共同的特点:标题和模型。比如Banner把模型放在右边,文字放在左边,形成鲜明对比,突出文案的中心内容。文字布局和杂志布局基本一致,整体画面呈现出一种高贵的感觉。
②复古风。展现复古气息。在横幅设计中,传统元素的应用主要是汉字和传统图案的应用。这种风格常用于设计具有强烈中国风的横幅。
③清新简约的风格。简约清新风的风格是自然、清新、清爽、美观。这种风格在家装和家居中比较常见,色调中多采用绿色、白色等自然色,给人一种明朗明亮的感觉。
④凉风。这种风格多采用深色背景,加入一些纹理元素和光影效果。在客户端大型推广品类Banner中,这种风格被广泛使用。
好的Banner设计一定要在短时间内让用户产生共鸣,产生兴趣,让用户在第一时间快速掌握中心思想。所以Banner的整体布局和排版一定要遵循一定的规则,符合主题要求,才不会混淆用户的第一视觉。可以遵循以下原则:
①对准。横幅中的相关内容应该对齐。这样方便用户快速移动。让用户浏览网页。重要信息一目了然。
②聚集原则。用户在看图时更容易被聚集的东西吸引。设计师在设计时可以把内容分成几个区域,把相关信息集中在一个区域。合理的布局和停顿节奏有助于用户抓住信息的重点。
③下料原理。消隐,又称“鱼雨”,是在画面上适当留白,使画面不被遮挡、不停滞,仿佛天地间的灵气在其间自由流动,给人无限遐想。在Banner设计上也是如此,有一定的空屏幕空间,既能减少Banner的压迫感,又能引导读者的注意力,突出重点内容。
④降噪原则。Banner本身就是一个小的广告报设计,受像素大小的限制,不能留给设计师去发挥。它不适合太多的颜色、字体和图形。这些都分散了用户的注意力,给他们带来阅读困难。
⑤重复原则。设计师在排版时要注意整个设计的一致性。
⑥对比。在设计中,强烈的对比会让人产生视觉甚至精神上的冲击,从而形成用户的记忆,有利于设计的传播和转化。在Banner设计中,增加了不同元素的视觉差异,既增加了Banner的生动性,又突出了视觉焦点,方便用户浏览重要信息,一目了然。
①文字排版。横幅中文字信息的传达应该类似于口头表达,需要有节奏、有重点地进行。在文字排版中,要求重点突出,大小粗细错落有致。字与字之间的结构、布局、留白、组织、呼应要疏密有序。保持两种左右的字体,加入一些与内容相关的元素或者造型,可以很好的表达整个设计的意境。
②文字设计。横幅的文字信息是表达中心思想的灵魂。如果所有的角色都用自己的字体设计,Banner会显得过于生硬,没有饱满的情感。所以字体变形重组要多用。通过不同的笔触粗细和宽高比,展现Banner的视觉冲击力和生命力。
色彩作为信息的载体,不仅是一门独立的学科,还承载着信息的传递。每种颜色由于色相、明度、纯度不同,会表现出不同的色感。不同的颜色有不同的情感和象征意义,所以它们传达给用户的感知信息也会不同。例如,红色是一种引人注目的颜色,具有很强的吸引力。它是火与血的颜色,象征着热情、欢乐和幸福。蓝色是天空的脸空,象征和平、宁静、纯洁、理智,另一方面又是消极、冷漠、保守的。
在Banner的颜色选择上,电气Banner的主色调主要采用蓝色和黑色,蓝色给人科技感,黑色给人神秘感;横幅式的护肤品,经常用绿色和白色。绿色像大自然的颜色,被视为生命的颜色,给使用者带来清新自然的感觉。班级Banner往往采用暖色系,给人一种温暖诱人的感觉,让用户有点击的欲望。在一些奢侈品旗号中,设计师会使用象征财富和富贵的金银,巧妙地体现产品的档次。美食Banner会用橙色,这是收获的感觉,勾起用户的味蕾。
在信息时代,横幅已经成为网络信息传播的主要媒介。设计师在设计Banner时,要考虑字体、色彩、排版等因素,分析用户心理和使用环境,结合科学分析,将信息合理完美地呈现在用户面前,让用户留下深刻印象。
①官方头条号:设计智能对于顶级创意设计师来说必不可少。
②本文由Design Intelligence www . cocoo . top编辑版权归原作者所有。转载请注明出处!








