万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。
我们常常会看到一些初学者做出来的字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的,接下来我就介绍一些初学者应该知道的关于汉字的基础知识。
【骨骼与体饰】
“骨骼”即字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素,而“体饰”是字体的装饰,可以影响字体所呈现出来的风格与外观
【中心与重心】
物理上绝对的“中心”,人眼看上去却感觉偏低,因为人的眼睛存在视觉错,如果按照物理的中心去设计字体,会让人感觉中间的部分靠下,有往下掉的感觉,这就是为什么大部分字体会把视觉重心放在物理中心点之上的原因,这样更符合人眼的视觉习惯,看上去才会显得舒服。
【笔画的粗细】
在设计一款字体时,笔画粗细应当做成一样的吗?答案是不应该,因为字与字之间的笔画繁复程度都不一样,而且同一粗细度的笔画,在横着、竖着、斜着以及变成曲线时,视觉上都会给人粗细不一致的感觉,因为人眼看东西时会存在视错觉,因此在做字的时候,要根据字体笔画的繁杂程度以及视觉感受对笔画粗细进行调整,达到视觉上的统一。下图是一个在物理宽度上完全相等的矩形,它的视觉上的粗细关系依次为:横>; 斜 >; 竖 >; 曲。
【字面大小】
一个边长完全相等的正方形,看上去却显得有些偏高,这依然是视错觉的影响,因此通常做正方形的字,都要把外框压扁一些,消除视错觉的影响。下图左为物理正方形,右为视觉正方形。
【汉字的中宫】
中宫,顾名思义,就是指汉字九宫格中心那一格的区域,中宫的大小会影响字体呈现出来的气质以及字体在极端环境下的可识别度,通常中宫偏小的字体气质上显得比较清秀,但在字体较小或远距离识别上体验较差(如屏显字体和高速路牌字体),中宫偏大的字体气质上显得稳、拙一些,而且由于内白空间较大,因此识别性上优于中宫偏小的字体。
【形式语言的统一】
统一的形式语言是做好设计的基础,这一点在现代的艺术邻域中被一再印证,不论是绘画、建筑、海报、工业设计等都能看到统一形式语言的经典案例。
【正负形空间的均衡】
无论是偏向传统的字库字体还是偏向创意的美术字,都需要注重正负形空间的均衡和美观。初学者常常忽略掉负形空间,但其实对负形空间的设计才是最重要的,德国字体设计大师ErikSpiekermann曾经说过:“重要的不是设计黑的部分,而是设计白的部分”, 只有负形空间的均衡,才能造就正形空间的美观和舒适。
1、字体设计的思维创意 想让字体具有自己的风骨,而非猪八戒上50元一单的设计,你必须拥有正确的思维创意方法,在本次分享中,刘柏坤老师将把自己多年的字体设计思维方法与你分享。
2、设计方法与技巧 对于初学者而言,需要特别注意一些能够快速入门的方法与技巧,才能事半功倍、少走弯路,在打破规则之前,你必须掌握这些规则。 3、互动提问环节 如果你在字体设计的过程中遇到某些疑难问题,可以获得与刘柏坤老师“一对一”交流的机会,让字体设计大咖帮你指点迷津。
一、注意字体
无论是标志还是排版。作为标志,有时图形是次要的,字体可以帮你解决很多问题,努力学习,掌握字体的设计。
二、还是字体
一切都离不开版式,一切版式都离不开字体。作为东方文化最杰出的代表——中文字体,你得好好琢磨。一开始,你最好先想到是宋体还是黑体,特殊的情况下,你才去考虑是否选用这两大字体之外的字体。简单的讲,宋体很严谨,很庄重,也很尊贵;黑体,很现代,很整齐,很简约。
其次,字体的间距最好小于常规间距。以“0”为标准,你最好取“-50”,这可适用于标题类字体排版,作为大面积的正文排版,同样需要稍微缩小字体的间距,稀疏的间距不但不能完成轻松阅读的任务,反而会让眼睛疲惫。把握“紧凑”和“稀疏”的区别。
最后,字体的高度,最好压一压,就是压扁一些,这样,汉字看上去,会更象汉字一些。 说的对不对,不妨试一试,都是很简单的处理。
三、版式
如果你功力不够,或者时间不够,最好采用稳妥的排版方式。记得,在商业设计中,不要轻易尝试夸张的跳跃性的版式,那些看上去愈随意愈凌乱的优秀作品,需要的时间愈多,你需要非常扎实的构成功底,同时你需要处理所有已经出现的细节,并且要创造更多的细节。一个平面里,两个元素的距离可以扩展到无限大,但你得有足够的力气,不让它们跑出界了。越乱,越难,而不是反之。在这里所强调商业设计,这是为你的安全着想,因为客户是付费的,如果你的功力尚浅,就不要冒险。一个简单的测试是,一张白纸上,有两个圆点,想一想,如何处理两点的大小和距离,可以让这张纸看上去紧绷的快要破裂?如果你可以制造出这样的视觉,你就可以去创造那些复杂的版式。
四、节奏
回到“稳重”的版式上来,最重要的一点是:节奏。 什么叫节奏?因为不同,所以产生了节奏。对比,反差,无论是面积也好,色彩也好,结构也好,不要什么都一样,也不要什么都不一样,否则,就没有节奏可言。可以用音符如何产生旋律来理解排版中的“节奏”。
五、色彩
如果你想提高,就尽量抛弃正统的红黄蓝绿吧。色彩的感觉,基本上靠天赋。但也可以培养,如果你爱看电影,多留意大师们的电影,看看里面的用色,就拿常见的来说,看看王家卫的电影,每一部,就是一本色彩学。平面设计中,色彩是什么?色彩不是红黄蓝绿,色彩是情绪,每一种色彩的选用和调制,就是每一种心情的表达。所以,最重要的一点,你必须是个非常感性的人。
平面设计中,字体排版千变万化,看似毫无规律,其实万变不离其宗,字体排版需要满足三个要素:排列、模块、对比。
排列文字的排列方式常用的有这么几种:左对齐排列、右对齐排列、居中对齐排列、两端对齐排列、顶端对齐排列、尾端对齐排列。任何一种文字排列方式都可以搭配下列图文组合方法来进行。
版面图文组合方法有:左图右文、左文右图、上图下文、上文下图、图文居中、图文对角等,这里需要掌握的是抓住受众画面的视觉落脚点,以达到重点的突出,举几个例子,看着更直观点。上文下图型左文右图型对角图文型模块在排版时,我们会将标题文字、说明文字、装饰文字分门别类地放在一起,形成一个个文字模块。
这样的排版操作其实就是切割划分、整理信息的过程,把关联的元素在视觉上形成一个整体,强调重点信息,体现层次感。下面举个示例。
从示例中不难发现,模块的划分在文字排版中的实用性很高,值得注意的是:仅当文字信息间的关联很强时,可以将他们归同一个模块。 文字模块最少设置二个,但也不是越多越好,通常不超过四个。
对比利用视觉差异形成对比,鹏少在文字排版中屡试不爽。这种方法能够避免排版单一、喧宾夺主的现象,比如关键文字放大、形变、加粗、变色、衬色等。
那么我们如何在平面设计中快速上手字体排版呢?以鹏少的经验来说,平面设计没有捷径可寻,个人的悟性是必须的,不论中文字体还是英文字体,可以多从电影海报、淘宝店铺以及户外广告中汲取灵感,发散思维,但不要刻意去抄袭和模仿。 我们只能在掌握原理的基础上通过实际操作不断调整变换,以期达到最理想的效果。
我是鹏少,一个平面设计圈的老司机,有任何平面设计问题欢迎留言评论或关注私信。
如果网页设计依赖于字体的设计,那我们还需要学习其他的东西么?——你所需要的只是理解字体设计的各个元素。
字体设计(维基百科注解为字体排印学)当然不仅仅只是选择字体。随着@font-face技术和一些如Typekit,Webtype, Fontdeck, 以及 Google Web fonts等服务的改进,你的字体设计功力也不会提高。
你可以很轻易的在你余生中只用一款字体创造出漂亮的设计——在过去设计师们也不得不这么做,那时还没有Photoshop作帮助,越多的字体只会让事情更糟糕,因为创造力和审美感是不能受到过多选择的干扰的。 更 多的玩具代表着更多乐趣,对吧?如果你选择了这条路,但就要准备为此而付出全部。
我很乐意看到不同的字体被使用,也佩服那些能成功在自己网站上使用新字体 的人。不过,我也遇到很多不大好的方案(比如Myspace)。
Typekit可以帮助你提前预览改变后的字体效果,这样对网页设计的帮助是巨大的。 下面不是我刻薄,对于大多数网页来说你应该知道的——试试翻看所有你喜欢的网页设计,去掉图片,然后想象只有文本和留白的网页会是怎样的?当一个设计师说“文字就是一种交互设计”,这句话不是虚构,下面来看看这个叫iA site的网站: 信息架构师都基于优秀的排版 A Working Library是我最喜欢的设计之一,这个网页以纯文本的方式来展示界面,留白如齐白石水墨,恰到好处,文字排版也十分得体。
A Working Libraryby Mandy Brown。 有些人或许会认为这样的设计呆板而乏味,他们更倾向于使用流行的风格。
到了最后你设计的注意力会被这些多余的视觉效果分散掉,所以你依然要把经历放在最初那95%上面,就像你现在阅读的文章便做得很好,不需要依靠图片仍然能展示漂亮的视觉设计效果。 没你想象中难 你完全可以做出一个不依靠任何图片搭配的一流网页。
虽然听起来有点天马行空,但这确实是可行的。我也并不是说本应该如此,但如果我们能巧妙的使用字体设计和留白便能做到美观得体,那将来加入图片、视频这些元素时,不是更锦上添花了吗? 在使用图像时我不是想说那些真正要表达什么的图像,就如图标,但图像在这里就是为了引人注目。
有时一张图胜过千言万语,所以最好使用图片(但你仍然需要考虑使用留白)。这里有两个以上的美好网站的例子,它们都将重点放在文字设计上以实现整个设计。
第一个网站是Blake Allen Design,第二个是The Harriet Series(这两个网站都是使用图像来表达他们的文字设计,你要认识到这一点) 当使用图片时,我并不想定一个什么样的标准比如它要代表着类似icon性质的效果,但图片就是用来展示的,有时一张图胜过千言万语时便可考虑使用了(当然还是要注意留白)。 以下是两个优秀网站设计的实例,它们都把重点放在文字设计上来实现整个设计效果。
第一个网站是Blake Allen Design,第二个是The Harriet Series(这两个网站都是使用图片来实现他们的文字设计,你懂我意思就好): Blake Allen Design 使用图片, 但有着美观的字体。 The Harriet Seriesby OkayType。
上面的两个设计之所以让我感兴趣,是因为文字设计并不单是指引你独自完成这个过程,它是在用自己的风格做着这件事。你能感觉到文字设计就是设计者个人情绪的 表达。
Blake Allen使用Helvetica体来使他的网页满是瑞士风格式的清新、有序的框架。 而在另一方面,Harriet Series的网站则显得有一点顽皮,也更具探索性。
这就是文字排版所造就的组织合理的混乱之美。 除了上面的特例,99%的设计师,最好还是乖乖学会文字设计,如果你不能领会,那日后的设计便没有了根基。
不用去担心缺少流行元素会怎么影响你的效果,你应该担心的是如何组织好网页的框架,一旦你克服了这关,后面添砖加瓦的事情就简单了。 Clear是 一款节约风格的iOS日常管理应用。
围绕它的触控是使用手势来控制界面,你会发现单是文字设计就足以解决一切并让你享受着这款应用。当然这是使用了 Helvetica字体的效果,如果是使用了字间距不合理的Comic Sans字体呢?杰出的文字设计并不一定以很美好的方式引人注目,而这并不意味着 它也要以这样负面的方式突出它的劣势。
Art of the Menu是菜单设计网站的典范 The Art of the Menu网站在强调字体设计在菜单设计领域重要性做出了很大贡献。当一些餐馆那么乐衷于在菜单上加入各种图片和插页来吸引顾客眼球时,却并没有考虑到合理的文字设计结构让顾客更舒适的浏览菜单,这是一大败笔。
作为一个设计师,你实在没有理由去为自己辩解不需要一个看得过去的设计。当你连最基本的框架都没法搭建好,后面在加什么其他的设计元素只会让你的设计更糟 糕。
太多的设计师都在尝试用没有用的花俏物来掩饰他们的设计缺陷,但实际和火上浇油没两样。 如果一个设计你看着是不顺眼的,那就代表用户体验不好,无论再 加入多少图片、声效、颜色都是徒劳。
万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。
我们常常会看到一些初学者做出来的字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的,接下来我就介绍一些初学者应该知道的关于汉字的基础知识。字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素,而“体饰”是字体的装饰,可以影响字体所呈现出来的风格与外观【中心与重心】物理上绝对的“中心”,人眼看上去却感觉偏低,因为人的眼睛存在视觉错,如果按照物理的中心去设计字体,会让人感觉中间的部分靠下,有往下掉的感觉,这就是为什么大部分字体会把视觉重心放在物理中心点之上的原因,这样更符合人眼的视觉习惯,看上去才会显得舒服。
在设计一款字体时,笔画粗细应当做成一样的吗?答案是不应该,因为字与字之间的笔画繁复程度都不一样,而且同一粗细度的笔画,在横着、竖着、斜着以及变成曲线时,视觉上都会给人粗细不一致的感觉,因为人眼看东西时会存在视错觉,因此在做字的时候,要根据字体笔画的繁杂程度以及视觉感受对笔画粗细进行调整,达到视觉上的统一。下图是一个在物理宽度上完全相等的矩形,它的视觉上的粗细关系依次为:横> 斜 > 竖 > 曲。
一个边长完全相等的正方形,看上去却显得有些偏高,这依然是视错觉的影响,因此通常做正方形的字,都要把外框压扁一些,消除视错觉的影响。中宫的大小会影响字体呈现出来的气质以及字体在极端环境下的可识别度,通常中宫偏小的字体气质上显得比较清秀,但在字体较小或远距离识别上体验较差(如屏显字体和高速路牌字体),中宫偏大的字体气质上显得稳、拙一些,而且由于内白空间较大,因此识别性上优于中宫偏小的字体。
统一的形式语言是做好设计的基础,这一点在现代的艺术邻域中被一再印证,不论是绘画、建筑、海报、工业设计等都能看到统一形式语言的经典案例。正负形空间的均衡无论是偏向传统的字库字体。
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
蜀ICP备2020033479号-4 Copyright © 2016 学习鸟. 页面生成时间:3.915秒