Web设计分析:Banner设计“点横竖撇捺”

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 13:35 点击:

  

BlogBanner

 

  文字,这种与人类历史几乎同步的信息表达形式,同样也是视觉传达设计中最重要、最基础的元素之一。她的历史沿革应该已经有非常多的同学做过分享介绍,这里就不再赘述。我想讲述的是字体在网页设计中的运用,她最为常见的一种承载形式:banner字体设计,这几乎是每个Web设计师都会遇到的设计内容,不论是通栏、半通栏,还是各种大大小小尺寸以及活动营销推广的页面头部,都可以看到字体设计的身影。

  阿里巴巴中国站首页改版后对于页面内的banner推荐位有了更高的要求,这也引发了我对如何做好一条banner的思考,我觉得在banner设计中相对图形及背景元素的运用,文字本身的设计与排版要重要很多,即使在没有任何背景元素的情况下,文字依然可以良好的传达信息,因此如果我们对banner上的文字进行巧妙设计不仅能鲜明的表达设计主题还能够增强用户关注度从而获得高的点击率,更可以提升网站页面审美价值,也只有理清的这样的思路才能更好的制订设计规范,保证页面广告投放质量的一致性。

  下面根据我的理解大概的罗列了几种平时最常见banner字体设计表现形式(视觉大牛们请轻拍):

  

\

 

  根据文字本身的具体内容及其含义,使得文字的笔画结构与文字内容含义一致,符合用户的心理预期,下图中“断”字就故意在最后一笔切断。

  

\  

\

 

  思考banner的观众是谁或者说这个产品是谁用的,针对儿童类产品,在字体的表现上可以幼稚活泼一些,在设计上增加一些童趣的意味,假如是针对机械类产品,可以在字体笔画结构上做的硬一些,棱角分明,假如是针对女性的,文字的构建上可以纤细柔美、也可以时尚秀丽,假如… …

  

\

  

\

 

  根据不同的主题氛围进行设计,如端午节,中秋节等传统节日进行的推广设计,可以增加人文的设计元素,如使用书法字体,用字体去烘托这个氛围,同样比较常见的还有一些使用礼品带、花枝藤蔓等装饰性元素结合文字出现以增加设计的美感。

  

\

  

\

 

  用辅助图形与字体结合,这样的组合方式非常常见,设计原理就是根据字意词意,使用与之相关的图形元素与字体笔画形体相结合,图形元素的使用可以是具象的也可以抽象的,但对于这个的形式也很容易陷入设计泥潭,过分的强化图形或者说图形过于复杂,反而对字体有效传达造成影响,在设计时尽可能避免过度设计。

  

\

   

\

 

  作为五笔画的最后一笔,除以上讲述的内容外,对于banner中的字体设计还是应该追本溯源,形式上的美感自然是设计表现的一方面,但再好看的商业设计也不能脱离一个设计关键要素:易识性,怎样才可以让字体既美观又具有良好传达力的呢?

  

\

 

  1.咱们在做字体设计的时候,笔画粗细及风格要做到统一,这里说的统一并不是让你将文字的所有笔画粗细都调整的一摸一样,而是对于在一个词语内,同样的点与点或者横与横等需要尽量保持一种大小粗细,这样的好处是不会出现同样的笔画却大小不一,视觉上很凌乱的感觉。在完成了这样的粗细调整以后,为了使文字更富有变化,对于

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1