无图不设计?非也,让文字排版助你一臂之力!

designing without images - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

并不是每个设计项目都需要好的图片来支撑,事实上即便不用图片,也可以成就优秀的设计。“无图设计”正在成为一种愈演愈强的趋势,这让以排版为核心的作品可以脱颖而出,和精美的图片、视频、动画一起出现在我们的视野。

你需要有“排版”的思想。无图设计的重点,即凭借对设计、视觉和排版原理的清晰理解,构造出完全由文本组成的艺术品。

避免平庸

9716873 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

20961206 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

86963037 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

81513776 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

形式单一的字体不足以完成排版,但并不意味着必须使用那些华丽的字体。

在设计中加入一些有趣的元素,并使用字族字体是不错的选择。当你接手了一份没有图片的设计项目,在排版上下功夫是唯一的选择。

  • 笔划宽度(字重):你不应该将常规字体用作排版的主要元素。字体的笔划宽度将极大地影响文字的表现力,有多种字重的字体非常适合混合使用,以形成各种风格。
  • 字体类型和风格:有多种选项的字体或新颖的字体是很好的选择。有个性的字体将立刻

给画面带来不同的风格。

  • 大写、粗体或斜体:使用这些效果来强调特定的内容。
  • 尺寸和比例:过大和过小的字体,都可以更好地吸引眼球。避免常规或常见的字体大小,这是吸引用户的好办法。
  • 对齐和位置:文本通常会采用顶部对齐和左侧对齐,但当排版是主要设计元素时,应该多多尝试各种对齐选项,甚至改变文字的方向。同时使用多种对齐和方向也是值得尝试的。

注意配色

95572324 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

8976724 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

97844877 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

当字体的选择被固定时,应仔细斟酌颜色。诸多的颜色,可以传达情感并影响可读性,也有助于整个无图设计的呈现。

在选择颜色时,需要考虑三个问题:

  1. 颜色用于文字,还是用于背景?
  2. 颜色是为了强调文字,还是引导视觉?
  3. 颜色会对情感传达或版面组织产生怎样的影响?

另外还需要考虑到,使用的颜色种类不宜过多。黑底白字或白底黑字是最容易阅读的,它们也适应了极简设计的趋势。

巧用空白

26147248 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

9834086 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

在影响排版时,空白表现出了些许和颜色的共性。空白可以强化版面组织、重点内容,也可以指引视觉、制造混沌。在版面设计中,空白分为两类。

  1. 围绕正文的空白
  2. 正文内的空白

在主要内容周围空白,可以帮助主要文字给人的第一印象。它有助于指引观众的视觉,并控制着画面的节奏。精巧地利用空白,甚至可以提升视觉体验。一堆被外发光包围的文字,和在空白空间上出现的问题,可以产生相同的效果,也可以大相径庭。

主要文本可以紧凑或疏松,这意味着空白(文本间隔)的分布会产生不同,但空白应该是以整体结构为基础并有组织的。相同类型的文本间的空白应该一致,包括字间距和首行缩进等设置,不一致的设置将对文字的协调性和可读性造成影响。

图形和线条

74801447 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

31270743 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

在设计中不使用图片,并不意味着其他设计元素也被禁用。简单图形和线条也能对排版效果进行提升。图形和线条有多种相关的使用方法:

  • 使用图形或线条作为纹理或背景
  • 将文本放在图片或线条上,起到强调效果
  • 使用图形或线条引导用户的视觉
  • 使用图形或线条规划版面结构
  • 使用图形或线条延长比划(字体设计),提升设计感

文字变形

6055269 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

38772048 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

可能变形或扭曲文字并不是被普遍接受的做法,但有时你可以考虑一下。

调整、扭曲或变换文本的方式有很多,让你可以根据设计理念进行调整。文字变形的作用是加深用户印象,这里提到的许多方法都是为这个目的服务的。但这种方法并不容易尝试,因为它最终可能看起来很糟糕。

调整字形时,需要站在整体版面的高度上,你可以将字形变为拱形等特殊形状,但你必须测试它——以保障最终的设计对除你之外的人也是明确可读的。

在一些动画或数字影片中,也经常使用字体变形的手法。通过字体部件的移动,可以让简单的字体有很高的存在感,并吸引观众。

打破常规

66473854 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

42430540 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

这或许有些棘手。当你中规中矩地进行设计时,很可能会想做一些出格的设计……也许只是改变现有设计中的一小部分。

给特定的文字加上更多有趣的效果,就是打破常规的体现。但这里的“打破”也必须能够匹配项目的背景和格调,而且并非总是适用。

  • 创建相互重叠的字母
  • 混合使用2-3种字体
  • 使用超多种颜色
  • 改变标准字体
  • 先考虑艺术性,再考虑可读性
  • 将文字延伸到区块外面
  • 无视大小写和标点符号的使用规范
  • 用文字包围空间
  • 拆分单词或短语
  • 使用少见的技巧,如添加纹理或渐变

关注细节

18171202 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

91636922 - design, sharing - 无图不设计?非也,让文字排版助你一臂之力!

这是重中之重,如果你不能很好地关注细节,那上面的提到的方法你将很难运用。

对排版来说,每一个像素都十分重要。排版力求精确,不一致的细节也必须最终体现出一致性,与之相关的每个人都必须尽到责任。

你需要掌握艺术性和可读性之间的平衡。如果你不知道文字在表达什么,那它再好看又有什么用呢?从做好优秀的基础排版开始,再逐步尝试各种效果吧。

写在最后

排版可以成就一个项目,也可以毁灭它,当我们无法使用图片时更是如此。而现在仅用文字进行视觉表现的手法,被越来越多的设计师们使用着。

掌握不使用图片的排版固然不容易,但也将使你收获颇丰。通过版面的规划、优秀的排版、细致的思考和天赋,相信你也可以做到不使用图片的排版。

 

英文来源:DesignShack

原标题:Designing Without Images: Making Typography Work for You

原作者:Carrie Cousins

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。