蘑菇街APP改版：教你如何进行APP内容精细化设计

干APP设计久了，或者你是干APP产品的，又或者是干APP运营的。大家肯定都知道 一个成熟的APP设计师在做APP内容布局设计时，考虑的因素有很多，商业目标，内容的数量和优先级，美观，易读性，运营方的KPI，运营的难易程度等等。

所以，不要以为现在从你视觉的角度完成了整套APP的UI界面设计，就觉得就好了。其实，供我们完善和迭代的最重要的部分就是 APP合理布局，内容精细设计。

对于移动端来说，手机屏幕空间寸土寸金，一块小小的角落都是兵家必争之地。

下面25学堂也从最近蘑菇街团队分享的一篇《时尚导购，品质设计——蘑菇街App改版设计总结》当中，学习一下如何进行APP内容精细化设计。

作为APP设计师，可以从以下三个方面来入手。

1、在APP内容的设计上

APP在设计之初，就应该有了确切的定位，所有的功能开发、内容填充，都以定位为出发点。做到精准的内容布局和设计，必须牢牢跟随着APP的定位，不偏不倚。

当然，也可以跟随APP运营来进行调整。比如运营方的KPI和内容的多少、优先级决定了内容的排版。

但我们必须清楚APP里面，每个一级页面作为所有内容分发流转的“出口”都需要精心设计，做到“处处珠玑”。比如APP首页、APP栏目页、APP分类页、APP专题页等等。如上图所示。

我们考虑根据针对不同的运营内容和用户任务，去分发和提炼尽可能丰富的内容信息，保证页面上每一个存在的元素都是必不可缺的。

另一方面，在保证界面美观的前提下，考虑所有模块的阅读效率，尽量多曝光信息内容，使主页面看起来紧凑，信息量丰富。用“压力下的优雅”来形容一级页的设计，恰当不过。

还有就是同一页面中，穿插不同的排布方式，能丰富用户逛的过程，增加页面的停留时间。提高用户的转化率。

2、在APP交互形式上

蘑菇街移动团队设计人员采用了横向拓展的设计形式——在屏幕中故意截断部分内容，支持横划浏览更多信息。可以充分利用有限的屏幕空间，使同一层级的内容尽可能多的外显，减少页面间的跳转，提高用户获取信息的效率。如下图：

扩展阅读：APP产品交互设计八项原则以及交互设计干货分享

3、在APP UI设计上

针对每个具体模块，去剖析每个业务的运营策略，深度理解需要传达的信息和传递的氛围等，根据不同的内容设计不同的承载样式，最终形成完整统一的内容流。

同一个页面不同的内容模块之间，主要考虑：

（1）、不同的业务模块通过不同样式的组合设计，准确地传达信息内容，同时使页面丰富动感，摆脱单调；

（2）、突出重点运营的优质内容：如目前的“红人穿搭”，“精选专题”等模块，在设计手法上，通过图片内容、布局、面积、位置等各种因素的综合设计，最终呈现出的结果使用户能快速有效地捕捉到最重要的信息点。

（3）、不同的内容采用不同的图片尺寸和排版，有利于用户快速区分和记忆。

（4）、善用图片来区分内容、提高用户对内容的浏览效率

以上就是摘录自蘑菇街APP改版的总结干货，其实结合25学堂的个人经验来告诉大家如何来进行APP内容精细化设计。希望对大家有所帮助。