无图不设计?非也,让文字排版助你一臂之力!
并不是每个设计项目都需要好的图片来支撑,事实上即便不用图片,也可以成就优秀的设计。“无图设计”正在成为一种愈演愈强的趋势,这让以排版为核心的作品可以脱颖而出,和精美的图片、视频、动画一起出现在我们的视野。
你需要有“排版”的思想。无图设计的重点,即凭借对设计、视觉和排版原理的清晰理解,构造出完全由文本组成的艺术品。
避免平庸
形式单一的字体不足以完成排版,但并不意味着必须使用那些华丽的字体。
在设计中加入一些有趣的元素,并使用字族字体是不错的选择。当你接手了一份没有图片的设计项目,在排版上下功夫是唯一的选择。
- 笔划宽度(字重):你不应该将常规字体用作排版的主要元素。字体的笔划宽度将极大地影响文字的表现力,有多种字重的字体非常适合混合使用,以形成各种风格。
- 字体类型和风格:有多种选项的字体或新颖的字体是很好的选择。有个性的字体将立刻
给画面带来不同的风格。
- 大写、粗体或斜体:使用这些效果来强调特定的内容。
- 尺寸和比例:过大和过小的字体,都可以更好地吸引眼球。避免常规或常见的字体大小,这是吸引用户的好办法。
- 对齐和位置:文本通常会采用顶部对齐和左侧对齐,但当排版是主要设计元素时,应该多多尝试各种对齐选项,甚至改变文字的方向。同时使用多种对齐和方向也是值得尝试的。
注意配色
当字体的选择被固定时,应仔细斟酌颜色。诸多的颜色,可以传达情感并影响可读性,也有助于整个无图设计的呈现。
在选择颜色时,需要考虑三个问题:
- 颜色用于文字,还是用于背景?
- 颜色是为了强调文字,还是引导视觉?
- 颜色会对情感传达或版面组织产生怎样的影响?
另外还需要考虑到,使用的颜色种类不宜过多。黑底白字或白底黑字是最容易阅读的,它们也适应了极简设计的趋势。
巧用空白
在影响排版时,空白表现出了些许和颜色的共性。空白可以强化版面组织、重点内容,也可以指引视觉、制造混沌。在版面设计中,空白分为两类。
- 围绕正文的空白
- 正文内的空白
在主要内容周围空白,可以帮助主要文字给人的第一印象。它有助于指引观众的视觉,并控制着画面的节奏。精巧地利用空白,甚至可以提升视觉体验。一堆被外发光包围的文字,和在空白空间上出现的问题,可以产生相同的效果,也可以大相径庭。
主要文本可以紧凑或疏松,这意味着空白(文本间隔)的分布会产生不同,但空白应该是以整体结构为基础并有组织的。相同类型的文本间的空白应该一致,包括字间距和首行缩进等设置,不一致的设置将对文字的协调性和可读性造成影响。
图形和线条
在设计中不使用图片,并不意味着其他设计元素也被禁用。简单图形和线条也能对排版效果进行提升。图形和线条有多种相关的使用方法:
- 使用图形或线条作为纹理或背景
- 将文本放在图片或线条上,起到强调效果
- 使用图形或线条引导用户的视觉
- 使用图形或线条规划版面结构
- 使用图形或线条延长比划(字体设计),提升设计感
文字变形
可能变形或扭曲文字并不是被普遍接受的做法,但有时你可以考虑一下。
调整、扭曲或变换文本的方式有很多,让你可以根据设计理念进行调整。文字变形的作用是加深用户印象,这里提到的许多方法都是为这个目的服务的。但这种方法并不容易尝试,因为它最终可能看起来很糟糕。
调整字形时,需要站在整体版面的高度上,你可以将字形变为拱形等特殊形状,但你必须测试它——以保障最终的设计对除你之外的人也是明确可读的。
在一些动画或数字影片中,也经常使用字体变形的手法。通过字体部件的移动,可以让简单的字体有很高的存在感,并吸引观众。
打破常规
这或许有些棘手。当你中规中矩地进行设计时,很可能会想做一些出格的设计……也许只是改变现有设计中的一小部分。
给特定的文字加上更多有趣的效果,就是打破常规的体现。但这里的“打破”也必须能够匹配项目的背景和格调,而且并非总是适用。
- 创建相互重叠的字母
- 混合使用2-3种字体
- 使用超多种颜色
- 改变标准字体
- 先考虑艺术性,再考虑可读性
- 将文字延伸到区块外面
- 无视大小写和标点符号的使用规范
- 用文字包围空间
- 拆分单词或短语
- 使用少见的技巧,如添加纹理或渐变
关注细节
这是重中之重,如果你不能很好地关注细节,那上面的提到的方法你将很难运用。
对排版来说,每一个像素都十分重要。排版力求精确,不一致的细节也必须最终体现出一致性,与之相关的每个人都必须尽到责任。
你需要掌握艺术性和可读性之间的平衡。如果你不知道文字在表达什么,那它再好看又有什么用呢?从做好优秀的基础排版开始,再逐步尝试各种效果吧。
写在最后
排版可以成就一个项目,也可以毁灭它,当我们无法使用图片时更是如此。而现在仅用文字进行视觉表现的手法,被越来越多的设计师们使用着。
掌握不使用图片的排版固然不容易,但也将使你收获颇丰。通过版面的规划、优秀的排版、细致的思考和天赋,相信你也可以做到不使用图片的排版。
英文来源:DesignShack
原标题:Designing Without Images: Making Typography Work for You
原作者:Carrie Cousins
翻译:卡米雷特