视觉设计模块化

作者: lipyhui | 来源:发表于2021-08-29 11:37 被阅读0次

    一、笔记时间

      2021年8月29日

    二、详情

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

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

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

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

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

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

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

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

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

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

    相关文章

      网友评论

        本文标题:视觉设计模块化

        本文链接:https://www.haomeiwen.com/subject/sdbrbltx.html