互联网圈从来不缺乏热度，前有小米200万logo倒了个圆角，后有facebook改为元宇宙。 作为一个互联网开发人员想去了解关于设计的一些内容，从而扩展自己的边界，提升自己的审美，同时希望能够欣赏和理解设计的UI，并有自己独到的见解，而不是作为一个资源，没有多少话语权，比如我觉得这块设计的不好，不只是我觉得，我要能用事实逻辑去阐述。
本书的作者作为设计领域的专家和世界著名的设计师，总结出了一些原则和规范点，深刻的影响了一批设计师，比如antd的设计原则中一大部分就是借鉴这本书中原则，这本书告诉我们优秀的设计真的很容易。
那么什么是设计？一个优秀的设计有什么原则规范么？《写给大家看的设计书》这本书明确的给了我们一些设计的原则：
第一个原则是亲密性，亲密性指的是将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。这句话的重点就是，物理关系接近意味着存在某种关联。书中举了一个例子🌰：
image
从上图中我们的视线回来回的移动多次去抓重点信息，给人的感觉就是完全没有重点。经过重新应用亲密性方法设计后的图片如下图：
image
通过将相关的内容进行分组将其建立更近的亲密性后，从上图我们可以看出条理性很明显。首先，页面会变得更有条理；其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外，“空白”（字母以外的空间）也会变得更有组织。
需要注意的是有时我们在利用亲密性的时候，需要调整下文字的大小和字体来进行区别强调。亲密性原则并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此以外，其他孤立的元素或元素组则不应存在亲密性。
第二个原则是对齐，对齐指的是任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。需要注意设计中哪些看不见的线，它们会把一些即使物理上分离的元素彼此连接在一起。
** 对齐的根本目的是使页面统一而且有条理**。其效果类似于把客厅里四处零落的洋娃娃捡起来，并把它们放在一个玩具箱中。要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。同时注意避免页面中多种文本对齐的混用。
还是举个例子
image
从上图看，文本全部右对齐，有效的组织起了信息，并留白出了很多空间，同时也利用了亲密性原则，能够看出整个设计的画面比较平衡和重点突出。
第三个原则是重复，设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。重复性就像球场上队员的队服一样，虽然队员们错落在球场的各个地方，但我们仍然能够一眼看到它们属于哪个阵营。
image
从上图可以看出，多个块进行了重复性的设计，重复并不表示必须重复完全相同的东西。在上面的卡片中，标题的字体相同，但颜色不同（多样性的统一）。说明文字的字体各不相同。注意的是要避免太多地重复一个元素，重复太多会让人讨厌。要注意对比的价值，太多的重复将混淆重点。
第四个原则是对比，对比是为页面增加视觉效果的最有效的途径，也是在不同元素之间建立一种有组织的层次结构最有效方法。要记住一个重要规则：要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。
如何实现对比呢？可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。
或许你会感觉到这4大基本原则太刻板，束缚了设计创新，但如作者所言“在打破规则之前必须清楚规则是什么”。这就像现在所有人都挂在嘴上的创新一样，如果连参照物都没有搞清楚，何来创新呢？当你“指出问题，你就能找出解决方案”。所以只要你有意为之，有时完全可以任意地打破常规。
网友评论