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