淘宝2017设计升级：手淘首次以设计为主导的版本升级(5)

6、基因渗透：设计语言渗透各链路

根据单点设计元素组成系列形成一套设计语言，全面链路的应用设计样式/组件DNA，形成手淘产品自身设计语言风格，每个业务根据规范应用及灵活变化，掌握及提取风格基因去渗透在各自设计中，形成完整的新淘系面貌，共建完成统一的视觉体验，给用户统一的品牌认知。每个设计师的做法都有出入，所以必须反复沟通设计理念及规范的一致理解，反复走查优化来达到产品UI大统一的形象。

比如全局填充元素一统渐变色：

全局按钮控件一统全圆角风格：

四、设计推动落地

设计师的共建

我这里定义好淘宝产品新风格基调，以及设计理念方向，未来很长段时间大家都遵循六个理念进行。在升级过程中一直积极听取各位设计师遇到的问题情况而做微调整，各业务整体的设计除了符合基础规范更多是围绕设计理念去设计共建，完成自己负责的业务设计升级。一些手淘组件也是需要大家一起共建，我和核心成员收集各业务使用到的组件场景有什么需求，考虑各种情况去统一以及拓展使用，满足各类业务需求下统一体验，比如底部导航组件、弹窗、评论组件等。我也会推动设计师负责某块组件的升级，在一起进行更深的讨论，有助于更多设计师的全局考虑，以及更深一步参与到升级项目中来，更深的理解设计理念去执行，达到设计师们一起共建的结果。比如全局标题导航栏的 4 位设计师共建、卡券包、图片切换的更多样式、为空情感化组件等。

开发的协作

设计全面改造完，最困难的部分就是推动起来还原完美落地，因为这是第一次设计主导升级的大版本，投入了很多开发资源支持，工作量非常庞大，每个页面每一个设计元素都要升级，非常细碎繁杂。除了基本的日常升级我会评估重复性高的设计做成开发组件，跨业务推动架构组开发以及业务开发技术配合优化与统一，并推动一些技术的调整，也理出了很多隐性问题便于迭代。比如标题导航栏就涉及Native、Weex、H 5 等技术，都要不同程度的去推进达到统一的视觉效果。我在自身负责的业务还使用了正在研发的智能还原技术来提高升级效率，解决业务的工作量和设计的沟通成本，设计师应该考虑开发还原度成本及效率的问题，其中很多技术也值得设计师参与学习研究。

五、结语

这次设计升级，最大的收获是可以从很多角度看待和思考，以淘宝大容器的设计出发，设计与执行复杂的平衡，一切的细节品质都因一些信念去推动，不断的精雕细琢，不断的推进开发解决问题落地，主动求变，积极推进。

跨团队设计共建，开发测试协作，产品的支持，市场助力品牌发声，产生了很多共建的机会，大家为此版本努力一心，日夜奋斗，增强了大团队的凝聚力，以后一定会有更进一步的合作。此次升级的点其实很多，这里无法一一道来，此篇之后会陆续有针对性更为详细的设计分享。

我们并不是到此为止，而是启航了新的方向，未来的路还很长。变，是我们愿意一直深耕下去;不变，是为用户更好的体验而努力。感谢阅读!

作者：子鹿

来源：微信公众号【淘宝用户体验设计】

（编辑：ASP站长网）