如何对网页进行系统的改版设计

3.2  颜色饱和度过高，种类偏多

举个例子，前三名的序号真的需要那么抢眼吗？就算用三种颜色是否可以适当降低一下饱和度？我看了很多竞品，他们是怎么做的呢？下期再说！

4 图标

4.1 图标视觉大小不统一

4.2 描边粗细不一致

非常低级的错误！

4.3 图标风格比较陈旧

这个就是仁者见仁智者见智了，个人觉得图标风格已经是很多年前的了，所以可以整体优化！

5 控件

5.1 标签样式陈旧且不够明显

请看下图，能看见标签在哪吗？感觉已经和背景图融为一体，毫无违和感，厉害了！

5.2 选项卡样式缺乏统一性

排行榜的选项卡有两种样式，没有进行统一设计，差评，如下图：

5.3 样式的细节过于复杂

都说现在的设计要简洁，比如今年很流行的无线化分割等等，来看下图：

这是网站的一块截图，我至少看到了10条分割线，包括卡片的线条，选项卡的线条等等，这么复杂的细节，你说网站能不乱吗？

以上就是改版的第一步——发现问题，也许问题覆盖的并不全面，但是思路是清晰的，可以在真正进行设计的时候查缺补漏，我也仅仅只是提供一种思考方式，至于你怎么找问题，不一定用我的方法，只要能够系统的解决问题，那就是正确的。

做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。

经过分析，我发现一个很有趣的事情，就是上期提出的问题与问题之间还有很多其他维度的共性，于是我再次分类，得到以下三种类型：

1、规范统一类问题

例如：文字、颜色、控件、图标有太多的不统一、不规范。

2、设计风格类问题

例如：图标、卡片风格陈旧。

3、信息层级类问题

例如：信息布局层级、卡片文字层级。

我们来分别讲解，并给出相应的解决思路。