-
在图片上加字,如何确定该用什么字体、字体的颜色和放置的位置?
Original article from 知乎日报 Zhihu Daily, by Liang Mudong 梁木东, 24 April 2015. – SZ 在图片上加字,如何确定该用什么字体、字体的颜色和放置的位置? 题主的问题同样困扰着我好久,过去我做排版都习惯用那些现成的设计素材,到后来我尝试直接选一张没有经过任何修改的照片用于排版时,我才知道“图片上配上文字”其实是一个很复杂的问题,因此我有一段时间将这个问题好好地研究一番。我去翻看各类设计网站大咖们的优秀作品、找时尚杂志和精品画册,但是我的目的不是想从中找到感觉,而是希望通过一个科学、严谨的方法来找到优秀作品之间的视觉规律,我写这个答案就是将这个过程分享给大家。不过本人还只不过是设计专业的学生,学艺未精,而且文笔还不好……因此解释这样一个复杂的问题的解答过程,肯定会有很多不足的地方,大家就作一个交流吧。 为本答案做一个导航图,证明这真的是一个很复杂的问题…… 1. 字体选择与字体组合方式 首先我挑选了一些我个人觉得不错的设计作品,根据这些作品的设计目的和最终效果,分为“A”、“B”两组。 A 组是“图片突出”,文字存在的目的只是粉饰这张照片而已。 B 组是“文字突出”,文字在图片的衬托下被重点突出出来。 然后将它们的文字部分“裁剪”出来,然后根据原本文字的样式以及文字组合方式,最后分组排列出来。 效果图如下: 可以看出这两组的字体之间差异很大的,在字体选择上: A 组的字体主要是现代等线体,笔画没有装饰。出现题材很广泛,大多数是一些商业图册上,或者用于衬托人物场景时尚气质的图片上。 B 组的字体主要是古典衬线体,笔画装饰强烈。多出现在传统、自然的以及一些抒情性很强的照片上。 在字体组合方式上: A 组的字体组合都被紧密地排列在一个无形的矩形里,在视觉上形成一个面。 B 组各个字之间松散地摆放组合在一起,在视觉形成一个个点。 其实可以这样去理解这两组字体在视觉心理的效果,见下图: 而造成这两组字体在视觉心理上的区别,这和一张摄影作品两个重要的元素有关 2. 主体物与视觉焦点 主体物的视觉焦点是摄影作品里的两个基本要素,因此在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品,照片里即使没有明确的主体物,也会存在一个视觉焦点。 一张摄影作品的主体物和视觉焦点是很容易看出来的,如下图: 为了展现“图片突出”的优秀设计作品里,文字部分与这两个基本要素的位置关系,同样做成效果图。分 C、D 两组展示。 C 组是文字部分与主体物的位置关系 D 组是文字部分与视觉焦点的位置关系 (C 组的深色块是主体物,D 组的白点是视觉焦点,白色块是文字。) 其实无需我多说,大家应该能从上面的效果图,可以大约地看出文字与两大元素之间的关系吧?我根据我的观察结论作一个整理: 如果把主体物看作是一个面,就不难理解在一个需要文字粉饰图片的作品里,字体之间会被聚集在一个面里,因为面元素的重复出现在一个画面里,整体画面就不会出现违和感,还能让文字和图片之间保持和谐统一。…
-
Information Design In Use
A repost of Megan Patrick’s article on How Design Digest. We love Information Design. – KL New York City Department of Transportation (DOT) recently unveiled newly designed and simplified parking signs created in partnership with Pentagram Design. There’s nothing more confusing than a totem-pole of signs with conflicting information when you’re just trying to find a…
-
Some Uncomfortable Thoughts About Sagmeister & Walsh’s New Identity
Sagmeister is Kent’s favorite designer, all-time, then. Kent met Sagmeister at Visualogue: Icrograda Conference, Nagoya, Japan back in October 2003. Well they didn’t exactly meet – he attended his presentation. Among the sharing of many incredibly beautiful graphic (very graphic) design works was one topic that impressed: “Is it possible to touch somebody’s heart with graphic…