阿里设计师总结的钻石展位网站改版经验

3.1 规范的传承

对于多产品的品牌来说，统一的品牌形象和风格至关重要，阿里妈妈原有的基础风格思考相对成熟，且经过多次推敲。钻石展位改版设计，传承之前的视觉排版、栅格、组件、模块等，透气感的设计思维一直是我们主推的观点，以内容为王，通过合理的空间梳理，营造出信息层次，最大化降低视觉噪声。

3.2 视觉语言的升级

伴随着15年品牌的升级，网站的视觉语言在原有的基础上，进一步从细节出发，将新的品牌识别体系中的各个点，逐步落实在页面设计上。

首先是图形设计，图形设计在页面中起到的作用是提炼文字的核心亮点，辅助理解介绍性文字。 (图3.1)

从内容上来说，图形设计的内容采用了一个核心元素配一到两个辅助元素的组合方法，以便于和文案配合的更为精准。

从图形上来说，在创作上围绕着扁平化、轻拟物、主方正，次圆润的原则绘制。

(图3.1：图形设计)

其次是配色，配色的基本原则依然是依据整体品牌规范而来，在提取出钻石展位品牌色后，再比对阿里妈妈品牌色盘，取深色、对比色和中性色，形成钻展品牌色盘。在色调控制中，采用了相对克制和有序的色调，具体来说：

钻展品牌色的偏冷色比例相对较多;(图3.2)

中性色为底色;

对比色和深色起视觉调节节奏的作用，因此相对较少;

每个画面元素至多两种颜色。

(图3.2：配色)

本次视觉语言的升级的另一个亮点在于吉祥物的透出，本期改版融入了阿里妈妈全新的吉祥物形象，从细节入手，点滴渗透。

(图3.3：吉祥物透出)

四、总结

本次钻石展位的升级改版把品牌理念和品牌识别自然融入在网站中， 在旧版基础上优化体验，让站点内容管理和维护更便捷，虽然整体设计仍有提升空间，但为品牌识别系统在网站中落地和应用积累了经验。与此同时，也要感谢各个参与项目同学的协同和支持，大家辛苦啦!