京东:视觉参考
用确定的商品、服务与交易信息形成效率感。品牌识别之外,价格、规格、权益和履约条件必须清晰,视觉层级帮助用户比较和决定。
先看真实案例
真实原图、手册页与网页实录。正文显示压缩预览,点击可看清晰大图;出处与日期见图注。

看图重点:图标、简短说明与浅色卡片组成设计资源导航的一个模块。
京东 官方原始媒体
看图重点:红色定位标记、章节侧栏和图文说明组成真实品牌手册网页。
京东 官方网站 · 2026-10-16 页面实录官网与产品页面实录
以下为官方页面的真实浏览器实录,包含产品首屏、功能区域和部分移动端页面。点击“清晰大图”查看文字与界面细节;出处与日期见图注。
原文内容摘要
下面直接摘要原始资料中的规则、做法与案例内容。每段附出处;后面的视觉观察另有标记。
京东朗正体怎样分配正文和标题
官方说明把横笔与竖笔的厚度比例设为 2:3,字形偏扁平、切角平直。五档字重名为玲珑、纤秀、正道、巍峨、苍穹:较轻两档用于正文与说明,中档用于标题,重档强化标题或标识。字体包含中、日、韩及西文相关版本;营销字体案例还展示同一节日项目怎样在图片和视频中延续文字表达。
来源:原始资料。官方原文摘要。
标志与业务署名怎样形成家族
规范以四足 JOY 与京东文字组成主标志,文字采用京东朗正体。业务标识在主品牌关系下使用简洁图形、同一字体和红黑白组合;图形与文字的高度关系也有约束。营销场景另外展示超级符号、搜索框等组合形式。因此集团标志、业务署名和促销元素分别承担身份、层级和引导作用。
来源:原始资料。官方原文摘要。
红色之外的界面层级
色彩页将 Pantone 485C 品牌红作为稳定识别色,同时提供辅助色、渐变和中性色。红色可以用于行动、利益点或模块强调,中性色承担大部分信息层级,界面渐变倾向柔和过渡。原文并没有要求所有区域都铺红,而是通过色彩角色让重点突出,同时保留阅读空间。
来源:原始资料。官方原文摘要。
官方账号与宣传矩阵
官方账号与宣传矩阵
如果我们要做一次「购物主题活动与品牌发布」,可以研究 京东 怎样把公司介绍、产品内容、活动页面和社交账号连接起来。先辨认账号身份,再观察成品的标题、画面、文案和行动入口。
品牌边界与内容定位
京东集团权威信息、消费商城、京东支付、零售设计系统与投资者关系分层。
主要研究对象是消费者、品牌商家、企业客户、媒体与投资者。下面的内容定位与制作方案是作者的观察和练习建议:价格与购买信息明确,服务与履约内容可追踪。它们不是该公司公开披露的内部运营制度,也不代表固定的发文频率。
自有发布平台与承接入口
这些入口包括网站、新闻、设计系统、代码、活动、商业服务和企业资料。网站与账号是不同记录:活动网站承接报名或信息,社交账号负责把人带过去。表中“观察内容”说明我们应该研究什么,不表示完整读取了所有子页面。
| 平台或栏目 | 层级 | 观察内容 |
|---|---|---|
| 京东商城 | 消费产品 | 商品、活动与购买承接 |
| 京东投资者关系 | 公司与投资者 | 集团信息与正式资料 |
| 京东零售设计语言 | 设计系统 | 品牌与产品规则 |
| 品牌标识 | 品牌 | 标识表达与规范 |
| 品牌字体 | 字体 | 朗正体与字体规则 |
| 设计色彩 | 视觉 | 色彩层级与运用 |
官方账号与证据
A 是官网页面中的出站链接记录;即使平台主页需要登录,链接来源仍可查。B 是平台公开资料或平台矩阵收录,逐号认证/官网互链未全部复核。Q 是官方文字、二维码或图标,仅能确认表内写出的信息。H 是历史官方记录,需要复核现状。主页可用性、当前昵称和活跃状态可能变化。
| 平台 | 账号或官方入口 | 业务与市场范围 | 身份依据 |
|---|---|---|---|
| 微博 | 京东发言人 | 集团权威信息 | B · 平台公开资料;出处 |
| 新浪账号内容页 | 京东支付 | 京东支付;平台账号内容页 | B · 平台公开资料;出处 |
只出现二维码时,不补猜微信 ID;出现微博内容转载页时,不把它当作已取得的微博主页。GitHub 项目、知乎专栏和 Discord 活动邀请按其实际形态记录,不能与公司主品牌账号混算。
各平台覆盖状态
这一表方便检查国内与国际渠道。它记录本轮证据覆盖,不是“有号/无号”的判定,也不声称已经收齐所有国家、业务和历史账号。
| 平台 | 本轮记录 | 核对状态 |
|---|---|---|
| 微信公众号 | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 微信视频号 | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 微博 | 京东发言人;京东支付 | B;详见上表 |
| 抖音 | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| B站 | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 小红书 | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 | |
| X | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| YouTube | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 | |
| 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 | |
| TikTok | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| Threads | 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
| 本轮未取得可引用的官方账号证据 | 待核对;不表示该公司没有账号 |
本公司特别需要分清的地方
- 京东集团信息微博为“京东发言人”,对应 jingdongofficial。
- corporate.jd.com 本轮读取已是 JoyGen 页面,没有继续标作京东集团公司站。
- 京东支付的新浪内容页属于产品线。
一次发布或活动怎样串联
这个例子用于我们自己的「购物主题活动与品牌发布」,不是对 京东 真实排期的复述。可以从 京东商城 和上表的活动/内容入口观察呈现方式,再按自己的受众选渠道。
| 阶段 | 内容与格式 | 适合的渠道层 | 下一步 |
|---|---|---|---|
| 公布主题 | 官网专题与一张主海报:项目名称、面向谁、参加后能得到什么 | 自己的公司官网+已确认身份的主品牌账号 | 进入一张完整的项目说明页 |
| 说明价值 | 产品/作品演示;长文解释一次真实任务;短视频只选一个结果 | 产品内容线+专业文章+视频平台 | 试用、阅读教程或了解赛题 |
| 展示人物与议题 | 嘉宾卡、作品卡、议程卡;长图中的信息保持可编辑 | 活动内容线+公众号/社交图片 | 查看完整嘉宾介绍、时间与报名条件 |
| 帮助参与 | FAQ、报名/提交步骤、示例文件、直播观看说明 | 活动页+社区/客服内容线 | 完成报名、作品提交或收藏直播入口 |
| 活动当天 | 直播包装、演讲 PPT、现场屏幕、可实时使用的说明 | 现场与视频平台;社交账号发布精选信息 | 观看、互动与获得资料 |
| 活动结束 | 回放目录、作品与结果、资料索引、完整案例 | 官网归档+专业/社区内容线;品牌号摘要导览 | 继续学习、试用产品或参加下一次活动 |
比赛另做一张信息母表,保存赛题版本、资格、时区、截止时间、提交文件、评审方式、奖励和咨询入口。社交卡片可以简短,母表和规则页需要完整;临时变更同步到全部承接渠道。
官网、公众号、图片、视频和 PPT 的一致性
| 物料 | 共同保留 | 按媒介改变 |
|---|---|---|
| 官网 | 自己的品牌身份、项目标题、主视觉主题与信息来源 | 补全详情、条件、目录和可使用的入口 |
| 公众号/长文 | 标题用词、图片主题、配色层级与链接目标 | 开篇说明受众与收益;正文加入过程、规则和答疑 |
| 社交海报/封面 | 项目名称、主图主题、日期与账号归属 | 重排信息;为头像、平台控件和裁切留出空间 |
| 短视频/长视频/直播 | 品牌署名、字幕样式、图形与章节词汇 | 先给演示或具体问题;短视频删减信息,长视频保留步骤和章节 |
| PPT/现场屏幕 | 同一名称、字体系列、色彩角色和图表表达 | 根据观看距离重新设置字号与信息密度,不缩小公众号长图直接投屏 |
| 比赛/作品/嘉宾系列 | 一致的编号、头像或作品展示位置、署名方式 | 为不同长度姓名与不同尺寸作品准备替代布局 |
字体、斜体、角色、摄影和图形的具体规则继续看本公司的视觉资料与横向字体地图。先查资源许可与规范范围,再给自己的品牌写一份可重复使用的规则。
尚未完成核对的分支
- 京东消费主号、客服、零售、物流、科技与健康各业务账号。
- 公众号/视频号/B站/抖音/小红书认证主页。
复核时保存平台、显示名称、固定 ID/handle、主页 URL、认证主体、市场/语言、官网出处、当前页面截图日期与活动归属。只靠搜索同名账号或第三方排行榜,无法补齐身份链。记录模板和渠道分工见总导航与发布执行手册。
本页账号收集与来源核对日期:2026-09-30。没有发送消息、关注账号或进入需要登录的账号后台。
官方资料与视觉观察
官方资料、真实案例与视觉观察
这篇把 京东 拆成“原始资料、设计判断、案例、制作方案、活动执行与传播矩阵”。适合研究 消费者、品牌商家、企业客户、媒体与投资者 的内容。引用链接与读取状态是资料记录;标为作者拆解、练习或建议的部分是为自有品牌设计的方法。 具体字体、色号和组件参数只在取得明确来源时记为官方值。
原始资料与读取状态
京东零售设计语言的标志、字体和产品颜色按各自页面读取;零售活动与集团新闻不混作同一套页面。
| 资料 | 本次核对与适用边界 |
|---|---|
| 京东零售设计语言 | 已读取公开文本;不代表逐项核验全部内页 |
| 品牌标志 | 已读取公开文本;不代表逐项核验全部内页 |
| 品牌字体 | 已读取公开文本;不代表逐项核验全部内页 |
| 产品色彩 | 已读取公开文本;不代表逐项核验全部内页 |
| 方正京东朗正体案例 | 保留既有官方入口;本次未重新读取文件全文 |
| 京东商城 | 保留既有官方入口;本次未重新读取文件全文 |
| 京东投资者关系 | 保留既有官方入口;本次未重新读取文件全文 |
收集与复查日期:2026-09-30。历史活动保留其届次;当前主站可能已切换下一届。HTTP 200 不代表已读取脚本内所有内容,也不代表资源许可已经确认。
先理解这套表达如何成立
信息先后与视觉焦点
产品图片保留比例与材质,规格说明用对齐表格;系列活动固定商品框、权益区和有效期。
作者建议先找一条完整路径:从封面或首屏进入详情,再进入操作、报名、获取或回放。记录主标题怎样改变、同一种图形怎样反复出现、证明材料在哪一层出现。成熟的视觉需要在这条路径上仍然清楚;单张好看的图不能代替完整体验。
配色的角色
作者将红色用于主识别和重要动作,中性色放参数;优惠标签不要盖过商品与真实价格信息。
做自己的系统时,先定义背景、正文、身份强调、分类、状态五类角色。不要先画十张图再逐张取色。主题色可以出现在封面与章节页,长说明、规则、规格和表单回到稳定底色。每个状态都写出名称,颜色之外还有文字或符号。
图像与图形怎样分工
产品图片保留比例与材质,规格说明用对齐表格;系列活动固定商品框、权益区和有效期。 同一组素材为官网、海报、公众号、视频和演示准备不同裁切。主体完整版本用于详情,局部版本用于解释,缩略版本用于入口。每个版本记录原图、主体位置、文字安全区和署名,避免后期反复猜裁切。
动态与语言
用开箱、使用、对比和服务流程组织视频,价格与条件同时出现,避免只展示促销节奏。
调性可以概括成“价格与购买信息明确,服务与履约内容可追踪”,这是作者提炼。邀请、操作指引、规则和结果公告承担不同任务:邀请说机会,指引说动作,规则说条件,结果说事实。把四类文本放在一起校对,能发现看似统一但实际上语气混乱的地方。
三个案例方向的详细拆解
下面每个方向都给出研究方法与可做的产物。它们是基于上方资料范围的作者分析;受限页面没有被补写成已读取的内部规范。
1. JDRDL 品牌标志
研究正式标志的使用边界。自己的资产库分别导出深浅底和单色版,给出可用场景。
作者拆解。 先区分公司、产品、合作与活动身份,记录标志版本、背景、留白、对齐和组合关系。实际手册参数保留页码;没有手册时只记录能够确认的资产,不从网页外观补造规定。
迁移到自己的项目。 产品图片保留比例与材质,规格说明用对齐表格;系列活动固定商品框、权益区和有效期。 先用自有真实内容制作,再放入最长标题、不同图片与异常状态检验。保留的是有解释力的结构关系,原品牌的名称、素材和含义不自动迁移。
可交付产物。 一页身份关系图、深浅底与单色样张、四种触点的组合示例。最长名称与多合作方仍然有清楚优先级。
2. 品牌字体
研究字形怎样承担零售识别;自己的价格、型号和活动标题必须先做混排样张。
作者拆解。 先把资料拆成家族、文件、款式与用途,确认是字体项目、品牌使用指南还是网页实现。然后比较大标题、长正文、数字、代码和字幕五种用途。可变轴和斜体只记实际提供的款式,专有字形与开放字体分别记录。
迁移到自己的项目。 品牌字体页面与产品规则分别核对;作者把商品标题、价格、权益与小字设为四档,价格数字保持稳定基线。 先用自有真实内容制作,再放入最长标题、不同图片与异常状态检验。保留的是有解释力的结构关系,原品牌的名称、素材和含义不自动迁移。
可交付产物。 一份字体资源台账、一页角色表和五张真实文字样张。样张包含中英混排、最长标题与数字变化,能解释每个款式为什么这样用。
3. 产品色彩
研究信息语义。把价格促销色、主要操作色和错误反馈色分开命名,避免一片红导致层级消失。
作者拆解。 沿着基础值、语义角色、组件和页面四层研究。先看规则表达什么,再找按钮、卡片、表单或列表如何调用。默认状态之外,继续检查加载、空内容、错误、完成与恢复,视觉应当帮助用户知道下一步。
迁移到自己的项目。 首页按需求分类,详情给商品、规格、价格、服务和评价;活动入口把权益与规则一起承接。 先用自有真实内容制作,再放入最长标题、不同图片与异常状态检验。保留的是有解释力的结构关系,原品牌的名称、素材和含义不自动迁移。
可交付产物。 一页语义角色表、一个状态完整的组件和一条可完成的页面路径。用长文字、空结果与错误情况验证,不只交默认画面。
可以直接查看的媒体例子
以下来自公开 HTML 的媒体链接,便于查看原始例子;文件存在不等于允许任意使用。没有将它们标成内部模板或完成逐帧分析。
| 类型 | 原始媒体入口 | 所在页面 |
|---|---|---|
| 图片 | 原页媒体文件 | 京东零售设计语言 |
| 图片 | 原页媒体文件 | 品牌标志 |
字体、字号、数字与斜体
品牌字体页面与产品规则分别核对;作者把商品标题、价格、权益与小字设为四档,价格数字保持稳定基线。
斜体怎样成为规则
把同一短英文分别用直立款、字体实际提供的 Italic/Oblique 或倾斜轴排出。观察字形、倾角、字宽与旁边中文的关系。若字体没有对应款式,软件的合成倾斜要标为作者处理。中文正文、议程、规则与长注释保持直立;速度感可以由构图与动效承担。可变字体使用范围从实际字体文件读取,不能由另一款字体的数值推断。
宣传平台、账号与矩阵怎样配合
具体账号和二维码证据见账号章节;没有把同名搜索结果补成已确认官方账号。
完整名称、主页、业务边界和身份依据见宣传平台与账号章节。A 表示官网出站链接;B 表示平台公开依据;Q 表示官网名称或二维码;H 表示历史官方记录。不同等级不混作已经核实当前账号 ID。
具体发布链:宣布时给主题与入口;解释时给可见样例;提醒时给日期与准备;进行时给现场任务;结束时给结果与资料。每次发布只选一个主要行动,并保证账号名称、项目名称与页面信息一致。
交付前的检查与修正
| 需要检查 | 常见问题 | 修正动作 |
|---|---|---|
| 品牌层次 | 公司、产品、活动混成一层 | 按“京东零售设计语言的标志、字体和产品颜色按各自页面读取;零售活动与集团新闻不混作同一套页面。”重新标注来源与用途 |
| 文字 | 中英混排、型号或长标题破版 | 用实际最长内容试排,调整字重、行数与层级 |
| 图像 | 场景与宣传结论没有对应 | 按本页素材分工补过程、细节与结果 |
| 系列 | 每张图换字体、颜色和装饰 | 固定角色与组件,只让内容变化 |
| 动态 | 演示被包装遮住,字幕看不完 | 按任务顺序减镜头,留出结果观看时间 |
| 活动 | 报名之后不知道下一步 | 补准备、确认、现场支持、提交与回顾 |
| 渠道 | 所有账号转同一张图 | 按解释、演示、行动与归档分别制作内容 |

