APP重设计的工作流程以及APP产品的re-design思路

最近，25学堂的小编看到很多小伙伴开始对自己公司产品的移动APP产品进行了一些重构或者是APP产品的重设计。

当然也有一些，新进入一家公司，对公司之前设计的移动APP产品重新设计和迭代升级。

这节课主要跟大家分享2块内容：

上图来自美女设计师的追波网主页项目：https://dribbble.com/JunYao

第一块：APP重设计的工作流程是什么？

让大家了解正常的APP重设计的工作流程，到底是一个重设计流程。无论是APP产品经理还是APP设计师，都有义务和责任深入了解整个项目的重设计过程。

下面还是以怡呼吸APP重设计项目当中分享的流程给大家看看。

看完这个流程图，可以得出APP重设计是一个非常复杂的过程，需要考虑的东西和知识面是比较多的。25学堂建议各位多多融入项目团队当中，把自己负责的那块好好深思。前提是围绕重设计的目标。

比如下面的APP设计师的重设计思路：

在着手设计前的数次讨论中我们逐步清晰了本次优化的基本原则：用户的时间是宝贵的，我们应该通过更好的设计帮助他们节约时间提高效率。

基于这样的原则，我们将这次重新设计的核心策略定义为：快。

通过设计让用户每次想做的事情变得简单高效、重要且使用高频的功能和内容更容易找到。不仅如此，访问知乎的速度也需要变得更快，不要把时间浪费在等待上。基于此，我们梳理出了如下几个待修改的点：

1、梳理个人页面的信息结构，让想找的内容更好找

2、梳理内容操作栏的优先级，突出更重要的操作

3、内容操作栏应该随时可访问

4、详细资料应该可以就地查看而不用跳转页面

5、查看新私信应该更加快速和流畅

6、优化排版，采用了更易读的字体和字号，提升阅读效率

第二部分：具体如何去做好APP重设计呢？作为APP设计师，可以从哪几个方面入手呢？

下面25学堂继续以众安保险APP的重设计为例，跟大家解读。

最重要的就是要确定APP重设计改版的视觉设计关键词确定为：年轻、简洁、轻快

根据设计关键词，我们重新定义了色彩、图标及界面元素和整体视觉风格。

1、 强调品牌色，减少辅助色，明晰色彩层级

众安品牌的绿色是生命、健康与活力的隐喻，同时也是年轻向上的体现，视觉方面决定沿用绿色的主色调。参考流行色趋势，明亮的色彩更吸引用户注意力，营造轻快的感觉，因此我们进行了适当微调，提高色彩明度，让产品看起来更加轻盈。

减少主要色彩数量，增加主色调的显示比例，强化品牌感受;多层级的文字色阶用于适配多样的内容与信息。

2、 图标轻量化、统一化

改版过程中，我们对App内图标进行了梳理和再设计。设计过程中，为了达到简洁易识别的目标，对图标的造型、风格、质感进行了很多探索。

为了打造产品的统一感，所有图标都沿用了相同的视觉元素，统一的圆角使图标有一定活泼感，不生硬，又保持了中性的感觉。

另外，根据应用场景定制不同的设计策略，如一级导航、分类导航、辅助图标。

3、 化繁为简，减少页面元素种类

迎合现在的设计趋势，去除所有装饰元素，减少不必要元素，适当增加留白，保持页面干净、清晰。作为保险产品，为了达到清晰易懂的目的，增加大量图片和图形化内容，提高用户的理解效率。

4、 统一视觉规范，提升工作效率

在完成主要页面设计的同时，统一的视觉规范不仅能提高相关设计师的工作效率，也能更清晰的传达给开发，提高整个团队的效率，同时，也为App中其他业务线的设计师提供规范，保持App内不同产品风格一致。

特别阅读：

1、3位UI设计师对网易云音乐APP进行改版重设计

2、浅谈APP设计师如何去做好APP产品重设计

3、APP设计师原创之作：手机QQ视觉UI的重设计欣赏