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