字体颜色对比以及字体对比总结
字体颜色对比以及字体对比总结
字体颜色的对比在所有字体对比中占重要地位,不单单是这样,颜色在我们的生活中也占有非常重要的地位。
在上节课讲的所有字体对比中。我相信显而易见的,最深刻的就是方向的对比。类似于方向,颜色的对比也是显而易见的。
那么关于如何使用颜色,我只想声明一点。要记住。
暖色(红色,橙色)是前进型的,会引起我们的注意。我们的眼睛易受到暖色的吸引,所以只需要很少的一点红色就可以产生对比。
另一方面,冷色(蓝色,绿色)则是远离型的,总是在我们的视线中后退。即使更大的区域内都是冷色你也未必能注意到。
实际上,需要更多的冷色才能产生有效的对比
那么我们来看一下简单的实例。
尽管商业设计要小得多,但它还是最醒目的,原因就在于它是暖色。
现在,较大的文字采用暖色,它盖过了较小的文字。通常希望避免这种情况---或是利用这和效果。让你的目的更突出。
把商业设计改为淡蓝色,它几乎快消失了。
要有效地进行冷色的对比,通常需要使用更多的冷色。
现在,我们脱离真正的颜色。
很多专业排版人员称页面上的黑白文字有颜色。而且“多姿多彩”还很容易产生对比。那么对于黑白文本,要看出并利用它的颜色对比,则需要更敏锐的眼睛。
正如我们以前的作业技巧与提示课中所讲的,新闻简报中所提到的灰版中的颜色。
而且这些颜色来源于哪里?我们讲过,粗细,间距,行距,等。上节课,我们也看到了。
眯起你的眼睛,看这段文字。要习惯于把文字不同程度的黑色理解为“颜色”。同时,很细,很薄的字体中字母间间距和行间距较大,这会创建一处非常淡的颜色(和材质)。紧紧压缩在一起的粗体,则会创建一种深色(有不同的材质)。
对于没有图片但包含大量文本的页面来说,这是一种非常有用的对比。
如果一个页面中只有文本,看上去一片灰色,会显得很乏味,让人不想去读。这还会带来混乱。(材质属于页面的感觉,虽然它的假的。烫金等就是真材质。)
同我们上节课的粗细对比例子讲的一样,单一的灰色无法吸引你的眼睛,实在没有什么能引起人的兴趣去深入地阅读。
如果对标题等使用一种更粗的字体来增加一些“颜色”,或者将一个引用文字,段落或小故事设置为显然不同的另一种“颜色”,读者将更有可能在这一页上停下来,真正阅读它的内容。这正是我们想要达到的目的。
除了让页面更吸引人,颜色的改变还有助于组织信息。比如我们上节课所看到的目录
同样的布局,我们加上了“颜色”,它明显的有了视觉感。而且通过这种“颜色”,我们很明显的知道这个页面上有两大内容。
我们只需要用到字体这些技巧,不需要任何额外的处理就可以改变字体的自然“颜色”和材质,让页面丰富。
大多数编排精良的好书都会利用大块文本显示丰富的字体,使你能在页面上感受到“颜色”和材质。
结合多种对比
不要保守,大多数有效的字体布局都会充分利用多种对比。要得到更多的例子和想法,我相信你家里有很多杂志之类,注意每一个有意思的字体布局都会依赖于对比。
尽量明确地说出你看到了什么。如果可以用语说清楚这种关系的变化,说明你确实已经掌握。看到一种让你不舒服的字体组合时(你下意识地感觉这些字体不能很好的结合),也要用文字明确地分析问题出在哪里。
试图找出一个更好的解决方案之前,必须发现问题所以。要找出问题,必须努力寻找相似性,而不是差异性。
彼此竞争的两个字体有什么相似之处,正是这种相似处才让它们产生了冲突。想想截线,强调线,缓和过渡等。还有结构呢,粗细呢,大小呢,是不是正确且有效的。
那么我们作下总结,从你进课堂到现在,这些知识都对你有用吗,或许你看上去觉得太简单了。
甚至不必考虑采用什么方式来形成对比,你也能自动地找出合适的字体,这不会花费很长的时间。也就是说,如果你的计算机里有合适的字体,你就能轻松地找出应该使用什么字体,来达到你的目的。有了合适的字体,你就能很好的进行你的设计。
做一个设计或者重新设计时,先从哪里开始呢?从中心点开始(还明白中心点吗),确定希望读者最先看到什么。
除非你已经决定要建立一个非常协调的设计,否则就应该创建一个有强烈对比的中心点。将信息分组(你应该明白)
按逻辑进行分组,确定这些组之间的关系。通过组之间的靠近与否(亲密性)来显示这些关系。
在页面上组织文本和图片时,要建立并维护明确的对齐。如果能看到一个明显的边界,如照片边界或垂直线条,可以通过其他文本或对象的对齐来加强这个边界,使人产生一种尖锐有力的感觉。不至于让人感觉到你的设计很草率无力。
创建重复(最常见的了),找出可以重复的项。为建立重复,可以使用粗字体,线,装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复的力度。
那么再次强调,除非你已经决定创建一种协调的设计,否则一定要建立强烈的对比,这样会吸引读者的视线。。。同时要记住,建立有效的对比不要太保守。如果页面上的所有一切都又大又粗和相似,很华丽,那么根本不存在任何对比!不论通过更大更粗来建立对比,还是通过更小更细形成对比,关键是:要有所不同,这样才能引人注目。
最后,我要提示的是的:不要去做纯好人,也不要去做纯坏人,相信这个道理大家都懂。相似,我们做设计,也不能去做纯设计,借鉴与临幕是你的方法,你需要某种方式去寻找更多的灵感。
我们做商业,也不要纯商业,当你设计的很好的一个作品时,没有任何理念的客户又在考虑着他的设计,你完全可以通过某种手段来破坏他的设计,你要知道你才是专业的,让他真正感觉你设计的才是好的。
有些考试是封闭的,有些考试是允许学生开卷,畅所欲言的,学生们可以打开他们的笔记,翻开他们的书,可以互相讨论,还可以与老师讨论。
为什么,因为我们把正确的信息写下来将更容易记住,而不是先乱猜再写下错误的答案。考虑时得到正确答案的过程会让你很有收获。所以我们的作品需要讨论,需要交流,我们分享知识,分享经验,能过理论知识--睁开眼睛,提高视觉敏锐度,你将成为视觉领域的高手。
那么本章就此结束,我们下章进行平面设计版面的技巧训练,为大家布置一个作业,
设计一个属于自己的字体或图形LOGO,再设计属于你自己的页面。做不做是你自己的事!谢谢大家的参与
扩展阅读:字体色彩对比
设计师准则系列
字体
原则一:限制你的字体。
你会看到一个好的设计很大一部分看起来非常协调。一个最好的方法是用少量的元素去完成一个看起来非常协调的设计。
你最先选择的字体可能是你想要删掉的,我常常的做法是一个作品剔除2种字体。第一种字体可能会是很有思想力或艺术感,将给你的设计带来第六感,特征或个性。这些字体集合了当时所有心情的片段,这个扭着腰枝的有趣字体像女孩们的舞会,这个蹩脚邪恶的字体是一个摇滚乐队?我将使用这个花哨的字体人为文本的标题,在任何地方它都需要足够大,这个花哨的字体将是这块的重点。你通常很少再用这字体,但它又大得多,所以这就是人们看到的重点内容
第二种字体要非常普通,读者在整篇当中都不会感觉到它的存在。这种字体需要有很高的易读性,它会占据这篇文本相当大的篇幅,显然,那些大手大脚的艺术字体占据文本的大篇幅的话会非常影响阅读的。
这有一个正确使用字体的设计例子。正如你所看到的,这里只用了两种字体,花哨的艺术字体作为标题出现,内容就是很基本的字体。这样看起来整洁,协调。
这里还有一个失败的例子,这里我用了很多花哨的艺术字体,这样很不协调,分节看起来并不是配合主标题。
在一个设计中有太多的字体是大忌,没有什么事比用8种字体来印他们的传单看起来更糟的了,同样使用艺术字作为正文也更糟。这是一个错误使用字体的例子。
在我让你亲自动手之前的最后一个思路。如果你的艺术字看起来非常时髦有现代感,那正文部分就使用无衬线字体;如果你的艺术字看起来很正规化,那就用衬线字体作为第二字体吧。。
PS1:第一次翻译东西,有些地方可能并不一定正确,看懂原文的还是看原文吧。最后感谢我的父母,感谢谷歌,感谢金山,感谢CCTV,感谢所有TV。。。。
PS2:衬线字体与无衬线字体
Serif或SanSerif?
Serif是一个字笔画的结尾,例如M的起点与终点。Serif是由罗马刻印字母所发展出来的,用以改良字体的优雅程度与易读性。它们是先用毛笔写在石头上,然后再刻出来的。Serif会活存到现在,是因为它们十分美丽及古典,而且它们阅读起来比较容易。对于细小的文本字体,非常适合用Serif字体,相反地您可用SansSerif(Sans是法文里的“无”),来当标题或是供短篇文章的字体使用。
不同字体的分类
拉丁文字方块字衬线字体(Serif)
笔划粗幼对比明显,阅读时较省目力TimesNewRomanArchitectBalletEngravedCreedmoreBenjaminCapshc新细明体宋体标宋
无衬线字体(SansSerif)笔划粗幼平均、对比不太明显字型较突出,阅读时较费目力AlbertaANNSTONEGaramond
NimbusScript黑体
色彩
限制使用你的色彩。好象上个准则是让你限制用你的字体,对吗?非常对!我们限制用我们的色彩的原因和我们限制使用字体的原因一样。在我们的设计当中减少色彩的数目将使之变的谐调。基本上,每件东西看起来将很一致,就像一个体育队伍的运动服或者是一个公司的商标那样。我们想使制服(运动服)整体看上去是一个色彩的。
和选择字体一样,限制使用你的色彩数目只是一个参考指南,不是一条准则。你可以在你的设计中很好的使用彩虹的颜色,那将非常好看。但是一开始,你需要一个使用色彩的策略,并且坚持用这个策略。使之始终贯穿在你的设计中。
对于初学者,让我们来说一下色值吧。一个颜色的色值就是它的亮暗程度。例如一个黄色是非常亮的颜色,紫色就是很暗的颜色。当然一个颜色可以有它的色彩值域。例如,紫色是一个使我们大多数人联想到暗色的颜色,但是紫色也有很亮的紫色。这里有个例子关于一些颜色和它们相关的色值。然后,你可以看到的是一个颜色的色值范围。
所以当我在采用的色彩方案时我会用一条准则:确保在你的色彩方案中有一个色值的范围。在任何设计中你都需要一些淡色和一些深色去形成对比。如果要举例的话,你设计的背景是深色的,你就需要一个淡颜色的文字,图画。这样的话文字,图画就容易被阅览。反过来,如果你有一个淡色的背景,你就需要一个深色的图画,文字或是其它什么的。
我也会代表性的只采用2-5种颜色去完善我的色彩方案。减少选择的数目,那么你就会在你的设计中得到一个好结果。这里有个色彩方案的例子我将它们放在一起。就像你看见的,我采用了一个深色,一个中间调子的颜色和一个淡色。就从右边开始,我为每一个颜色建立了一个色值范围。这些色彩组合就像我的调色板,我会将它们运用到我的设计项目中去。一旦我有了这个调色板,我就会尽全力只用这些颜色。
好了,我们刚才说到了一些色彩采用方面的技巧,像你需要选择多少种颜色,它们的色值应该是多少;那么下一步是什么呢?我将告诉你什么是下一步,也是最难的部分;那就是如何决定这2-5个颜色!我个人认为这是项有时候有点难的活儿。这里有张表,是帮助我采用我的色彩方案的技巧的表:
确定一个冷暖色调的范围。
就是采用暖色调或冷色调。暖色有红,橙,黄,棕色等。冷色是蓝色和紫色。我认为绿色是一个相当中间的颜色。如果你将所有你选用的颜色处于一个色调中,他们将肯定非常和谐。到网站上汲取灵感
这个精彩的网站全是关于色彩方案。你只需一页页的点击色彩方案。留意你的周围
色彩方案在你的周围到处都是。看一下食品店的包装,看一下你们当地的星巴克咖啡店的油漆颜色,看一下大自然!如果你看到一些令人愉快的色彩,只要在脑海中作个笔记,看看是否可以复制到你的电脑里去。留心一些已有的公司商标色彩
我常常运用一些已有的商标色彩,我会看一下他们的logo,色彩方案并且将之成为我最初的想法。然后可能只加上一个或两个颜色。
这里是一个我已经完成的设计,它展示了被限制的色彩方案。
如你所见,紧凑的色彩方案和统一的字体真的使所有的东西都井井有条。
我知道这些课程都很基础但是这就是设计的基石。所以,它永远不会伤到一个恢复精神的人
对比
在设计里面,好的对比和你对颜色选择是密切相关的。对比是指在你的设计里面,颜色之间的明度不同。明度是这个颜色看起来有多亮或有多暗。曾经看到一个以空白画布为题的笑话,有人说:“看,这是一头白色的牛在暴风雪里面!”这就是一个没有对比的例子。白色在白色上面是没有反差,你看不到任何东西。
很幼稚吗?我的意思是这条指南看起来是不是很愚蠢?我在解释的东西有需要吗?这个概念是不是很迟钝?
相反。
因为很不幸的是,我一直看到设计师在对比上有很多问题。不仅仅因为这样,当对比使用恰当的话,能成为一个很重要的设计手法。
我常看到这样的错误:设计师用不同的颜色去产生对比而不是用不同的明度。比如,用一个中值的蓝色放到一个中值的红色上面来产生对比。你可以看到这两个之间的不同。但是,当你把两个不同颜色同一个色值放到一起,它产生了“颤动感”(由于巧妙的对比也会形成非常显著的、生动有力的色彩效果)。你会注意到,当蓝色和红色相遇的时候,你的眼球就会在这两个颜色之间来回颤动。几乎能感觉到文本的脉动。
如果你的目标是让某些东西充满活力,你可以使用这个技术。但是这样对眼睛来说是很困难的,并且大部分人都会觉得它令人厌烦。这里有另一个用不同颜色但有更强对比的例子:
第二个很明显对眼睛来说更容易接受。
一个快速评估你的设计是否有足够对比的技巧是,把所有东西都转换成灰度级,然后看这个设计是否看起来仍然清晰并且容易阅读。在Illustrator里面,你可以选中你的设计,然后选择Edit>EditColors>ConverttoGrayscale。如果是Photoshop,你需要先让你的作品去掉光影,然后,你可以选择Image>Adjustments>Desaturate。这样就可以把它转成到灰度级了。
无论哪种情况,在你有机会做了这个测试之后,你都会想要撤销这个动作的。
这里有一个对于同一个设计的示例一个设计的对比很好,另一个就很差。在每一个设计的下面是它们各自在灰度级的样子。
你可以清楚的看到,左边的设计阅读文本要容易得多,尤其是在转换成灰度级的情况下。右边的设计用了较弱的对比和更多不同的颜色来定义轮廓。
我一直会听到这样的问题:“当我用作背景水印的时候,我该用什么透明度设置呢?”我认为一个好的水印背景的透明度应该在10%~15%之间。再次说明,这都是关于在你的设计里面保持对比。如果背景是淡色的,那么水印当然也要是适度的淡色,反之亦然。这里有一个关于好的水印和不好的水印的例子:
关于对比,我想阐述的最后一点就是,怎样能让它像工具一样使用。例如,如果你需要在你的设计上把观众的注意力引导到某些特殊的地方,你可以用对比来完成它。你可以让整个设计保持淡色,然后把你想让观众注意的地方设为深色。这里有一个精心设计的登陆页:
这是E-Harmony网站的页面。他们真正目的是让浏览者去注册。所以,你看什么是这个页面上最大、颜色最深的东西呢?是不可点击的一个女孩的图片和"GetStartedNow"的按钮。很明显他们想要你点击按钮"GetStartedNow"。"GetStartedNow"按钮的大小、颜色的深浅是跟“NextStep”按钮相对而言的。“NextStep”按钮让一些继续游览的人去点的。但是"GetStartedNow"为什么那么有吸引力呢?为什么它能跳出页面呈现在你面前?很简单,运用对比!
小结:对比在设计中的运用可以说是无处不在,大小对比、方圆对比、位置对比、空间对比、明暗对比、鲜灰对比、冷暖对比和疏密对比等,大家可以在做设计的过程中认真体会和思考,你也会发现你在不断进步!
友情提示:本文中关于《字体颜色对比以及字体对比总结》给出的范例仅供您参考拓展思维使用,字体颜色对比以及字体对比总结:该篇文章建议您自主创作。
来源:网络整理 免责声明:本文仅限学习分享,如产生版权问题,请联系我们及时删除。