如何系统的进行改版设计（下）
阅读本文大约占用您 5 分钟时间
做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。
上一期我们做了改版设计的第一步──发现问题，今天我们来做第二步──解决问题!
经过分析，我发现一个很有趣的事情，就是上期提出的问题与问题之间还有很多其他维度的共性，于是我再次分类，得到以下三种类型：
1、规范统一类问题
例如：文字、颜色、控件、图标有太多的不统一、不规范。
2、设计风格类问题
例如：图标、卡片风格陈旧。
3、信息层级类问题
例如：信息布局层级、卡片文字层级。
我们来分别讲解，并给出相应的解决思路。
1.规范统一类问题
图标线条粗细不一致，文字各种大小，颜色各种乱用，其实这些都是规范没有制定好的原因，也就是我所讲的规范类问题。
如何解决呢?
我们需要先定好一个前期规范，然后随着场景的增加，再不断调整规范，但是千万不能在没有任何指导原则、目标的情况下就开始天马行空的设计，那样最后一定会乱作一团，尤其是在团队合作的情况下。
举几个例子(上期的问题)：
1.1.文字各种大小、颜色，如下图：
我们需要拉通所有场景，来进行分类，最后给出一个前期规范：
比如定义一级标题的文字为24pt，二级标题的文字为18pt，正文为14pt，辅助性文字为12pt。
文字的颜色，重要型文字使用#333333，普通型文字使用#666666，辅助型文字使用#999999。
对于文字的加粗问题，整个页面，要么主标题都加粗，要么都不加粗，如果有些加粗有些又不加粗，别人也许就会觉得我们做的不够严谨(当然特殊场景除外)!
1.2.图标线条粗细不一致
这是一个非常不应该发生的错误，在具体设计执行前，需要将描边粗细的规范提前制定好，例如统一为2px。
如下图：
1.3.颜色乱用
颜色也需要我们输出前期的基础规范，考虑好他们的使用场景，以免在设计的时候胡乱用色，使最后产出的页面杂乱无章。
比如主色、辅助色、灰度色等等。
以前有写过一篇关于规范的模板，有需要的可以去看看，这里就不具体展示了。
网址如下：核桃App界面设计及设计规范
1.4.控件样式不统一
明明是一个控件，却要用两种样式。
我们需要择优做好一个，然后放进控件库中，等到需要的时候直接调取。
通过上面几个例子，大家会发现，如果前期规范没有做好铺垫，后面的设计就会很难把控，尤其是当页面越来越多的时候。
2.设计风格类问题
这一类问题都发生在具体设计的时候，
如何解决呢?
我的解决思路如下(其实这个思路适用于大部分问题)：
(1)分析自己产品的问题(上一期已经分析过)
(2)看看竞品都是怎么做的
(3)结合自己产品的属性、业务需求等因素进行优化
举例开始
2.1 卡片样式不够精致
先看看我们的卡片：
上一期我们已经分析出这个排行榜卡片的问题：前三名的序号过于抢眼，且样式不美观。
接下来我们需要做的就是看看竞品都是怎么处理的，因为看竞品是我们做设计必须要经历的一步，千万不要凭空想，会浪费很多时间。
我找了几个竞品网站的排行榜卡片设计，部分截图如下：
我们会发现竞品的卡片前三名序号颜色都是统一的(当然有些网站也不是这样的)，虽然网易新闻官网的卡片用了红色，但是为了避免过于刺眼，它没有用色块的形式，而是仅仅使数字加大变红。
文章标题：如何系统的进行改版设计（下）
文章URL：http://mswzjz.cn/article/cgsdos.html