视觉设计数字生活新工具新观念视觉笔记

视觉笔记方法篇 之 文字设计

2019-08-11  本文已影响77人  夏海峰

书写的过程,就是把立体的思考传递到线性的语言上去,动笔就是一种整理。——《思考的整理术》

《画笔记》一书的作者把手绘视觉笔记抽象成了五个基本步骤(IMAGE),分别是信息归纳、构图选择、文字设计、图像设计和重点强调。在前面两篇笔记中,我们已经学习了前两步——信息归纳构图选择。本篇我们继续学习 IMAGE 的第三步——文字设计。

1、把字写好的技巧

在视觉笔记的绘制过程中,图像的绘制是最难的,其次就是文字的书写了。我们都追求用漂亮的文字来装饰视觉笔记,然而并不是所有人都能写出好看的字。为了帮助那些写字不自信的朋友,作者推荐了以下几条可以把字写好的技巧:

(1)字迹工整、清晰易读。唐朝书法家孙廷说:“初学分布,但求平正”。说的意思就是,对新手来讲,把字写得工整,是最重要的。

(2)写字慢一点,再慢一点。在IMAGE的第三步时,已经是正式绘制视觉笔记了,因此写得慢一点,做到谨慎,避免返工。

(3)用粗笔,写大字。尽量使用 1.0 的笔,而不是 0.5的签字笔。在面积的空白纸上写字,如果笔尖太细,会显得十分单薄瘦弱。其次,视觉笔记通过需要拍照扫描生成电子版,因此粗体字会更加清晰、易于阅读。

2、建立清晰的文字视觉层次

在视觉笔记中,层次感是一个非常重要的考量因素。即使抛开图像和线条的衬托,仅通过文字层级,也能快速地定位到每个模块的具体内容。就像Word文档排版一样,一级标题、二级标题等,不同层级的信息使用不同大小的文字。

一个视觉层次清晰的视觉笔记,至少要具备以下 3个特点:

(1)各个层级的标题清晰,相同层级的文字大小要相同,不同层级的文字大小要不同。从标题到内容,文字不断变小。

(2)越重要的文字应该越突出。比如标题比内容更重要,因此标题的字号更大、标题的颜色更深、其旁边的留白更多、其位置更接近于视线的中心点。

(3)逻辑上相关的文字内容,在视觉上也要相关。比如关联性更强的内容,应该离得更近。事实上,人们更倾向于把靠得更近的若干个元素视为一组。

建立具有视觉层次感的信息,并不难理解。著名的格式塔原理为我们提供了更多的视觉层次表达原则,如下图示(更多关于格式塔原理,自行Google学习,这是一个很有趣的原理,比如 视觉艺术创作必知的格式塔原理):

3、七种绘制标题的常用方法

绘制视觉笔记的第一步就是绘制大标题,大标题是最先开始的地方,也是最为重要的部分。本书作者推荐了七种绘制标题的常用方法,如下:

(1)拿来主义:直接使用书籍封面上或者推广海报上的标题字体。

(2)手写字体:对文字笔画进行描边、加粗,或加上底色等。

(3)根据标题内容再设计标题:对标题内容进行联想,为其加上一些有隐喻意义的图像、边框元素等。

(4)把文字的某一笔画变成图像:用图像代替掉文字的某一个笔画,增加标题的设计感。

(5)标志性装饰:在标题的旁边加上作者头像、Logo等具有代表性的元素。

(6)使用 POP字体:POP字体常用于海报、展板等,用于刺激消费、活跃气氛。将其运用在视觉笔记中,也能起到吸引眼球的作用。

(7)使用边框突出标题:使用边框等元素来突出、强调标题。

4、善用项目符号快速整理信息

所谓“项目符号”就如我们在PPT、Word中见到的那些“项目符号和编号”,常用于对列表内容进行排版。使用项目符号,可以帮助读者快速地追踪到每一条信息。使用项目符号,信息内容将更具层次感、更有条理。

所有的几何形状都可以拿来作为项目符号,如圆圈、方块、菱形、箭头等;数字也可以用作项目符号;图形图标也可以用作项目符号。我们还可以使用色彩对项目符号进行多样化、差异化。常用的项目号,推荐如下图示:

5、巧用路径文字和文字画

在视觉笔记的绘制中,如果有大段的文字难以被转化成图形图像,但又希望避免枯燥,推荐使用“文字画”“路径文字”来设计视觉笔记,这样一来即使不使用图像,也能让视觉笔记看起来活灵活现。

(1)路径文字:把文字按照指定的“路径”组合起来,路径可直可弯,路径的变化可以形成某种形状。路径文字,常用于视觉笔记中的模块分割线,也可用于做标题。

(2)笔画变图像:把字的某一个笔画变成图像,以增加文字的寓意。这种手法在 LOGO设计中也是常见的。

(3)使用文字画:所谓“文字画”,即用文字组合成“图像”。图像本身并不存在,而是由文字组合而成的。

这就是本篇的全部内容,我们总结了把字写好的几种技巧、格式塔原理、绘制标题的7种方法、项目符号的使用、文字画和路径文字的使用等。希望这样的总结,能便于大家快速学习,欢迎转发和收藏。下篇将总结 IMAGE 的第四步——设计图像,敬请关注!


本篇结束 2019-08-10

上一篇下一篇

猜你喜欢

热点阅读