网页banner设计(网页banner设计图)

张工 2022-05-16 21:23:33 阅读:44
  

Banner设计四大基础

  文/LULU横幅广告一般用于产品宣传或促销活动,具有内容新颖、更新快等特点。商家可以根据不同时期的主打产品和活动及时更换横幅广告,降低营销成本。

Banner设计四大基础

Banner设计四大基础

  通常在Banner广告中,文字占据了重要的篇幅,一般由标题文字和辅助介绍文字组成,传递给用户的文字信息可以分为主次。如何使用字体直接影响整个横幅的效果。因此,在设计文字时,需要用准确、独特的文字来表达,让用户第一时间掌握文字的关键信息。

Banner设计四大基础

  注重文字的组合,通过字体颜色、字体变形、字体排列等方法突出文字的主次。一般来说,用户看到Banner的短信,一般第一时间接受不超过三条。如果短信太多,用户无法第一时间掌握主要信息。如果短信太少,就不能很好的体现产品的特点。

Banner设计四大基础

  横幅广告的文字设计一般需要考虑两个方面:文字的准确性和字体设计的创意性。

Banner设计四大基础

  单词的排列。文字的排列要有空间感。设计师在设计文字的排列时,要考虑文字之间的密度,这样文字所传达的信息才能更加醒目。有可能打破传统的字符横向或纵向排列方式,对字符的大小和排列方式进行重新设计和变形,比如随意排列字符的大小;文字左右倾斜不一致等。

Banner设计四大基础

  字体的不同排列。好的字体效果可以增加Banner的醒目程度,起到额外的广告宣传作用。如果在字体上应用适当的纹理效果,Banner可以引人注目,提高点击率。其次,用户可以从字体的纹理效果中直观地了解产品的特点,增强了Banner的视觉效果,更有利于产品的推广。

Banner设计四大基础

m=pc" img_width="640" img_height="69" alt="Banner设计四大基础" >

  一幅Banner设计作品中,除了文字占有重要地位外,与文字搭配的图片或图形设计也起到至关重要的作用。一般来说,Banner 中图片有以下两个特点:

Banner设计四大基础

  ①由于Banner的大小有所限制,对图片的分辨率并没有很高的要求。高分辨率的图片与低分辨率的图片同时运用到Banner里,我们肉眼来看差别并不是很大,所以通常采用72dpi就可以了。

  ②在其他条件不变的情况下图片尺寸尽量越小越好,这是受到网速带宽限制,图片文件越小,传输速度越快,加载时间也就越短,节约用户点击的时间。

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 编辑整理,版权归原作者所有,转载请注明出处!

二维码