视觉设计模块化

一、笔记时间

  2021年8月29日

二、详情

  视觉设计单从名词上面来说可能有些面生，尤其是对于我们这种普通程序员。那么UI设计呢？作为程序员的我们应该就不陌生了，UI设计就是要设计界面，包括产品风格和图标等等。既然如此，那么再来看视觉设计也就好理解很多了，因为UI设计和视觉设计有极强的类似性，也是需要合理的设计界面，需要突出界面重点和提供易读的人际交互界面。

  先来看看一本设计书——《写给大家看的设计书》中提到的一个观点：亲密性原则。亲密性原则是什么呢？书中是这样描述的“亲密性原则并不是说所有一切都要更靠近，其真正的含义是：如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。除此以外，其他孤立的元素或元素组则不应存在亲密性。”

  文中提到有关联的元素尽量靠近一点或者产生其它易懂的关联，文中还提到“位置是否靠近可以体现出元素之间是否存在关系。”，这从某种程度上可以类比我们程序设计的模块化思想。

  在我们程序设计中出现了很多概念，像面向对象、MVC、MVP、MVVM、单列、建造者等等。我们认为他们都有一个共同的特点那就模块化，使某一部分拥有共同属性的元素尽量的集中在一起，让他们相对独立的个体汇聚到一起，形成一个有共性的集合。

  至于为什么有面向对象、MVC、MVP等等形式多样的模块化概念，那自然是从不同的角度思考和提取不同共性产生的结果。当然了，有一些模块化理念不仅仅是共性，而是模块化理念进步的特有产物，也为了适应不断发展的时代和场景，比如上文提到的MVC到MVP的进化就是如此。

  以上从程序员的角度来理解了设计的亲密性原则，也为视觉设计引入了IT概念中的模块化理念。

  我是程序员，因此我认为亲密性原则和模块化理念是共通的。因为从书中提到把一些有关联的元素集中到某一个区域，因此让这些元素集中而不在零散。这就让读者一眼看出关联，并寻找到他们的共性。而不会让读者在界面中反复扫视而找不到关键信息和相关联的元素，这是也正是程序设计模块化理念所提倡的。

  从另一个角度上来说，所谓的亲密性或者模块化概念，他们的本质都是为了让读者易懂，而且是非常轻松的读懂你。

  因此我们的程序和视觉设计做得好不好，很明显的一个判断点就是读者是不是容易读懂。从程序的角度上来说，也体现在程序的交接成本和学习成本是不是够低，从维护成本上是不是更快捷，程序间影响是否更小。

  其实还有很多想说的，但又担心过于啰嗦而无价值。在此欢迎大家评论区各抒己见，相互讨论。