TB58电商论坛

 找回密码
 免费注册

QQ登录

只需一步,快速开始

搜索
查看: 1985|回复: 5
收起左侧

[其他] 视觉觉醒:字体学(六)

[复制链接]
发表于 2020-4-6 17:06:23 | 显示全部楼层 |阅读模式
下图是关于圆形的常见运用:
普通:这是一个作为对比的普通排版
突出:这个比起方形有着好的突出效果,这个圆形可以替换成一些素材,比如墨滴之类的圆
形素材,甚至可以利用图片本身存在一个巨大的圆形物体的,来突出文字部分。율
适用:这个同样可以突出“面”文字,这就也为什么这个方法经常出现各类商业图册、海报以
及各类宣**… …
1.1.png
第一种:直线
直线分两种,一种就是纯粹的一条直线,而另一种则是由细小的字组成的一段文字(通常是英文)。

1.2.png
上面是纯粹的直线运用举例
联系:很常见的运用方法,不需要解释了吧…
集中:作用和方形“集中”相同,只是这个是用两条线组成一个隐形的方块,更有形式感。不同这种只能
出现在色彩单一或大量留白的照片。
连接符:增加形似感的小东西… …可以用于连接两段文字的内容,时尚类设计作品最常用到,在下面打
一个问号,是因为连接符的种类很多,上图只是举例… …

1.3.png
当然我们还经常遇见另一种“直线”,由一排细小的字组成。
联系:与上一种相同,但只适用于标题文字较少的时候。剩下两个不用解释了… …大家应该都清楚。
第三种:字符

1.4.png

一般是指的数字以及英文字母,配合文字能有更好的突出效果。如上图,,而阿拉伯数字的效果最
佳。以上就是字体与图形的配合部分,不过还有一个例子要特别说明一下:

1.5.png
上图展示的是一个出现频率最高的配合类型的,圆形形状加上字符,然后用连接符接上你要表达的
文字。这是最经典的配合类型了。至少突出文字部分的效果非常不错!
第四种:色彩组合
我\们多多少少都学习过色彩的基础知识,我们都知道红色代表着热情、绿色代表着自然以
及紫色代表着高雅等等… …但是我们却不能以此为参照来决定字体的色彩,因为实际的情况要比这复杂的多。
无论一张照片还是海报,都会运用到大量的色彩,把这些色彩集合成一个组合时,将其称之为“色组”,如下图。

1.6.png
这时,要如何区分上图这些色组的视觉心理呢?在复旦教科书上采用的方法是分成四种类型:分别
是“互补色”、“对比色”、“同类色”和“邻近色”。然后再解释这些类型的视觉心理,比如“互补色”有着突出、华丽
的效果或者更吸引眼球等等… …但是这个方法只能解释那些只采用少量色彩的照片或海报,所以这个方法在
面对一张色彩丰富的照片或海报时,这个方法又显得太过笼统和片面。
而在国级 AK **配色教程里,则用“色卡”来解释色组的视觉心理的,“色卡”是从一张照片里提炼
出三到六个主要色彩组合起来的配色方案,并认为“色卡”和原照片的视觉心理效果(情绪)是相同的,因此大部
分设计作品会以此为参照做配色方案。
但我阅读了很多研究配色的书籍或文章,其中大部分都认为一个“色卡”是远远不足于解释一张照片
给人的视觉心理效果的。认为一张照片给人的视觉感受,不是这张照片里所有的颜色共同作用下的结果。并
表示一张照片的色彩数量、各个色彩之间的面积以及冷暖的对比等等… …都是会影响一张照片的视觉心理效
果的。于是我总结这些文章的观点,我重新设计了一个色彩的组合模型,用来描述多个色彩组合的视觉心理
效果,见下图:

1.7.png

上图是一个色彩组合的模型,我设计成一个倒三角的形状。我稍微简单解释一下:倒三角形最上面
的一块是主色,主色是这张照片里最突出的色彩,通常是照片里的面积最大。往下一个是副色,副色比主色
的突出效果要较弱一些。再往下则是一些辅助色以及一些面积非常小的点缀色等等…
这个模型可以解释很多色彩组合的视觉心理效果,见下图

1.8.png
X:亲和 – 强烈
主色和副色的对比关系是会影响照片的视觉心理,当主色和副色的对越弱,画面的表现越柔和,相
反主色和副色的对比越大(通常是由两者的冷暖、面积、色相的不同),画面的表现就越强烈。

1.9.png
Y:平均 – 突出
这里指的是主副色和其他的颜色的面积比例关系。当主副色的面积和其他颜色的面积相差无几
的时候,画面表现出唯美的感觉。相反主副色的面积远远超过了其他颜色面积的总和时,画面的情绪完全由
主副色主导。



1.10.png

Z:单调 – 丰富
这里比较的是一张照片里色彩的数量,数量小就会显得单调,相反则越丰富。
上面三种类型都用 XYZ 来标记,因为我要总结字体以及色彩的选择与色彩组合模型之间的关
系时,我就要用到下图这个大模型了:

1.11.png

上图展示的大模型里,色彩模型的三种类型做成了一个三维的坐标轴系,这表明了任何一张照
片的色彩组合,都是这个 XYZ 轴系里的一个点,也就是说任意一个色彩组合模型会同时满足三种类型的其中
一种,最终会形成八种色彩组合模型(八种情绪),下面列举一些:



1.12.png
X 柔和;Y 平均;Z 丰富

1.13.png
1.14.png
在大模型里还有冷暖区分的四个色块,它们代表了四个区域,从上往下分别是“粗古”、“细古”、“细现”
和“粗现”。这些色块是表达:当一个色彩组合越倾向坐标系的正轴时,则使用越粗的古典字体。相反地,越倾
向负轴时,则使用越粗的现代字体。
简单地来说,就是当一张图片的色彩的越强烈、越突出、越丰富时,就用古典的衬线字体,而且要越
粗越好,而当一张照片的色彩的越亲和、越平均、越单调时,就用现代的无衬线字体,而且要越粗越好。
佛蚁老师曾说过利用字体或形状图形的颜色就意味着在图片上加字这个行为,就已经是在影响一张照
片的色彩心理了;拿上面的图做个案例。

1.15.png
第一张图,由于照片的色组属性是“强烈”、“突出”和“单调”,所以选用了细笔画的古典字体,这是一个
“文字粉饰图片”的例子。
第二张图,是“图片突出文字”。虽然这张照片的色彩属性有“强烈”和“突出”,但色彩却是“单调”的,我
的做法是先加上两个粗笔画的毛笔字(粗古),突出一个主色。然后再放一段酡红色的英文,是色组变得丰富,
同时配合“粗古”,让色彩的情绪表达地更加明显。
过程见下图:

1.16.png

未完待续。。。

发表于 2020-4-6 19:22:48 | 显示全部楼层
学习了,谢谢分享
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。
发表于 2020-4-7 11:09:19 | 显示全部楼层
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
发表于 2020-4-7 15:12:29 | 显示全部楼层
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。
还要学习学习呢
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
发表于 2020-4-8 12:57:25 | 显示全部楼层
谢谢 大佬的分享  学到了
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
发表于 2020-4-25 12:58:43 | 显示全部楼层
谢谢楼主提供系统的课程
→ 这里可以随意广告或签名,发布主题后即可显示,设置方法:首页顶部右上角【我的】,下拉即可看到【签名】
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 免费注册

警告:禁止回复纯表情、纯数字、复制他人回复等违反『回帖规则』行为,违者重罚

快速回复 收藏帖子 返回列表 客服中心 搜索
快速回复 返回顶部 返回列表