从淘宝2017年设计升级谈论如何做视觉改版

这几天的各大产品头条都登出淘宝的视觉升级，那我们来看看这位网红App从哪些角度以及如何从规划到实施的，并从中学习如何进行视觉上进行整改。

这里从四个维度展开：人群特征、设计体验方向、设计概念、设计落地。

瞄准目标用户

通过用户调研及数据显示95后消费大军开始进入淘宝。用户模型更趋向年轻化、个性化，淘宝开始新的品牌语言：活力、亲和、鲜明。

优化用户体验

提供年轻力量个性、活力的视觉体验是不够的，也显得业余。现在是扁平化的时代，不光是视觉的扁平，而且需要信息的扁平。减少层级，多点一次都会转移用户的注意力。减少用户的认知负荷，不要让我想它是什么。淘宝设计部采取了三大策略：认知负荷、内容吸引、品牌渗透。

视觉打法

他们分析了当下淘宝界面的情绪体验。视觉体验总能影响用户的情绪，他们发现了目前淘宝的视觉问题：色彩单一、不吸引、分隔多、线条多、平静、拥挤 从而产生单调、压抑无聊等情绪。由此他们想进行情绪管理，转化为情绪愉悦，视觉呼吸和好奇惊喜，他们的解决办法让视觉缤纷丰富、内容透出时尚感，简介缓和，动态情绪和视觉呼吸。总结出了六点设计理念：视觉吸引、浏览舒适、内容立体、最优平衡、框架统基因渗透。

简单的展开：

1.视觉吸引，个人理解淘宝在丰富渐变、颜色的饱和度上结合品牌颜色入手。其中提及到遇到的问题，在渐变过亮刺眼及过暗厚重的权衡。

2.浏览如何舒适。他们从视觉的扁平减少分割线，尽量采用更少的分级色块，把内容更清晰的呈现出来；让视觉会呼吸，我的理解则是减少用户的心理负荷或者说能量的损毁。作者提及到购物车的视觉呼吸感，让用户在进行支付前缓和心理负荷，减少能量的损毁，来提高淘宝的交易量商业价值；简明统一，减少用户对于商品模块的认知，提高整体的韵律感，包括展示模块有主次的节奏感；高效的视觉流，不会让用户有左右停顿卡克的状态。

3.内容立体，我们都知道过去的一年是直播的风口，也随着4G的普及，视频及富媒体是不可缺少的部分，动态引起用户好奇心，展现形态丰富的内容流。

4.最优平衡 在系统适配上都要把握细节，保证整体的一致性。

5.框架统基因渗透来保证淘宝生态的DNA。反复的视觉走查是必要的，包括统一控件、颜色。

最后做个总结，我们可以看出淘宝的这次改版主要统一规范形成自己的品牌特色，瞄准定位人群，根据目标人群的行为、生活场景，让他们在情感上产生共鸣。