如何学习产品外观设计工具（设计4大原则实战）

如果让你美化下面的功能框架图，你做怎么做？

分析过程

根据《写给大家看的设计》中的“4大设计原则：亲密性、对齐、重复、对比”，依次分析一下，可知上图在4个原则上有如下问题：

1. 亲密性：彼此相关的元素基本靠近归组但间隔不等，造成视觉混乱。

2. 对齐：图形基本对齐但文字未能对齐，显得没有条理。

3. 重复：同样层级的标题未复用字号、字重，显得不够和谐统一。

4. 对比：图形背景都是同一饱和度，看不出主次关系，这是最大的问题。

根据以上问题做对应优化，可画出以下原型图：

接着填充文字、替换主题色，再稍作修身比如增加弥散投影、即可做出下图效果：

以上是我近期实践的一点心得，分享给大家，喜欢这篇文章的朋友欢迎点赞、评论、收藏、转发。