Date 2026-01-22 23:03:16
2020年上半年，我们对JD.COM国际频道进行了全新的品牌视觉升级，希望通过品牌强化和体验升级，实现加强正品心智、提升渠道访问量、强化品牌的业务目标。
友商案例分析：
9月底双十一临近关口，淘宝上线了新版本的变化介绍 9.13 新版本对主页做了很大的改版，堪称这个 5 年来力度最大的改版幅度。
阅读文章 >
JD.COM国际频道流量低，用户对国际品牌还没有形成正宗的心态和购买习惯。2020年，为了更好地承接更多的黄金流程和全站流量，为周年庆典和618提供更丰富的运营支持，需要对频道进行修改。
1. 旧版页面
2. 竞品分析
3. 目标用户
“ 设计机会点 ”
通过研究报告，我们发现在京东国际的目标用户中，女性用户占大多数，结合收集到的相关竞争产品信息，因此在与商业产品沟通的设计方面可以更加关注女性，考虑女性用户的需求，优先考虑美容、个人护理、食品、母婴和时尚 ；并且在整体渠道设计风格上要注重年轻时尚和追求品质的倾向，提升整个渠道的视觉色调。
1. 设计定位
2. 探索品牌关键词
在设计探索之初，我们召集了团队中的设计师进行头脑风暴。我们谈到了每个人都理解的“国际”产品，以及可以用简单的词汇或图形描述的相关国际元素。 感谢黄松伟老师的设计指导~
3. 提取品牌关键词
通过产品定位分析，结合头脑风暴中每个人碰撞的灵感“碎片”，我们最终提炼出以下关键词：
4. 根据关键词探索衍生情绪图
旧版本分析还提到，渠道整体设计风格缺乏品牌基调，缺乏能让用户记住的品牌元素，无法建立对京东国际的品牌认知；视觉信息水平混乱，设计标准差，设计沟通维护成本高。
结合对用户和竞争产品的早期分析和一系列设计的探索，我们决定从「品牌强化」及「体验升级」JD.COM国际频道的品牌视觉全新升级，实现了强化正品心智、提升频道访问量、强化品牌的业务目标。
在整个京东国际品牌建设过程中，我们一直在思考如何打造京东国际频道的独家品牌符号？为此，小组中的所有设计师都被邀请绘制和选择多轮脑暴和图形。
这部分也是整个品牌升级过程中的设计挑战。推翻现有设计是一件有风险的事情，因为原有的设计元素有一定的识别度；考虑到整个品牌元素翻新对用户认知的影响，这部分内容仍在不断推进
在整个过程中，脑暴产生了100+的品牌符号，感谢大家在这个过程中提供脑细胞~
最后，在与渠道产品和业务团队沟通时，分别输出了两个方向的提案：
品牌色 “紫”气“东”来
由于品牌名称的变化，京东国际的品牌颜色在18年和19年内被重新定义；18年的品牌颜色与当时海豚的整体形象相结合，19年的品牌颜色是深红色的。两者都不同于京东应用程序主站的品牌颜色，但业务反馈的女性特征过于明显，深红色的感知将显得平静和过时。
基于京东国际早期脑暴的关键词和相关情感图，结合京东国际用户肖像（一、二线城市、高学历、高收入追求优质生活的女性用户），对比色彩情感，我们最终将京东国际品牌颜色更新为中性、优雅的紫色。在视觉细节上，提高了原版本的饱和度，增强了色彩对比度，并根据品牌颜色确定了衍生色，用于后续相关的延伸。
辅助色 “丰富”多彩
每种颜色对应的渐变颜色可用于界面上图标和类别的呈现，引导用户识别，努力打造轻质感、亲和力、自然的精致品质。
虽然旧版本的主页使用京东朗正体作为地板标题，但由于字体形状，标题小，难以识别；新版本的主页保留了频道标志中母品牌字体基因，并将每层标题调整为苹果。这种字体是移动终端常用的文本，棱角分明，干净整洁，具有质量感。
在文本层次梯度上，打开字体重量和字体大小的比例，以提高内容的可读性。文本颜色部分在原始基础上提高了纯度，整个界面更加突出，使层次更强，更快地吸引注意力。
旧页面模块布局分裂， 屏幕效果低，上、下、左、右间距不统一，视角噪音大，缺乏产品色调，导致产品缺乏质量感，也降低了用户的信任度。品牌视觉升级重新定义了网格系统。我们希望通过骨骼重构给每个视觉元素一种秩序感。在提高地板效率的同时，我们可以使页面布局更加统一。
圆角卡片
在检查了旧版本的视觉布局和对当前流行的UI风格的研究后，我们统一了每个模块之间的间距，并使用了一个更圆的圆角处理。更圆的圆角可以反映柔软和年轻，符合当前的硬件设计。
结构透气
通过对每一层的内容进行重组，削弱了页面的划分，使层次更加清晰，提高了空间的利用率，在大卡片部分统一了水平和垂直间距，在小卡片部分缩小了间距，使其更加完整。在保证视觉呼吸感的同时，提高了整体浏览的流畅性。减少界面中过于复杂的装饰元素，使频道更轻、更精致。
百宝箱图标
旧版百宝箱图标均为异性拟物风格。如果需要更换，设计成本高，很难实现标准化；此外，业务图标和类别图片之间的区别并不明显，也无法从视觉上直观区分。新版本在规范和统一背景色值后进行统一处理，并选择实物图片。类别属性一目了然。
底部导航图标
旧版本的底部导航图标是直角处理的，会显得僵硬，有些图标的语义不一致。
新版图标采用断点风格，圆形倒角处理，与主站主页风格保持统一，也延续了频道的整体调性。
