1 版式的构成
- 1 主体：视觉焦点，主导整个设计；
- 2 文案：对主体说明或引导；
- 3 点缀：装饰元素，丰富版面；
- 4 背景：可以是纯色、渐变、图片等；
2 版式的原则
对齐 对比 亲密 重复
对齐
- 任何元素不能随意摆放；
- 需要找到明确的对齐线，让版面产生秩序；
- 避免同时使用多种对齐方式；
对比
- 对比可以制造视觉焦点；
- 对比效果很明显；
- 大小/粗细/冷暖/远近/深浅对比等；
- 能打破版面呆板平淡的风格；
亲密
- 能够区分信息层级，分组清晰有条理；
- 同类相近，异类相远；
- 分组不宜过多；
重复
- 重复的目的是既能增加条理性也可以加强统一性；
- 重复可以降低用户认知的难度；
- 避免太多地重复一个元素，需要突出重点的时候可以使用对比；
3 视觉层次区分的常用方式
色块分割
也被成为拉开间隔（间距）的方式；通常做法是将不同类别的内容模块整体拉开，露出下层的
背景色，以起到色块分割的作用。（缺点是灰色占比多，版面有点脏）
分割线
很传统的分割信息的方式，起到了分割，组织信息的作用；分为通栏分割线和内嵌分割线；
留白
采用留白能够让页面显得更加简洁并且富有呼吸感，能够减轻界面带给用户的负担，以一种柔和的方式来区分页面中的内容。
4 文字的排版原则
文字排版设计是设计中最重要的要素之一，设计师要始终把内容的可读性放在首位去权衡字体与排版的择。
合适的字间距/行间距
文字字间距通常默认是0，行间距为字号的1.2-1.5倍，尽量不用默认的自动。
保证文字的可读性
避免使用太多字体
匹配的字体
避免文本短行
注意对齐方式
通常大部分是左对齐和居中对齐，尽量可能减少右对齐或者参差不齐的排列；
移动端文本省略的表达
App中的文字未显示完整，通常会采用三个点表示省略（英文状态下输入...）
注意层次结构
5 颜色的使用
色彩的三个基本属性：色相、明度、饱和度
色彩的感官特征——冷暖、轻重、前后、扩张
- 冷暖——暖色刺激大 、冷色刺激小、暖色引起人的躁动，更吸引人视觉
- 轻重——明度越低感觉越重，越高感觉越轻
- 前后——深色背景下，明亮的颜色向前推进；反之亮色背景下，深色向前推进
- 扩张——越亮的色彩扩张感越强，越暗的色彩收缩感越强
6 APP界面中色彩的构成
分为主色、辅助色、点缀色。
主色传递主要风格，是决定画面风格的趋向的色彩；
辅助色补充说明，辅助主色，使画面更完美、更丰富；
点缀色能够引导阅读，强调重点，装饰画面。
7常用色彩搭配方式
WechatIMG159.jpeg
WechatIMG160.jpeg
WechatIMG161.jpeg
WechatIMG162.jpeg
