笔记|写给大家看的设计书

笔记|写给大家看的设计书

Salmon Lv4

image-20230930221850399

  • 约书亚树的故事:一旦能够说出什么东西的名字,就会很容易注意到它。你就会掌握它,拥有它,让它受你所控。
  • 复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比4个基本原则。

1 亲密性(Proximity)

  • 彼此相关的项应当靠近,归组在一起。这有助于组织信息,减少混乱,为读者提供清晰的结构。
  • 要有意识地注意你是怎样阅读的,你的视线怎样移动:从哪里开始;沿着怎样的路径;到哪里结束;读完之后,接下来看哪里?(整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。)
  • 微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3~5个,就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。
  • 在不同单元间增加合适的空间。
  • 无关的信息要分开。

2 对齐(Alignment)

  • 任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。
  • 请检查每一个元素,确保它与页面上的另外某个元素存在某种视觉联系,尽管物理位置离得很远。(画水平垂直辅助线)
  • 要避免在页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。
  • 要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。可能会在居中布局上增加一点小技巧,如将文本居中,但是文本块本身不居中。

3 重复(Repetition)

  • 让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。
  • 不要低估页面视觉效果的威力,如果一个作品看起来很有趣,它往往也更易于阅读。
  • 最初,可以只是找出现有的重复,然后将其加强(加粗,标题,子标题…)。熟悉了这种思想之后,再开始创建新的重复元素,来增强设计的效果并提高信息的清晰度。
  • 重复性元素并不必须是图形或者剪贴画。可以是空白、线、字体、对齐,或者任何你有意重复的东西。
  • 重复最大的好处是使各项看起来同属一组,虽然元素看起来都不完全相同。
  • 如果在创建一个多页的、作为一个精美包装一部分的文档,充分使用重复就很关键。
  • 要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值。

4 对比(Contrast)

  • 要记住一个重要规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。
  • 对比不仅可以用来吸引眼球,还可以用来组织信息、清晰层级、在页面上指引读者,并且制造焦点。
  • 要增加有意思的对比,最容易的方法就是实现字体对比。不过不要忘记,还可以利用线、颜色、元素之间的间隔、材质等形成对比。

5 颜色运用

  • 色轮的基础是黄、红和蓝3种颜色。这些颜色称为三原色,因为这是唯一无法创建的颜色。
  • 分别将色轮上相邻的颜色等量地混合,就会得到三间色(secondary color)
  • 只需将空白两边的颜色按等量混合。得到的这些颜色称为第三色
  • 在我们使用的CMYK颜色模型中,“黑色”实际上是所有颜色组合在一起的混合产物,而“白色”不含任何颜色.CMYK中混合色同在调色板上混合色类似。
  • CMYK与RGB,印刷与Web?
    • CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)和一个Key色(通常是黑色)。利用这4种墨色,可以打印出成千上万种颜色,正是因为这个原因,这也称为一种“4色处理”。(专业印刷作业可能还会用到其他颜色的油墨。)
    • 如果你的项目要由一个印刷机印到某种物理介质上,就可以使用CMYK颜色模型。你所看到的所有印刷品,包括图书、杂志、海报、火柴盒面或饼干箱都是使用CMYK模型印刷的。
    • RGB表示Red(红色)、Green(绿色)和Blue(蓝色)。我们在计算机显示器、电视、iPhone等上看到的就是RGB。在RGB模型中,如果混合红色和绿色,可以得到黄色。不错,确实如此。将最大强度的蓝色和红色混合可以得到鲜粉色。这是因为组成RGB的有色光束并不是从任何物理物体反射来的,这是直接从显示器传入你眼睛的光。如果将所有颜色混合在一起会得到白色,如果去掉所有颜色,则得到黑色。
    • 在这个世界上,可见光谱遇到物体时,物体会吸收(或扣减)大部分光谱,它们没有吸收的部分会反射回我们的眼睛,这就是颜色。在显示器上,光的颜色不是反射来的,它们会直接进入我们的眼睛。

6 字体

  • 尽量不要用下划线
  • “寡妇和孤儿” 当一段文字的最后一行的字符数少于7个的时候(字符数取决于一行的长度),那么最后一行就称为寡妇。
  • 如果结合使用了多种字体,它们在样式、大小、字体粗细等方面很类似(但并不相同),就会出现一种冲突的关系。这种相似性会造成困扰,因为我们所看到的不完全一样(协调),但也并非完全不同(对立或对比),所以它们是冲突的。
  • 字体对比有6种明确的不同方式:大小、粗细、结构、形状、方向和颜色。
  • 打印时,使用.tif图像,300dpi,CMYK颜色模式。
  • 用于屏幕显示时, 使用.jpg图像,72 ppi,RGB颜色模式。

字体设计这部分没开完(手机电子书的排版有点没耐心,不如视频直观

  • Title: 笔记|写给大家看的设计书
  • Author: Salmon
  • Created at : 2023-09-30 22:10:05
  • Updated at : 2024-09-21 10:11:30
  • Link: https://salmonsea.top/2023/09/30/笔记|写给大家看的设计书/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments