看着更聪明
让 AI 更好理解。用亲切的形象和清楚的反馈，让用户一眼知道它在帮忙。
天猫超市｜AI形象视觉升级
设计面向大众的
AI 形象
让智能融入日常购物，让每一次帮助自然发生。
项目概述
从一个 AI 标识，到一种购物感受。
天猫超市的营销和导购场景陆续加入 AI。这次设计用统一的形象和视觉规则，让用户在熟悉的购物过程中，自然发现和使用这些帮助。
挑战与目标
让技术感，转化为用户的获得感。
逛得更从容
沿用熟悉的搜索和购物方式，让用户少学一步、少纠结一点。
推得更懂我
把推荐理由说清楚，让同一套 AI 视觉出现在用户需要帮助的地方。
AI 形象定义
一个可识别，也会回应的 AI 形象。
把品牌 Logo 与 AI 字形结合，用蓝绿渐变和流动的形态，让它既能被认出，也能表达等待与回应。
风格指南
一套规则，贯穿不同场景。
让品牌色变成轻盈的底色，再用邻近色渐变、生成式表达和矢量元素，把不同场景连接起来。
浅色背景
邻近色渐变
生成式动效
矢量感元素
用户动线 AI 引导
需要时被看见，不需要时不打扰。
提示有轻有重：搜索和推荐中轻轻带出 AI，需要解释或提供帮助时，再让助手明确出现。
弱提示
在原有体验链路上更新质感
强提醒
新增全新体验的资源点位
AI助手用户体验洞察
设计工作流 AI 化
把设计判断，转译成可复用的工作流。
先把一句需求拆成文案、商品、颜色和底纹，再生成不同点位需要的素材，组装成首页 Card 与会场版头。以下用夏日冰美式演示这条流程。
业务输入
“做一套夏日消暑会场”
解析需求
- 装饰文案
- SUMMER
- 核心商品
- 冰美式
- 主题颜色
- 大促红
- 氛围底纹
- 波浪纹
生成素材
组装落地
入口
会场
设计总结
让 AI 的价值被感受，而不只被看见。
让同一个 AI 在不同场景中被认出，在需要时提供帮助。再把形象、交互与生成规则留下来，供下一次设计继续使用。
返回顶部 ↑