一、排版重要性
我们都知道决定着一个页面的美观,很大程度都取决于你的排版和元素。用同样的笔纸,胶带贴纸,水彩插画,为什么别人看起来很舒服有个性,而自己的就显得五颜六色,凌乱不堪呢?
这便是排版的重要性。
手帐儿应该看过不少的优秀的排版,但是有没有试着去分析各种元素的安放,衔接以及互动呢?
在看教程之前,我们来学习一下重要的理论知识吧。这里给大家推荐一本书叫《写给大家看的设计书》,对排版布局以及配色有很详细的讲解,相信会让你对手帐排版有新的认识。
其实手帐和设计是相通的,胶带贴纸插画就相当于海报里面的图片,内容文字也就是海报报纸里面的文案,日付和大写的花体就是当前页的标题。
这样一样,是不是觉得写手帐就很像是在纸上玩设计呢?
有的手帐儿审美比较高加上后续的模仿创造,就会形成特有的排版风格。
例如:
二、四项基本原则
审美和创造是一个后期可以培养的过程,我们所欠缺的是不断地学习,思考,消化,行动。
在《写给大家看的设计书》里有着很核心的四项原则,即:对比,重复,对齐和亲密性。掌握好这四点,哪怕字不好看,画图不好看,整体感觉也不会失去协调性。
1.亲密性
元素与元素之间的关联性
按照阅读习惯以及大脑的惯性认知里,在阅读的时候,我们会下意识的认为更靠近的几个内容之间是存在某种联系,从而构成一组视觉单元,而距离较远的元素,则认为是彼此间没有联系或者关系不大,构成两组视觉单元。
如果A元素与B元素实际是两个不层级的不同内容,而他们又排列的很亲密,就会产生一种逻辑不通的感觉。
例如这样的笔记,一眼望过去,能立刻找出哪些文字是相互关联的视觉单元吗?
亲密性原则可以省去我们眼睛搜集信息的时间成本和精力成本,及时的过滤掉其他视觉单元的干扰,使每组内容之间井然有序。
就像是一条马路上,几辆大小不一的货车装载了不同的货物,保持车距和车速,顺畅前行,而视觉单元就是一辆货车,每个元素就是车厢里的物品。
这张图是小鱼十二月的月计划页,包含了五项打卡页和微梦想清单,读书清单,欲望清单。
这四项里,后三项实则是同一类,所以用了相似的视觉元素,并且把标题和内容刻意的靠近。而不同的内容间又拉开了等距的距离。
在打卡页中,五项内容又可以的靠近,这样一看就知道每个小内容之间的所属关系,而这即是亲密性原则。
2.对齐
在页面放其他项时,一定要确保每一项都和页面上的其他项存在某种对齐。
在我看来,对齐决定了一个页面整体的统一视觉效果,当页面的多个元素有多种排列方式的时候,视线会在不同的元素来回跳动而没有合理的逻辑思路,就会引起视觉疲劳。
元素的分布引导视线的走向。
避免使用多种对齐方式。
这里我们可以欣赏几个优秀的手帐作品。
正文文字全部左对齐,大标题花体字居中撑满整个页面
标题居中,正文左对齐并保持同等间距。
这是小鱼的随身笔记,统一用的是左对齐,比较符合阅读习惯,另外用了同样的框表示类别,让整体统一起来。ps:这里面的APP,感兴趣的小伙伴也可以去下载哟。
3.重复
重复是更能保证一致性的一种方式。
当一种元素(符号、线条、颜色、字体等)重复使用的时候,在阅读的过程中就会产生一种节奏感和韵律感。
就像是乐谱中重复的曲调和音节一样。
这样的页面才会让人身心舒畅,同时还有助于增强读者对设计所表示的实体的认知度。
重复使用黑色的胶带拼贴表示每个视觉单元;
重复使用一种对齐方式;
每组单元内容使用固定的字体;
重复的间距和横线元素等等。
重复使用一种标题元素;
重复使用一致的内容框架图;
重复使用同样的背景色调等等。
重复使用一种色调,保证页面的同一性;
重复使用一种花体签等等。
4.对比
对比就有突出。
我们常说:“没有对比就没有伤害”,就是因为通过对比会放大两者之间的差异,从而突出我们想要的部分,可能是标题,可能是颜色,也可能是一个整体的视觉单元。
突出的部分就会优先的吸引眼球。而体现对比的手段也有很多,例如大小的对比,形状的对比,颜色反差的对比,字体的对比等等。它会使得突出部分更有特色。
就像是女生妆容素雅,点缀一抹红色的唇彩就会显得格外的动人一样,这便是对比的效果。
标题与正文的对比,突出标题
插画和文字的对比,突出插画,图主文辅
二、四项原则运用小教程
小鱼的新的手帐也都还在摸索中,就用生活手帐做了一个简单的小教程。因为素材有限,小鱼没有什么胶带印章,所以老规矩以水彩插画为主。
第一步:构思页面内容
想好写些什么,是某天的心情日记还是看了某场电影想记录下来?
小鱼构思好,整个页面就包括日期,插画图,日常四格小漫画,生活吐槽这几个内容。
第二步:用铅笔画出每个内容的分布区域
PS:这里图片与页边距统一是两个格子;
统一四格方框大小,统一板块间距
内容文字统一左对齐
标题放大
第三步:勾线,上色
整体色调设为暖色,加上蓝色作为反差色
第四步:填充文字和装饰细节
眼神好的小伙伴可以看到我用了三种胶带,两种是不同颜色的英文胶带,一种是宽格子胶带,用来装饰空白处和小图片。
整体图
其实,手帐的排版不一定需要如此的严苛,视个人的喜好和风格决定,同样有一些看起来比较零散的排版,运用的得当也可以产生一种视觉的充实感。
而四项基本原则,较之生活手帐更用在学习手帐上,来更直观的体现信息。
例如:
小鱼的某页学习笔记:
用同样的醒目色:黄色和红色。
保持主体左对齐,用同样的元素做逻辑图
标题突出等等
某页TODO以及灵感笔记:
同一颜色;
统一标题样式;
统一贴纸风格......
四项原则其实是通用的,不局限于设计方面,还可以用于房间布局,学习手帐等等方面,活学活用哟!