《写给大家看的设计书》笔记

第一部分 设计原则

对比（contrast）：截然不同，对比引人注目
重复（repetition）：视觉要素重复出现
对齐（alignment）
亲密性（proximity）：视觉单元有助于组织信息，减少混乱

亲密性

将相关的项组织在一起，亲密性意味着存在关联

对齐

• 页面上使用一种文本对齐
• 找出一条线，以它为基准对齐
• 如果有图片，沿图片的直线边与本文对齐

打破规则前先清楚规则是什么

重复

• 重复有助于组织信息；将单独的部分统一起来，建立连续性
• 重复原则，把一个元素从现在的设计中抽取出来，并为其创建一个新设计
• 重复带来专业性与权威性，感觉有人在负责，经过思考
• 重复的目的是统一，增强视觉效果

对比

如果两个项不完全相同，就应当使之不同，而且应当是截然不同

• 对比的目的是增强页面效果、信息组织
• 实现对比：线宽，颜色，形状，大小，空间等

复习

报告封面

颜色运用

• 色轮： 三原色：红 黄 蓝 ； 三间色：绿 紫 橙 ； 第三色

三原色

三间色

第三色

• 颜色关系：
  1.互补：一种作为主色，另一种用于强调

2.三色组：

三色组

3.分裂互补三色组
一个颜色与其互补色两侧的颜色

分裂互补三色组

4.类似色

类似色

• 暗色和亮色

纯色就是色调

色调图

• 单色
  单色组合一种色调亮色和暗色
• 暗色和亮色的组合

Paste_Image.png

• 冷暖色组合
  冷色趋于后退。暖色趋近型

更多提示与技巧

• 创建包装：遵循重复原则
• 企业名片：

Paste_Image.png

Paste_Image.png

• 信笺和信封

Paste_Image.png

提示：
创建中心点：有一个最突出的主导元素
对齐：选择一种对齐方式
第二页：取第一页出现的一个小元素
传真或复印机：不要选择深色和带许多小点的纸张，避免反色文本和太小的字体（可设计用于打印和传真的两种版本的信笺）

*传单

Paste_Image.png

提示：
创建中心点：页面上放一个很大有趣而且明显呃东西
使用有对比的子标题
重复 一种对齐

• 新闻简报
  提示：
  对齐：坚持一种对齐
  段落缩进
  不使用helvetica：标题可以使用sansserif，可采用黑细对比
  正文应当可读

正文字体

• 宣传册

宣传册

注意装订线 宣传册中间留出更大空间

提示：
对比
重复：建立统一的外观
对齐：明显而鲜明的便捷
亲密性

• 明信片
  与众不同：超大或形状特异
  成系列

• 报纸广告
  空白；机敏的标题；清楚表达信息；简洁；使用颜色
  提示：
  对比：注意空白（空白在拥挤的页面上提供了一种强烈的对比）
  字体选择：不要用serif（有截线的字体）
  反色文字：避免深色背景的白色文字（油墨会散开）

• 网站
  注意重复：

字体

注意协调与冲突

字体类别

Paste_Image.png

字体对比

Paste_Image.png

Paste_Image.png

不要把同一类别中的两种字体放在同一个页面上

一些标题参考

• 字体方向

实现字体方向对比还可以介入图片或者线条来强调

Paste_Image.png

• 字体颜色
  暖色前进型，引起注意
  冷色远离型，视线中后退

Paste_Image.png

第三部分 其他

设计尝试

• 过程
  1.从中心点开始
  2.信息分组：可以确定亲密性
  3.建立并维护明确的对齐
  4.创建重复
  5.强烈的对比