OvO Seven

vuePress-theme-reco Seven    2019 - 2020
OvO Seven
首页
分类
  • 工作技能
  • 日记
  • 产品思维
  • 读书笔记
  • 好文收藏
标签
时间轴
网址
收藏夹
  • 图书
  • 电影
关于
author-avatar

Seven

11

Article

17

Tag

首页
分类
  • 工作技能
  • 日记
  • 产品思维
  • 读书笔记
  • 好文收藏
标签
时间轴
网址
收藏夹
  • 图书
  • 电影
关于

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

vuePress-theme-reco Seven    2019 - 2020

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

Seven 2020-11-02 22:51:45 产品经理设计排版字体

# 简介

书名:写给大家看的设计书-第四版

作者:Robin Williams

豆瓣评分:8.7

阅读时长:2 hour 30 min

# 受众人群

这本书就向它名字所说,写给大家看的设计书。受众并非专业设计人员,而是让那些对设计充满好奇的人,让他们从门缝里,看看设计是什么样子。世界挺神奇的,世间万物各式各样,但对于美的基础框架,总是很一致。美好的东西就在那里,无论你是否去感受。

整本书的内容其实并不多,列举出大量的例子,让读者去体验一个设计是否好看,为什么好看,如何能更好看。对与游走在设计工作者边缘的人来说(产品经理、前端开发工程师、甲方验收人员等等),读一读这本书,能获得很不错的收获。

# 四大基本原则

作者提出设计的四大基本原则:

  • 亲密性
  • 对齐
  • 重复
  • 对比

# 亲密性

将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。

亲密性的根本目的是实现组织性。—— 设计原则-亲密性原则

通过亲密性原则,让设计物有了组织,也有助于阅读者梳理视野中的逻辑关系。在设计过程中,我们可以有意识地注意自己是怎样阅读的,视线是怎样移动:

  • 从哪里开始;
  • 沿着怎样的路径;
  • 到哪里结束;
  • 读完之后,接下来看哪里?

亲密性原则是为了体现元素的组织关系,那不同属一组织的元素之间就不应该建立关系!如果元素彼此无关,把它们彻底分开。

# 对齐

任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

对齐的根本目的是使页面统一而且有条理。——设计原则-对齐

通过对齐原则,让设计物有了无形的框架及整体的协调性。

框架是一些无形的线,但在阅读者眼中,如果能看出这条线,会让人感觉整个设计物中的所有元素都有了一个联系。他们是一个整体(亲密性),与设计物之外的元素是有区别的。

对齐方式

  • 左对齐
  • 右对齐
  • 居中对齐

居中对齐需要谨慎使用,居中会产生两个非直线的框架线,让人感觉正式、稳重(乏味)。

对齐产生了无形框架和整体协调性,但如果一个设计物中,过多的对齐方式,会将整体切割,协调性也被破坏。

# 重复

设计的某些方面需要在整个作品中重复。

重复的目的就是统一,并增强视觉效果。——设计原则-重复

重复让设计物更加统一,虽然某些页面你是第一次看见,但因为某些重复元素,你能判断出他是你之前见过的某个系列作品的一个。但是过多地重复一个元素,会显得过于乏味。人们容易被新东西激发起好奇心,而对熟悉事物有意无意的忽视,因此,我们在设计的过程中,要保持一定的重复性,但要避免最求统一,使用过多重复,导致设计物显得乏味。

# 对比

页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。

要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。

对比的根本目的有两个,这两个目的相辅相成,无法分开。一个目的是增强页面的效果,如果一个页面看起来很有意思,往往更有可读性。另一个目的是有助于信息的组织。——设计原则-对比

通过对比,我们阅读出来信息的主次,哪些是重要信息,哪些是次要信息,哪些可以完全不用在意的信息。优秀的设计总能将这点做得恰到好处,大大节约阅读者的阅读时间,同时也能快速达到设计者要传达的意图。

在使用对比的过程中,需要有足够大胆的尝试。过于微小的对比,会让读者产生误解:是作者失误?还是作者可以为之?避免误解的方式就是,让对比就可能的强烈,强烈到不可能是失误造成。截然不同是一个较好的方法。

# 综合应用四大原则

在优秀的设计物中,没有哪一个作品是只应用一个设计原则的。环顾四周,你将会从很多事物中找出四大原则中的一个或者多个。

美好的设计总是千变万化,但剖析其底层,总能找到四大原则的巧妙应用。我们大可不必把关于设计的这些内容看得太过严肃。只要遵循这四个原则,就一定能创建出生动、有趣、有条理并让你引以为豪的作品。

# 字体设计

文字作为信息传递的媒介,在人人文明历史中已经使用了上千年,其在人人文明历史上扮演了不可替代的作用。字体的设计与信息传递的效率息息相关。

# 字体分类

  • 旧式体:旧式体都有衬线,而且小写字母的衬线总有一个角度(笔的角度),和主干连接处会有一条线(括孤)。
  • 现代体:现代体有衬线,不过它们的衬线是水平的,而不再倾斜,而且这些衬线很细。现代体就像一座钢铁大桥,结构很严格,笔划中有剧烈的粗/细过渡(或对比)。
  • 粗衬线体:
  • 无衬线体:无衬线体就是指笔划末端没有衬线的字体,粗细几乎总是单一的,这说明笔划中几乎没有可见的粗/细过渡,字体的粗细都一样。
  • 手写体:看上去利用一个书法笔或书法刷等手写的所有字体都属于手写类字体。
  • 花体:

# 字体对比

  • 大小
  • 粗细
  • 有无衬线
  • 形状
  • 方向
  • 颜色

大多数有效的字体布局都会充分利用多种对比。

# 总结

全书的干活主要有

  • 四大原则
  • 色彩原理
  • 字体使用原则

色彩原理与字体使用原则在剖析后,也是对于四大原则的解释。通过色彩选择、字体选择形成设计物整体的对比、统一。

手握四大原则,去阅读身边的世界吧。当能在任何事物里读出四大原则时候,操刀设计,产出物必然不会平庸。当然,不要因为懂了设计的底层原理后就轻视设计工作者的工作,好的设计始终值得世人敬仰。

xxxx Seven    2019 - 2020