分分钟让网页设计师痛不欲生Banner设计

2018-12-17伟之琦建站

  Banner在网页设计中占有很重要的位置,也是最能吸引用户眼球的元素之一。很多人认为Banner设计没有什么技术含量,只要随便放两张图、排几个字的事就可以了。事实上Banner设计要研究的东西很多很难,尤其是在短时间内制作一个出彩的Banner。下面,郑州建站公司伟之琦分享下Banner的经验。
  一、版式  
  在明确网站主题和内容后,我们就要根据主题和内容设计版式,即排版布局。确定Banner布局时,一定要清楚表达核心思路,正确展示想要给用户看的东西。
  排版一般分为两种:
  1.图文左右排版
  图文左右排版是设计Banner中最常用到的方式。以左右图文分割排版的方式构图,能使画面更具独立性和引导性。这种布局方式留白较多,能很好地将Banner的信息更显明确和品质感。
  2.文字居中
  这种方式主要是为了突出文字内容,其他元素则是为了搭配文字做出的气氛烘托。这样布局会让画面的视觉更聚焦,信息更集中,在突出主体的同时给画面带来一定的冲击力,从而吸引用户点击。
  二、文字
  文案中的文字要区分主次,使用合适且识别度高的字体,吸引用户的注意力,让人一下子看到主体。主要同一画面中字体的使用尽量不要超过三种,否则会显得非常杂乱。
  Banner常用的字体包括:
  1.衬线体
  衬线体简单且容易变形,能给人一种古典,经典,文艺的感觉,非常适合用于文艺气息的家具用品或文娱类的相关宣传设计。
  2.非衬线体
  非衬线体较简洁,笔画较粗,容易产生视觉重点,突显现代和简约的特性,让标题不会过于死板。非衬线体适用于苍劲有力的促销类相关设计,能很好地吸引用户的注意力,提高Banner点击率。
  3.书法体
  展现中国文化和挥洒豪气的书法体,适合于传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题,能将整体画面营造的中国古典风更好的融合起来。
  三、配色
  整个Banner风格中,要设定主色调和辅色调。一般在整个画面中色彩占用最多的颜色就是主色调,而辅色调则是在在整个画面所点缀对比的一个颜色,这两者的关系就就好比电影中的主角和配角。
  一般来说,不同的颜色代表的风格和适合场合都是不一样的,如:
  黑色代表高端,科技,一般用在汽车、智能科技产品和作品及消息发布上。
  白色代表简约,清新,素雅,一般是用在饰品、家居、化妆品等。
  每种颜色代表的含义,在设计Banner的时候,要根据设定的主题和文案的内容,选择合适的颜色,衬托想要表达的情绪和氛围,尽量使整体颜色及风格和谐统一,从而抓住用户注意力,提高用户的点击量和转化率。

  四、点缀

  点缀元素的存在是为了丰富画面,增加画面的活跃氛围,给用户愉悦或刺激感,增加消费者的吸引力。
  点缀元素存在的形式多样,但大致可分为三种:
  1.基础形状点缀
  这种类型的点缀主要是运用矢量形状以渐变色的方式丰富画面,给用户带来较强的视觉冲击力,从而提高Banner点击率。
  2.抽象形状点缀
  这种点缀的细节一般会比背景颜色较深,同时整体采用微渐变,适当的隐去一些边角,使点缀元素更好地融进背景中,使整个画面变得更加年轻和活泼。
  3.卖点提炼点缀
  这种点缀方式非常简单,就是把产品的卖点提炼出来,使用背景对比色或邻近色将卖点突显出来。这种设计方式的难度系数不大,其重点在于设计师对色彩和卖点提炼的把控。
  如何制作出优秀的Banner设计?以上四点是关键。根据Banner的主题和风格设计,同时要突出产品之余还要让画面和谐,这样才能让Banner更赋有品质感。
  • 上一篇:有趣可爱的网站具备哪些特点?
  • 下一篇:网页设计技巧之页面布局的六大方式及其特点
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价