写给大家看的设计书
2019-04-28 10:36:20 6 举报AI智能生成
《写给大家看的设计书》
作者其他创作
大纲/内容
设计原则
四大基本原则
亲密性
要点
多个元素之间若存在关联，需使之成为一个视觉单元并和其它无关联单元保持合适距离
检查
眯眼，看可区分单元数量，如果超过3-5，视情况修改
避免
一个页面有太多孤立元素
单元之间有同样大小的空白
对齐
要点
每个单元都应与页面上其它单元存在位置联系，除非有意打破这种联系
检查
画单元轮廓，找出明确的对齐线，若难以找到统一的对齐，视情况修改
避免
居中对齐，除非有意要创建比较正式、稳重（通常也较乏味）的画面
混合多种对齐
重复
要点
通过元素特征的重复将各单元联系起来，注重多样性的统一，系列设计中尤为重要
避免
太多地重复一个元素，重复并非完全复制
对比
要点
若页面上布置两个不完全相同元素，不能类似（一般情况），需强对比
形式
形状
细粗线
点>面
（点的面积小＞点的面积大）
（点的面积小＞点的面积大）
三角＞方形＞圆形
（锐利＞圆润）
（锐利＞圆润）
平滑粗糙材质
大小字体、间隔、图片
典雅的旧式体与加粗的无衬线体
水平（如很长的一行文本）、垂直（如高窄的一列文本）
颜色
明度强对比＞明度弱对比
色相强对比＞色相弱对比
四大基本原则的应用
去掉不必要内容
Web地址中的http：//
“网站”“Email”之类的词
改进现有内容
将Web、Email地址主要词首字母大写将更具可读性
区分元素关系，建立亲密单元
画单元轮廓线，若轮廓线无序，修改、对齐
确定中心单元，运用对比突出中心
（图片、字体大小，色相、明度对比）
（图片、字体大小，色相、明度对比）
运用元素的重复使版式联系更紧密
（小三角、线...）
（小三角、线...）
颜色运用
颜色关系
互补
最佳搭配是一种作为主色，另一种用于强调
三色组
分裂互补三色组
能得到更加细致的颜色边界
类似色
子主题
颜色模式
CMYK
专业印刷常用，CMYK分别表示Cyan（蓝）、Magenta（红/粉）、Yellow（黄）、Key（黑）
RGB
屏幕观看常用
要点
冷暖不要过于均衡，冷色是后退型的，暖色是趋进型的，暖色更容易引起注意，冷色则相反
项目中若包含图片，可以在图片中选取颜色，要保持画面沉着冷静，则去所选颜色的类似色，要使画面活泼，则取互补色或分裂互补色
字体
字体的基本规则
避免单个字占一行
跟随在有样式的文字后的标点因该是同样的样式。
如果括号中的文字是整个句子的一部分，标点在括号外（就像这里的例子一样）。
如果括号中的字是一个完整单独的句子，标点在括号内。（这就是一个标点出现在括号内的例子。）
如果括号中的字是一个完整单独的句子，标点在括号内。（这就是一个标点出现在括号内的例子。）
字体类别
Oldstyle（旧式体）
特征
- 基于手写体
- 有倾斜衬线，和主干之间有括弧连接
- 笔画有平缓的粗细过渡
- 曲线笔画最细两点的连线为强调线且强调线倾斜
应用场合
由于没有影响阅读的显著特征，如果需要人们具体读某些字，可选用
Modern（现代体）
特征
- 有不倾斜衬线且水平、细
- 笔画有强烈的粗细过渡
- 强调线垂直
应用场合
外观醒目，设置得非常大时有震撼感，由于有强烈粗细变换，不适合正文
Slab serif（粗衬线体）
特征
- 有不倾斜的衬线且水平、粗
- 笔画几乎没有粗细过渡
- 强调线垂直
应用场合
- 由于粗细变换小很多，可以提供很好的可读性，所以适用于大量文本
- 与旧式体相比，用这种字体页面会更暗
- 常用于儿童图书，简洁、直观
Sans serif（无衬线体）
特征
- 无衬线
- 无粗细变化（除optima之类的字体）
- 无强调线
应用场合
无衬线体中Helvetica/Arial和Verdanal是为屏幕设计的，不适合印刷
0 条评论
下一页
