美文网首页
设计4大原则实战:美化产品功能框架图

设计4大原则实战:美化产品功能框架图

作者: 张知卓见 | 来源:发表于2022-06-01 13:47 被阅读0次

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

分析过程

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

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

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

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

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

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

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

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

相关文章

网友评论

      本文标题:设计4大原则实战:美化产品功能框架图

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