如何平衡作品中的文字和图像?浅谈综合排版
我们都懂得“突出核心卖点”的道理,但对于设计来说,核心卖点究竟是什么——是文字还是图像?事实上,这两个基础元素包含于几乎所有设计作品中,而对文字和图像出色地平衡运用,可以让作品脱颖而出。
一般来说,图像传递内容的效率更高,但图片传递的内容更有利于深刻理解。要想平衡好作品中文字和图像的关系,就必须对设计项目有深刻的理解,并掌握展示内容的方式、观众的期望、各内容的权重和内容传递的信息。
设计项目的最终目的是什么?
其他因素我们暂且不论,设计项目从最初开始就应有明确的目的:你想要设计出什么?一旦明确了目标,接下来就需要确定什么是设计项目的核心内容。
设计项目通常以品牌宣传、教育、销售、交互或雇佣项目(如调查问卷)为目的,被用于促使某种事情或效用发生。当目的很多的时候,你需要从中选择一两个最基本的。
设计方案取决于项目的预期及媒介,它们为设计定下了基本的规则,比如尺寸、形状和用户。这些要素也决定了你有多少区域可以放置内容,而后你则需要思考如何在这有限的区域内分配文字和图片。
在设计项目中,顾全大局和抓住细节都很重要。比如简单的项目:设计一张名片。它的目的就是沟通,但你可以使用名片的两面,来给予它设计感。同样地,在网页设计中,虽然各个页面中有不同的表现需要,但你可以通过改变文字和图像的比例来应和它们。
内容的类型
你要用到的页面内容是什么?看起来是个很简单的问题,但并不是每个设计师都思考过。页面内容之间的权重关系,将会影响文字和图像的比例关系。
找到你期望表达的主要内容,会让你更好地找到平衡——不论是需要重点强调某个内容,还是需要传达文字间的关系。
常见的图像主导的载体有:
部分博客
商业或销售场地
社交媒体
产品广告
应用程序和网站主页
常见的文字主导的载体有:
书籍和电子书
部分博客
指南
白皮书
说明书和手册
观众的期望
当组合文字和图像时,考虑一下观众的期望是很重要的。一个读者不会希望在小说书单里发现一本图画书,即便上面有一小部分文字,也会令他们失望。
我们预估观众期望的时候,应考虑到观众的多样性,你可以根据过去的经验来判断如何设计更加适用。
元素的权重
有一个简单的方法来划分图片和文字,即按照一定比例分割两个区域。但这个比例如何确定下来?
这就需要考虑视觉上的重量问题了。有时候,虽然只有寥寥几个字,但它们的大小、颜色和位置可以让他们显得很巨大。视觉上的重量可以改变文字和图像之间的关系。
这种设计也可以用于页面的切换。比如,一张名片的正面仅有一张漂亮的大图片,背面包含了所有联系信息。在网站上,着陆页需要包含Logo和主图,但辅助页面(比如关于我们)一般使用较小的文字和图像。虽然每个页面上文本和图像的比重不同,但整个项目的设计感却是协调的。
内容的传递方式
另一个影响文字和图片平衡的要素就是内容的传递方式。印刷品和荧幕,载体的大小,都对设计有着不尽相同的要求。
印刷品往往需要包含更多文字,但随着尺寸增加,文字量一般反而减少。但现今,大幅图片的做法也在印刷品上越来越常见。
以荧幕做载体的项目一般更关注视觉,以网站主页和APP为例,一般会较大比例地使用图片,而较多的文字内容往往在内页里。
过大或过小的载体,一般会采取很极端的方式,这是收到了可读性的限制。比如对大型广告牌来说,观众的浏览时间往往不长,所以会使用较少的文字。而在手机这种小尺寸载体上,APP的一个页面往往仅有图片或文字区块,以方便用户浏览。
寻找“完美比例”
如果你想寻找一个“完美比例”来平衡文本和图片,那建议你放弃这个想法。普世适用的完美比例是不存在的。
但这不代表它无章可循,你可以参考以下指导意见:
- 文字和图像都很重要,设计界很少见到仅用其中一种的成功项目。
- 这个时代视觉十分重要,视觉效果是吸引眼球的利器。
- 大多项目都会包含更多图像内容,但即使你的项目文字比较多,也没有关系。
- 将60~80%的注意力放在第一印象上,包括视觉上的效果。在让观众阅读前,你需要先吸引他们。即便是书籍,也会用漂亮的封面来吸引读者。
- 在大多数项目中,文字和图像的比重在感觉是,应该达到某种平衡。
- 确保文字和图像的出现目的是一致的。如果他们相互冲突,就没有平衡可言。
5个实现视觉平衡的小技巧
思考一下,如何给文本和图像较好的平衡感呢?即便是一个完美的模板,当元素被增减或改变时,平衡感也往往会有所缺失。
在此,分享几个创建平衡感的技巧:
- 不要的文字,就不要使用;
- 应使用图片展示的内容,不要用文字去叙述;
- 不要使用不必要的文字或重复的图像;
- 如果感觉不对劲,可以将尝试图像和文字相互代替;
- 如果你不知道该用多少文本,试着让文字块和图片面积相等,来制造显而易见的平衡。
写在最后
虽然以图像为主的设计日趋流行,但以文字为主的设计也不乏影响力。你的内容才是决定设计策略的关键。
考虑设计项目的目标,观众的期望,元素的权重和传递媒介等要素,对图像和文本平衡的影响。在考虑平衡性时站在整个项目的高度上,在保证可读性的基础上,尽可能在第一印象上下功夫吧!
英文来源:CMV Blog
原标题:How To Balance Text and Visual Content in Design
翻译:卡米雷特