MadAboutDesign. :: 设计狂人

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 组的白点是视觉焦点，白色块是文字。） 其实无需我多说，大家应该能从上面的效果图，可以大约地看出文字与两大元素之间的关系吧？我根据我的观察结论作一个整理： 如果把主体物看作是一个面，就不难理解在一个需要文字粉饰图片的作品里，字体之间会被聚集在一个面里，因为面元素的重复出现在一个画面里，整体画面就不会出现违和感，还能让文字和图片之间保持和谐统一。…