如何系统的进行改版设计（下）

优化前

优化后

如果是刚入行的朋友，建议可以先从模仿，借鉴开始，因为如果没有经历过大量的临摹做基础，直接就想创新，是很难做到的。

但也不能照搬抄袭，这个度一定要把控好。

3.信息层级类问题

这一类问题为什么要单独拿出来说呢?

因为层级区分不明显是导致页面没有主次、混乱的最重要原因，我们在做设计的时候，一定要随时提醒自己，哪个是最主要的，哪些是次要的，当什么都重要的时候，也许做出来的效果就是什么都不重要了。

说几个例子：

1.布局层级问题

上图让我觉得重点是个人信息和 5 个图标，但其实最重要的是课程导航，针对这个问题，我们可以：

(1)隐藏个人信息，将其收在导航栏头像里面，鼠标经过时展示即可

(2)弱化图标(例如：使用线性图标或降低图标颜色的饱和度等)

最后得到结果如下图：

2.2  文字层级

（编辑：PHP编程网 - 襄阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!