读书笔记

《写给大家看的设计书》

警告
本文最后更新于 2025-12-04,文中内容可能已过时。
BOOK
写给大家看的设计书 封面

写给大家看的设计书

8.0
Robin Williams人民邮电出版社2016年01月9787115404404
内容简介
是一本适合所有人学习设计的入门书,作者Robin Williams通过简洁易懂的语言,将设计的四大基本原则——对比、重复、对齐和亲密性,传授给读者。书中提供了大量实际案例和设计练习,帮助读者迅速掌握设计技巧,不论是没有艺术背景的普通读者,还是有经验的设计师,都能从中获得启发。
核心结构图
核心结构图

设计原则

  • 亲密性的根本目的是实现组织性,彼此靠近的多个项会形成一个视觉单元,而非孤立的元素,相关元素应归在一组。眯起眼睛,数一数页面上眼睛停顿的次数(即元素个数),如果超过 3~5 个,就要考虑将孤立元素归组,使其成为一个视觉单元,要注意避免页面上有太多孤立的元素;不要在不同组之间留同样大小的空白(除非同属一个子集);标题、子标题、图表标题、图片应清晰归入其相关材料,避免含糊;只在有很近亲密性的元素之间建立关系,无关的元素要分开;不要仅仅因为空白就把元素放在角落或中央。
  • 对齐的根本目的是使页面统一且有条理,任何元素都不能在页面上随意摆放,每个元素应与页面上的另一个元素存在视觉联系。利用明确的对齐(结合适当字体),可创建精美、正式、有趣或严肃的外观,要避免混合使用多种文本对齐方式(如部分居中、部分右对齐);避免居中对齐,除非有意创建一种比较正式、稳重的表示。
  • 重复的根本目的是统一与增强视觉效果,设计中视觉元素的重复能将各部分连在一起,统一并增强整个作品,避免彼此孤立。将现有的一致性向前推进一步,寻找现有重复并加强,进而主动创建新的重复元素,要注意重复太多会让人讨厌,混淆重点;注意与对比原则的配合。
  • 对比的根本目的是增强页面效果和有助于信息组织,页面上两个不完全相同的元素必须截然不同,不能只是 “类似”,有效的对比能吸引眼球,增强可读性。通过字体、线宽、颜色、形状、大小、空间等增加对比,关键是对比一定要强烈,要注意不要犹豫;不要把粗线与更粗的线对比,不要把棕色文本与黑色标题对比,不要使用两种类似字体。如果各个项不完全一样,就让它们截然不同。

颜色运用

  • 色轮的基础是红黄蓝(三原色);三间色由色轮上相邻的颜色等量地混合而成,如黄 + 蓝 = 绿、红 + 黄 = 橙;第三色由一个原色与相邻的间色等量混合而成,如黄 + 橙 = 橙黄、蓝 + 绿 = 蓝绿。
  • 互补色是色轮上相对的两种颜色,如蓝橙、红绿;三色组是色轮上等距分布的三种颜色,如基色三色组(红 / 黄 / 蓝)、间色三色组(绿 / 橙 / 紫);分裂互补三色组是选择一种主色,再取互补色两侧的两种颜色,如主色蓝 → 配色紫罗兰 + 蓝紫;类似色是色轮上相邻的几种颜色,如水绿 - 绿 - 蓝绿、橙黄 - 橙 - 橙红;纯色就是色调,向纯色加黑得到暗色,加白得到亮色单色是同一色调下多种亮色与暗色的组合;色质是颜色的明暗度、深浅度或色调特征;冷色(含蓝)趋于后退,适合做背景,暖色(含红、黄)是趋进型的。
  • CMYK 颜色模式代表 Cyan(青)、Magenta(洋红)、Yellow(黄)、 Key(黑),适用于印刷品设计(如宣传册、杂志);RGB 颜色模式表示 Red(红)、Green(绿)和 Blue(蓝),适用于电子屏幕显示(如网页、视频、演示)。

字体设计

  • 字体的基本规则包括跟随在有样式的文字后的标点与它跟随的文字样式相同;如果括号内容只是句子的一部分,标点应在闭括号外,如果括号内是完整句子,标点应出现在括号内;段落缩进宽度为一个 em 空格,即所用字型的磅数;段落缩进或段落间的空行选其一使用,而非同时使用;跟随在题目或小标题后的首段不需要缩进;把文字放进方框里,要在四周都留足够的空间;在列表中使用项目符号或装饰符号,而不是连字符。
  • 如果只使用一个字体系列,在样式、大小、字体粗细等方面没有什么变化,就会产生一种协调的关系;如果结合使用多种字体,它们在样式、大小、字体粗细等很类似 (但并不相同),就会出现一种冲突的关系;如果结合的多种字体和元素彼此之间截然不同,就会出现一种对比关系,包括大小、粗细、结构、形状、方向和颜色的对比。
  • 字体类别有六大类,见图 3-1。旧式体(Oldstyle)有衬线、粗细过渡柔和、对角强调线,适用于书籍正文、杂志、文学类设计;现代体(Modern)衬线细直、粗细对比强、垂直强调线,适用于标题、时尚品牌、艺术类设计;粗衬线体(Slab serif)衬线粗、笔画厚、对比小,适用于儿童读物、广告、教育类出版物;无衬线体(Sans serif)无衬线、笔画粗细一致、简洁现代,适用于界面设计、网页、科技类内容;手写体(Script)模仿手写或书法笔触、富有装饰性,适用于邀请函、包装、艺术海报;花体(Decorative)风格独特、装饰性强、视觉冲击力大,适用于广告、节庆、创意设计。
  • 字体对比包括大小、粗细、结构、形状、方向、颜色的对比。大小要突出中心元素,放大胆使用对比;避免全大写;粗细要粗细字体对比,而不是中粗字体对比使用;结构要选择不同类型的字体能获得不同的结构;形状分为全大写和小写的对比、罗马体与斜体或手写体的对比;方向分为水平文本与瘦高文本列的方向对比;颜色中暖色前进、冷色后退;可用黑体尝试不同颜色组合。
图 3-1 字体类别
图 3-1 字体类别
留言交流