糖炒栗子

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

2020-09-06
豆藏

总则

页面上的每一个元素,都不是随意摆放上去的。一定会和其他的元素产生联系。

一旦能说出事物的名字,就很容易注意到它们的存在并进一步掌握它们。

这句话初读起来很拗口,深思之后发觉世间事都是如此。看上去高深莫测的东西,往往都能分解成更小的组成规律。如果能够掌握这些组成规律,即使没有天赋无法完成神作,但是也会比菜鸟好许多。

这也是这本书作者的初衷:并不是因为你没有设计或者审美的细胞。设计有这几个可遵循的规律。如果你能够开始应用并尝试掌握它们,你也能设计出好的作品。

亲密性

总体来说,亲密性是指将有关项目放入同一组块中。这里的项目,范围可大可小。可以是同样内容的段落;可以是列表的子弹点;可以是相似内容的组块;也可以是一个子弹点的子弹和内容。组块之间的距离要大于组块内部元素的距离。最终目的是视觉上明显的组块感。

实际操作建议:

  1. 一眼看上去,是否有明显的组块
  2. 如果组块大于5个,一定要合并同类项。控制组块数量在4个以下 (认知学的小伙伴看到这个数字是不是很熟悉?)
  3. 进一步确认视线移动轨迹,根据这个轨迹,把相关组块组织在一起

对齐

我的理解是对齐是创造高阶联系的方式。如果说亲密性是将项目直接摆放在一起,那对齐是将项目或者组块间接联系起来,创造出一种页面整体性的方式。

比如一个页面两个组块,一个向左对齐一个向右对齐,可以将左对齐组块的右边跟右对齐组块的右边对齐。这样这两个组块就被间接联系在一起了。

实际操作建议:

  1. 初学者不要用居中对齐。(居中对齐会造成不整齐的弱边界,容易使整个页面显得凌乱无力)
  2. 图片和一边的基线对齐
  3. 让不规则留白尽量在页面边缘

重复

是一种建立更高阶(跨页面)联系的方式。例如在多页文档中,相同的风格,相同的企业标志都能告诉读者这是同一文档。在同一文档中,利用相同的字体字效也可以用来标记相似的组块。

可以重复的元素很多:图像,线,字体,颜色,字效,空白方式,对齐方式。

作者提到一个应用图像的小窍门:如果图像重复多次,在不同页面不一定都要用全图,将图像放大并显示一部分往往效果不会差

对比

是四种方式中最抢眼球的一种,关键是“既然要不同,那就让他们截然不同。”

大胆去对比。

总结

一个好的设计,往往四种元素都会使用(对比效果最明显)。多多练习

ChangeLog

20180715: 初稿 35min


Comments

Content