改版设计的思路（下）：解决问题

做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。上一期我们做了改版设计的第一步──发现问题，今天我们来做第二步──解决问题！

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

1、规范统一类问题

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

2、设计风格类问题

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

3、信息层级类问题

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

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

1. 规范统一类问题

图标线条粗细不一致，文字各种大小，颜色各种乱用，其实这些都是规范没有制定好的原因，也就是我所讲的规范类问题。

如何解决呢？

我们需要先定好一个前期规范，然后随着场景的增加，再不断调整规范，但是千万不能在没有任何指导原则、目标的情况下就开始天马行空的设计，那样最后一定会乱作一团，尤其是在团队合作的情况下。

举几个例子（上期的问题）：

1.1 文字各种大小、颜色

如下图：

我们需要拉通所有场景，来进行分类，最后给出一个前期规范：

比如定义一级标题的文字为24pt，二级标题的文字为18pt，正文为14pt，辅助性文字为12pt。

文字的颜色，重要型文字使用# 333333，普通型文字使用# 666666，辅助型文字使用# 999999。

对于文字的加粗问题，整个页面，要么主标题都加粗，要么都不加粗，如果有些加粗有些又不加粗，别人也许就会觉得我们做的不够严谨（当然特殊场景除外）！

1.2 图标线条粗细不一致

这是一个非常不应该发生的错误，在具体设计执行前，需要将描边粗细的规范提前制定好，例如统一为2px。

如下图：

1.3 颜色乱用

颜色也需要我们输出前期的基础规范，考虑好他们的使用场景，以免在设计的时候胡乱用色，使最后产出的页面杂乱无章。

比如主色、辅助色、灰度色等等。

以前有写过一篇关于规范的模板，有需要的可以去看看，这里就不具体展示了。

网址如下：[核桃App界面设计及设计规范](改版设计的思路（上）：发现问题
改版设计的思路（下）：解决问题

菜心，微信公众号：菜心设计铺，华为ITUX用户体验设计师（主视觉），3年工作经验，参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。

关键字：产品经理, 产品设计

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！