动态 / dynamic

了解国风最新市场动态

Banner图设计的“点横竖撇捺”

行业新闻 TIME:2015-10-21
915 2
  文字,这种与人类历史几乎是同步的信息表达形式,同样也是视觉传达设计当中最重要、最为基础的元素之一。她的历史沿革应该已经有非常多的同学做过分享与介绍,这里就不再赘述。我想讲述的是字体在网页设计中的运用,她最常见的一种承载形式:banner字体的设计,这几乎是每个Web设计师都会遇到的设计内容,不论是通栏、半通栏,还是各种大大小小尺寸以及活动营销推广的页面头部,都能够看到字体设计的身影。
  阿里巴巴中国站首页改版后对于页面内的banner推荐位有了更高的要求,这也引发了我对如何做好一条banner的思考,我觉得在banner设计中相对图形及背景元素的运用,文字本身的设计与排版要重要很多,即使在没有任何背景元素的情况下,文字依然可以良好的传达信息,因此如果我们对banner上的文字进行巧妙设计不仅能鲜明的表达设计主题还能够增强用户关注度从而获得高的点击率,更可以提升网站页面审美价值,也只有理清的这样的思路才能更好的制订设计规范,保证页面广告投放质量的一致性。
  下面根据我的理解大概的罗列了几种平时最常见banner字体设计表现形式(视觉大牛们请轻拍):
  
根据文字本身的具体内容及其含义,使得文字的笔画结构与文字内容含义一致,符合用户的心理预期,下图中“断”字就故意在最后一笔切断。
  
思考banner的观众是谁或者说这个产品是谁用的,针对儿童类产品,在字体的表现上可以幼稚活泼一些,在设计上增加一些童趣的意味,假如是针对机械类产品,可以在字体笔画结构上做的硬一些,棱角分明,假如是针对女性的,文字的构建上可以纤细柔美、也可以时尚秀丽,假如……
  
根据不同的主题氛围进行设计,如端午节,中秋节等传统节日进行的推广设计,可以增加人文的设计元素,如使用书法字体,用字体去烘托这个氛围,同样比较常见的还有一些使用礼品带、花枝藤蔓等装饰性元素结合文字出现以增加设计的美感。
  
用辅助图形与字体结合,这样的组合方式非常常见,设计原理就是根据字意词意,使用与之相关的图形元素与字体笔画形体相结合,图形元素的使用可以是具象的也可以抽象的,但对于这个的形式也很容易陷入设计泥潭,过分的强化图形或者说图形过于复杂,反而对字体有效传达造成影响,在设计时尽可能避免过度设计。
  
作为五笔画的最后一笔,除以上讲述的内容外,对于banner中的字体设计还是应该追本溯源,形式上的美感自然是设计表现的一方面,但再好看的商业设计也不能脱离一个设计关键要素:易识性,怎样才可以让字体既美观又具有良好传达力的呢?
  1.咱们在做字体设计的时候,笔画粗细及风格要做到统一,这里说的统一并不是让你将文字的所有笔画粗细都调整的一摸一样,而是对于在一个词语内,同样的点与点或者横与横等需要尽量保持一种大小粗细,这样的好处是不会出现同样的笔画却大小不一,视觉上很凌乱的感觉。在完成了这样的粗细调整以后,为了使文字更富有变化,对于常见的勾、折等也应该进行风格上的统一,尽可能让文字结合起来看的时候拥有相对一致的视觉感受。
  2.空间上的平衡,简单的说就是在进行字体设计时需调整空间留白,汉字的字型有繁有简,合理的分配笔画内的留白空间,才可以使文字看上去更为协调,不会因为有些汉字过于繁琐,空间留白不够导致很挤很压抑的极端情况。
  3.为了解决可能出现的某几个字的笔画相差太大,在视觉上容易出现轻重不一的情况,对于设计完成的字体组合还有一次针对整体的微调过程,尽可能达到视觉的平衡感与一致性。

联系电话:0471- 6934705/6934710/6934715

网  址:www.2400.cn www.nmgf.net 企业邮箱:kefu@nmgf.net

地  址:呼市中山东路6号金天帝广场6-9层(波士名人国际、新世纪广场旁) 

Copyright © 2003-2020 www.nmgf.net All Rights Reserved. 蒙ICP备05001757号  蒙公网安备 15010202150104号  设为首页 加入收藏 投诉电话:15848128138 18604718919

内蒙古网站建设 呼和浩特网络公司 微信小程序开发 微网站 软件开发 网站建设 内蒙古手机网站 呼和浩特网站建设 内蒙古网络公司 呼和浩特网站制作 呼和浩特网站设计 呼和浩特网页设计 呼和浩特网页制作 呼和浩特做网站 呼市考试系统 内蒙古考试系统 呼和浩特系统开发 

快捷导航
点击联系我们

Copyright © 2003-2020 国风网络

蒙公网安备 15010202150104号

蒙ICP备05001757号