Android版掌阅读书2018年春节主题皮肤的设计

每逢佳节换皮肤——重大节日或热点事件各种产品平台通过主题皮肤来营造节日氛围。

掌阅app发展至今，经过了多个大版本迭代，产品结构的进化和开发实现方式的变化对设计最终落地的方法会产生一些影响，所以我们结合这次春节主题的设计思路做了以下的总结。

设计流程

需求是由设计中心驱动，首先需要对整个需求做一个大概的评判，评估需求是否有不合理的因素，例如是否会与运营部门的春节活动设计有冲突的环节，需要设计师走动起来，去跨部门主动沟通，不要只在工位上埋头画图。

当所有都搞定之后，进入创意阶段，天马行空固然是好，但结合自身产品的特点和用户群体是有必须的。

结合产品研发技术的特点，了解有哪些限制因素。掌阅app的皮肤有两套模板，分别是颜色类的主题和材质类的主题，又可以以底部导航是不是带有切换动效来区分。

春节主题需求在整个项目中的优先级决定了各个支持部门在这个需求投入精力，这个需求的目标是配合运营活动烘托活动气氛，提长产品的友好度。是一个时效性比较短的功能，不占用太多的研发资源。

这些都确定之后，这个需求的工作重点就落在了设计师身上，设计过程中会在上面的环节中反复，每一次都会更关注细节，都可能会产生新的问题和新的解决方法。

1.需求发起：

背景：通过调整视觉设计配合运营活动烘托节日气氛，吸引用户关注度，增加产品情感化表达，提升体验。虽然春节期间app主题切换是大部分用户能够理解并接受，但是我们还是需要给用户提示，引导用户主动切换到春节主题。尽量避免在升级过程中自动改变主要功能界面的主题，除非是有重大版本发布。否则用户被动接受这种视觉上的改变会引起用户的反感，需要给用户一定的预期。

现状：掌阅app线上的界面默认的是一套白色的简洁风格主题，并给用户提供多种偏好选择。主题库有两大类：颜色类+材质类。是通过改变书架、书城、我的三个主要频道页的导航或是Titlebar上的背景、文字、icon的颜色或是动效来区别，样式比较单一，并不能达到突出节日气氛的目的。

2.收集创意：

提炼能够展示节日的关键词：年、福、对联、红色、金色、门神、灯笼、有鱼、梅花、雪花、烟花等。

3.实现方式：

确定展示区域：了解并分析了需求背景和当前产品的情况后，并且确定了除常规展示主题的书架、主导航icon外，在我的页面也增加了元素的展示区，目的是在但不能影响主要功能体验的基础上更多的体现节日气氛。

了解限制因素：1、icon的尺寸大小对细节的限制，在绘制icon时不要考虑过多的细节。2、新增的展示区会对原有的信息有一定的影响，尤其是在操作使用时。

A动效、b场景、c限制

4.绘制细节:

颜色、材质、形状、动效、场景5个维度来体现图片设计。

icon动效延续了线上版本的规则

最后阶段这两个颜色差异比较大的方案，在方案的选择上，大家会根据个人主观感受给出意见，例如：红色才能体现节日的喜庆感或是黄色更柔和等。但是当增加了一个评判维度：和其它页面的一致性，这时候结果就很明显了。

5.推动落地：

最后阶段，切图输出到走查，为了保证最终的体验效果与设计的一致，并不能轻心。

所有改变用户使用习惯的设计都会对一部分用户造成伤害，这种主题皮肤视觉类的改变也不例外，如果主题跟随发版上线以后，自动给用户切换主题，会让用户有种被迫的感觉，所以我们采用了发版引导图的办法，在发版图直接给用户开放一键入口，引导用户去使用。

总结：

没有完美的设计方案，只有最适合的。当下的设计师们不该只注重于视觉表现和输出图片这种单一的操作。比如类似这个主题皮肤的小需求工作量并不大，在整个项目中串联运营、产品、研发等环节形成经得起推敲的完整的思路，并最终推动落地才是一套完整的方案。