6个简单实用的网页字体设计
在说字体设计之前我不得不提一下“格式塔心理学”,这是我们省略与变化字体笔画的理论基础。
我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。格式塔心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特征组合成一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。格式塔心理学主要有相似性原理、连续性原理、封闭性原理、对称性原理等,举例来说,比如我们看到下面两组图形:
我们可以观察发现,虽然上图中的几组图形线条没有完全闭合,但是我们依然能看出它们是方形、圆、三角形,我们的大脑会自动填补元素与元素间的空白部分,形成一段不存在的图形,这就是格式塔心理学中所说的封闭性原理。这里弥补的元素就是线段和圆点,从而有助于我们得出一个“All roads lead to Rome.”这样的结论(善于举一反三,发现新的元素)。通俗地说格式塔就是感觉(知觉)的最终结果。是我们在心不在焉与没有引入反思的现象学状态时的感觉,这种感觉是不受外界因素约束的,来源于我们自己的感知。
现在字体设计都是用计算机辅助来做了,人就越来越懒,不愿意动手,很多设计师的电脑里都安装了上百款中文字体和上千款英文字体,(说的夸张,但是不为过)琳琅满目,感觉好像没什么必要去自己动手设计。其实不然,电脑字体库的字也是被设计出来的,有些字体还广泛运用于各行各业,如:黑体、宋体大多数运用在比较正规的文件上。Pingfang SC,Helvetica字体被很多互联网设计师用在了App界面设计中,成为了扁平化设计里面的信息承接元素。然而很多大公司都已经为公司的App设计了独特的字体(主要表现在0-9数字和A-Z字母上)。
设计师们都应该明白一件事情(物以稀为贵),做出具有自己个人风格的设计是最有意义,最有特色的,最能体现自己的设计价值。曾经有一位同事,深耕高端化妆品行业十几年,每个case设计都是那么的符合品牌风格(高端、大气、上档次),不过后来有一次做了一个公司邀请函类似的设计,上面涉及到几个字的字体设计,那真的叫一个丑(小伙伴都惊呆了,这是你设计的么,你认真了么),难道此时要说这位同事设计水平很差吗,不尽如此,她只是没服务过这样的设计,不擅长。一般情况下,国际高端品牌的设计都是不会出现字体设计的,它们更加崇尚极简主义,是用买了版权的字体,直接传达品牌的内涵(BMW、EsteeLauder,LouisVuittonden、Mercedes-benz等,有兴趣可以去看看)。那有人问了,这样不用做字体设计的设计还是设计么,肯定的回答,当然是了,而且是很牛的设计。(承载品牌文化的传播文案,富有意境的拍摄图片,配合文案的产品意境摄影等等,哪一项都考验着营销设计团队的点,有感觉的那个点,这里只可会意,不能言传)。写到这里,是不是有点跑题了,然而并没有。
做字体设计的前提:设计师必须要视所服务品牌的情况而定(不是所有的品牌都合适),服务品牌的品牌文化沉淀了多少年。一般情况下,没有做字体复杂设计的品牌都是有很多年的品牌传承,而且是走在了时尚的前沿(上面举了一些品牌)。像我们现在所处的互联网时代,很多品牌如雨后春笋般的涌现出来(品牌沉淀时间远不及很多实体品牌),需要通过一些变化多端的字体设计来迎合消费者(要求越来越高),从而衍生出很多风格差异化很大的设计传播方式(卖萌耍贱、吐槽恶趣味、马赛克……不胜枚举)。这些风格更多的表现在公司运营上( 活动、企业文化周边产品、微博大号、微信公众号……),有了差异化的设计方式也就同步伴随着产生了多元化的字体设计,多元化就需要涉及到多种方法和理论支持。
字体设计的精髓:精通结构,移花接木;组合外形,达到内涵。很多初会门径的设计师会感叹:哇,他这个字体设计的好牛啊、这个变化的好有趣、好卡哇伊啊……(一波夸张的表情脑洞飘过~~),怎么样在字体上移花接木,妆点它们,废话不多说了,直接看下面的几种方法(更加实用,比很多知识论坛里面的来的简单,粗暴,直接)
第一式:移花替换 妙手回春
移花替换是根据文字的内容意思,在统一形态的文字元素加入另类不同的图形元素或文字元素。用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
第二式:移花共生 左右互搏
共生是文字图形化设计中广泛运用的形式。文字是一种视觉图形,它们的线条有着强烈的构成性和关联性,可以从单纯的构成角度来看到文字与文字笔画之间的异同,寻找笔画之间的内在联系,找到他们可以共同利用的条件,把它们提取出来合并为一,运用到当前的字体设计中。
第三式:移花双仙 横细竖粗
双仙说的是文字里面的横和竖。选定好项目需要的字体后,把横笔画变成细长,竖笔画相对应加粗,让横与竖形成粗细鲜明对比,彰显设计风格。(为什么没有横粗竖细,大家可以自己尝试一下看看,向平衡度和识别度方面考虑一下,作者曾经因此被领导骂过,不提了,一个惨字了得)。
第四式:移花纷飞 藕断丝连
藕断丝连说的是字体设计中运用到的连笔。寻找一条适合需要设计的主题的公用笔画(创建笔画),制造字体间的连接,增强整体性。
第五式:移花如玉 炽热如火
炽热如火,一般指用在游戏里面的材质,构建最直接的笔画,结合字意,通感传达,精心打磨,细致深入,强带入强感染。
无上绝招:移花接木 信手拈来
这是一种比较随意的无上心法,到这个层次的字体设计师估计已经尽淫各种字体设计大法(不限于上面概述的这几种),独孤求败了。靠的是什么,是感觉,是对于行业与设计项目的那一种特有的感觉,很神秘,像一个久远的远古门派,带着一种神秘面纱。
写在最后的话:
字体设计的方法还有很多,移花接木只是其中之一(武侠告诉我们,天下武功到了一定境界,都会殊途同归)。想要真正成为高手,必须不断学习和开拓自己的眼界(总结为阅历与审美层次)。当自己学会了一种方法,必须进行反复训练(作者太笨,只能这么办),才能形成质的飞跃。有时候“眼高手低”并非坏事,取长补短,不断总结和思考,才是提高的关键。
重要性
做好字体设计,对于视觉设计师来讲是一件特别有益的事情,主要有益于下面几个方面:
1)面对市场运营活动的时候,主题的字体设计属于活动界面的窗口,做好了主题字体设计等于活跃了画面。
2)面对Banner类别的Graphic设计,主题的字体设计好坏直接会影响到画面的结构,甚至好坏。
以上只是工作生活中的一些经验与大家分享交流,有些作品不甚完美,权当抛砖引玉,希望大家喜欢。
文章来源:http://www.haitaoit.com/