带有京东品牌基因的功能图标库

原标题:带有京东品牌基因的功能图标库

一、风格建立/延续京东品牌调性的简洁有情感的图标

曲率:以京东最新LOGO形象延伸,图标曲率采用外圆角9PX,内圆角6PX;大圆角包裹使整个图标体系看起来更柔和更具有亲和力;

微笑曲线:提取JOY的微笑曲线元素,灵活运用到图标内,强化品牌感知,也使图标更灵动更有活力,对用户传递友好情绪;

最终风格设定以底部导航图标为例:

二、设计关键点 /功能图标库需要具备的基础要素

2.化繁为简:功能图标尺寸较小,减少一切视觉干扰元素;简化8.0图标库的断点开口,所有图标闭合;所有图标都采用矩形与圆形和菱形切割,摒弃所有非必要斜角,减少斜角对于图形认知的干扰;

3.减少歧义:沿用主流图形,避免使用生涩和歧义的元素,增大用户的认知负荷;以订单icon(见下图)的推导为例,同样是体现订单的元素,尽量选用用户熟悉的图形结构,避免为了创新增加用户的学习成本。

第二点 视觉平衡

体量统一:规定不同形状的栅格尺寸,建立统一的图标绘制尺寸规范;进行视觉检测,平衡不同形状的视觉差,整体感知上体量一致。

统一视觉元素:所有曲率/间距/尺寸/切割方式,保证图标的统一性;保证图标体系内风格统一。

遵守视觉平衡原则可以保证一套图标体系的整体性。

下面是适配到场景的效果图:

责任编辑:

Thenews.cc