项目理解与 VI 使命
1.1 为什么这个项目的 VI 非常重要
结合本次现场沟通,我们理解贵团队要建立的并不是一个传统电子烟品牌,而是一个“智能硬件 + 数字宠物 + 用户奖励 + 全球 DTC 运营”的新型消费品牌。硬件本身负责高频触达,App 负责承载数字身份与成长体验,品牌 IP 负责建立情绪记忆,而后台运营则通过活动、皮肤、素材与奖励不断刷新用户感受。
因此,本项目的 VI 必须天然跨越四个场景:品牌识别、数字产品、硬件屏幕、运营传播。它既要让欧美成熟电子烟用户觉得专业、可信、具有科技感,又要允许像素宠物承担情绪连接和长期 IP 资产的角色。
1.2 从商业思考中提炼出的品牌命题
| 商业设想 | VI 的设计回应 |
|---|---|
| 面向成熟海外用户 | 不是教育新烟民,而是争夺已经成熟的存量电子烟用户;视觉必须国际化、专业化,避免廉价“电子烟商城感”。 |
| 成人审美与情绪 IP 并存 | 数字宠物需要有可爱与情绪价值,但整体必须服务成年人,避免过度幼龄化或“儿童诱导”式视觉。 |
| 轻 Web3 / 科技价值感 | 视觉可带一点像素、数字资产、能量、模块、信号等 Web3 感知,但不在首期直接使用币圈、Token、挖矿等过度直白符号。 |
| 硬件与数字身份统一 | 像素宠物不仅在 App 中出现,还要进入硬件屏幕,成为实体设备上的“数字身份”。 |
| 持续运营而非一次装修 | 节日、活动、上新、奖励机制会持续变化,因此 VI 需要支持皮肤化、模块化、素材化运营。 |
| 未来可实体化 | 数字 IP 后续具备实体潮玩、周边、包装联名等可能,因此角色比例、识别点、配色和轮廓需要从一开始就具备资产化意识。 |
1.3 VI 建设目标
| 识别 | 信任 | 情绪 | 联动 | 运营 | 资产 |
|---|---|---|---|---|---|
| 建立一眼可记住的品牌符号 | 符合海外成熟消费品审美 | 让像素宠物成为关系载体 | 品牌视觉进入硬件屏幕 | 支持节日 / 活动持续换肤 | 形成可长期复用的 IP 资产 |
品牌视觉战略与核心原则
2.1 品牌视觉关键词
| 关键词 | 设计定义 |
|---|---|
| Adult / Mature | 面向成年人,不做低龄游戏化,不使用过度糖果色与幼儿玩具语言。 |
| Pixel-native | 像素不是装饰滤镜,而是一套真正能够落到低分辨率硬件屏幕的原生视觉语言。 |
| Premium Tech | 整体质感仍然要高级、简洁、科技,避免“复古像素游戏”导致品牌降档。 |
| Light Web3 | 通过网格、像素、模块、能量、数据、坐标、资产标签等建立轻度 Web3 气质。 |
| Emotional Companion | 宠物提供陪伴与个性表达,但视觉表达克制、酷、可收藏。 |
| Modular & Operable | 系统必须可以持续上新皮肤、宠物、装备、活动和营销素材,而不是一次性视觉稿。 |
2.2 需要明确避免的视觉方向
- 避免传统“电子烟独立站”的黑红霓虹、烟雾、火焰和夜店感。
- 避免纯儿童卡通、糖果色、幼儿玩具式角色比例和低龄文案。
- 避免把 Web3 直接做成币圈:大金币、K 线、Token 图标、挖矿镐、博彩式符号不作为主 VI 语言。
- 避免纯复古 8-bit 游戏界面;像素风必须与高级排版、克制色彩、现代材质并存。
- 避免 App、官网、包装、硬件屏幕各自为政,所有应用必须回到同一个视觉母系统。
2.3 国际化与语言适配原则
产品当前以英文市场为主,并考虑未来韩语、德语等扩展。VI 在字体、排版和图形比例上需要从一开始支持多语言:英文作为主视觉测试语言,韩语 / 德语作为字重、字符宽度与字号兼容性验证语言。最终字体选型需优先考虑跨语言授权与商业使用条件。
推荐视觉方向:Pixel Future
3.1 三种可提案方向
Pixel Future
像素数字生命 + 高级科技消费品。深石墨、钛银、暖白为底,少量高饱和品牌色;像素角色与现代留白并存。
最符合硬件屏幕、Web3 气质和成人审美之间的平衡。
Neo Cyber Minimal
更强未来科技、数据网格与赛博结构,宠物作为“数字身份”出现。
科技感更强,但要控制冷硬和币圈感。
Soft Digital Collectible
更强调可收藏、情绪陪伴与潮玩,整体更暖、更生活方式。
亲和力强,但需避免儿童化。
3.2 建议色彩逻辑(方向示意)
说明:以上仅为策略阶段色彩方向示意,正式 VI 将在第一阶段提供完整色板、Pantone / CMYK / RGB / HEX 数值及不同材质应用规则。
3.3 图形语言建议
| 视觉语言 | 应用方式 |
|---|---|
| Pixel Grid | 基于像素网格形成版式、分割、标签和动效语言。 |
| Signal / Energy | 用信号、能量条、扫描、同步、连线表现设备与数字世界连接。 |
| Asset Tag | 用编号、稀有度、版本、状态标签表达数字收藏与价值感,但不直接等同虚拟货币。 |
| Hardware Geometry | 吸收设备切面、屏幕比例、金属材质和工业结构,建立“硬件原生”视觉。 |
| Companion Silhouette | 宠物轮廓、眼睛、角、尾巴、耳翼等形成高识别度可复用图形资产。 |
核心视觉识别系统 VI
4.1 品牌标志系统
若贵团队已确认品牌名称与现有 Logo,则本项目以“标志优化 + 系统化”方式推进;若尚无正式 Logo,则在本 VI 项目内完成 1 套核心标志设计。标志需要同时考虑硬件丝印、包装、App Icon、官网 Header、硬件开机画面和社交媒体头像等尺寸环境。
| 交付项 | 内容 |
|---|---|
| 主标志 | 标准横版 / 竖版 / 图形符号 / 纯英文版本 |
| 安全空间 | 最小安全距离、禁用区、最小尺寸 |
| 单色体系 | 黑 / 白 / 单色丝印 / 激光雕刻适配 |
| App Icon | 移动端图标、favicon、社媒头像小尺寸适配 |
| Hardware Mark | 设备壳体、屏幕开机画面、包装贴标适配 |
| 禁用规范 | 拉伸、描边、阴影、错误颜色、低对比度等 |
4.2 标准色 / 辅助色 / 状态色
建立“品牌色 + 硬件材质色 + 数字状态色”三级配色结构。品牌色负责识别,材质色负责高级感,状态色只用于连接、奖励、警告等功能性信息,避免产品端出现过多彩色导致视觉失控。
4.3 字体与排版系统
| 层级 | 规范 |
|---|---|
| Display Typeface | 品牌大标题、Campaign、产品发布;要求现代、国际、硬朗但不过度科幻。 |
| Body Typeface | 官网 / App / 说明文档正文,强调屏幕可读性。 |
| Numeric Typeface | 设备数据、积分、Puff、等级、版本号等数字场景使用等宽 / 表格数字。 |
| Multilingual Fallback | 英文为主,验证韩语、德语等后续字符兼容与版式扩展。 |
| Type Scale | 建立 Desktop / Mobile / Hardware Screen 的字号层级与行高规则。 |
4.4 图标 / 图形 / 纹理系统
图标建议采用“现代线性图标 + 像素状态图标”双体系:App / Web 的功能导航保持现代清晰;硬件屏幕和宠物互动状态使用像素图标。两者通过统一圆角、线宽、网格和品牌色保持同源。
4.5 影像与产品摄影规范
- 产品摄影:深色棚拍 / 金属反射 / 局部轮廓光,突出智能硬件而非烟雾氛围。
- 口味视觉:避免水果堆砌,建议使用抽象材质、冰感、液体、色温和气味联想。
- 人物视觉:使用成年用户、生活方式和专业审美,避免年轻化过度。
- IP 视觉:角色可以可爱,但摄影 / 排版环境应高级、克制、收藏感。
像素数字宠物 IP 系统
本方案由极客跳动自有数字 IP「极客队长 GEEKER」团队出品。我们既懂品牌视觉系统,也拥有可运营、可衍生的自有 IP 资产,因此更能从“第一天就具备资产化意识”的角度,为 Puffmon 的像素宠物规划角色比例、识别点与长期扩展规则。
5.1 IP 在本项目中的战略角色
像素宠物不是一个“装饰吉祥物”,而是连接用户、App 与硬件屏幕的数字身份。未来用户可以通过成长、装扮、节日皮肤和奖励机制持续改变宠物状态;中长期还具备实体潮玩、周边和联名可能。因此,IP 需要从第一天就建立可扩展规范。
5.2 首发 IP 体系建议
| IP 资产 | 建议交付内容 |
|---|---|
| IP 世界观与命名框架 | 定义数字宠物从哪里来、为什么与设备产生关系、角色命名规则与等级语言。 |
| 3 个首发宠物基础形象 | 建议 1 个 Hero 主角色 + 2 个衍生角色,均采用同一像素网格和比例体系。 |
| 角色三视图 / 关键识别点 | 正面、侧面、背面;角、耳、尾、眼睛、主体轮廓等不可随意改变的识别元素。 |
| 基础表情与状态 | Neutral / Happy / Excited / Sleepy / Curious / Proud 等至少 6 类。 |
| 基础动作 | 待机、走动、跳跃、互动、获得奖励、升级等至少 6 类动作方向。 |
| 服饰与道具扩展规则 | 定义 Headwear / Outfit / Accessory / Effect 的挂点与遮挡规则,支持未来持续上新。 |
5.3 “成人化像素宠物”设计边界
| 维度 | 设计控制 |
|---|---|
| 比例 | 可适度大头,但避免婴幼儿比例;强调轮廓、装备、材质与身份感。 |
| 表情 | 有情绪但不过度卖萌,不使用婴儿化哭闹、奶嘴、幼儿玩具等符号。 |
| 配色 | 主体控制 2–4 个主色,强调高级对比,避免糖果彩虹色。 |
| 装备 | 可以融入未来头盔、披风、金属挂件、能量饰件等可收藏元素。 |
| 文案 | 角色语言简短、酷、有性格,不使用儿童教育 / 陪玩语气。 |
5.4 角色资产分层
| Base | State | Motion | Wearable | Skin | Device |
|---|---|---|---|---|---|
| 角色裸模 / 基础像素 | 表情 / 情绪状态 | 动作 / 动画帧 | 服饰 / 道具 | 节日 / 品牌主题 | 硬件屏幕 Sprite |
硬件屏幕像素视觉系统
6.1 为什么要把硬件屏幕单独作为 VI 子系统
贵团队明确提出:硬件本身带有屏幕,像素宠物会直接出现在设备屏幕上。这意味着 VI 的角色必须从“手机屏幕里的视觉”进一步进入“实体产品的动态界面”。硬件屏幕分辨率、色深、刷新率和储存空间通常远小于手机,因此需要单独建立像素网格、Sprite、状态和动画规范。
6.2 建议屏幕状态体系
| 硬件状态 | 视觉建议 |
|---|---|
| Boot / 开机 | 品牌标志或宠物短闪现,建立第一触点。 |
| Pairing / 配对 | 扫描、连接、确认等像素动效。 |
| Idle / 待机 | 宠物呼吸、眨眼、观察、轻微走动。 |
| Puff / 抽吸反馈 | 有效抽吸后触发短反馈,如能量、表情、成长反馈。 |
| Reward / 奖励 | 积分、礼物、盲盒 / 奖励类视觉反馈的统一表现。 |
| Growth / 成长 | 等级提升、成长值达成、角色变化。 |
| Sync / 同步 | App 与设备下发宠物形象、皮肤或资源时的同步反馈。 |
| Low Battery / Error | 低电、连接失败、资源加载失败等功能状态。 |
| Sleep / 休眠 | 低频待机或长时间无操作的节能状态。 |
6.3 硬件屏幕交付规范
| 规范 | 交付内容 |
|---|---|
| Pixel Grid Spec | 确定主像素网格、角色占屏比例、安全区与坐标基准。 |
| Sprite Sheet | 按硬件规范整理角色动作帧和状态帧,便于固件调用。 |
| Palette Limit | 根据屏幕色深输出限定色板,保证不同角色仍可识别。 |
| Animation Timing | 定义帧数、循环方式、触发时长,兼顾表现与功耗。 |
| Fallback Assets | 资源加载失败或固件不支持动画时提供静态替代图。 |
| Asset Naming | 统一 角色ID_状态_版本_尺寸 命名,便于后续后台上传和版本管理。 |
6.4 App → Hardware 的视觉一致性
| App Pet | Asset Convert | BLE / SDK | Device Screen | User Perception |
|---|---|---|---|---|
| 高清像素宠物主视觉 | 按屏幕参数转为 Sprite | 由软件与固件完成下发 | 显示同一宠物 / 皮肤 | 形成“我的数字身份跟着设备走” |
数字端与营销应用规范
7.1 App / Web 的 VI 统一原则
| 载体 | VI 应用方式 |
|---|---|
| App | 首页 Hero、设备卡、宠物页、积分钱包、活动、商城等统一使用品牌字体 / 色彩 / 像素资产。 |
| 官网商城 | 更偏品牌 Editorial 与产品摄影,像素宠物作为差异化识别资产,不把整个网站做成复古游戏。 |
| 后台 | 保持品牌识别但以专业、数据清晰为主;弱化宠物趣味,强化角色权限和运营效率。 |
| H5 / Campaign | 允许更强主题化和活动视觉,但必须从主 VI 的图形与字体系统派生。 |
7.2 营销素材库模板体系
结合项目未来“用户分享裂变”的运营方式,VI 需要提前提供可批量生产、可快速替换的官方传播模板,让品牌运营团队在不重新找设计师的情况下也能制作基础营销内容。
| 模板类型 | 应用 |
|---|---|
| Social Poster | 1:1 / 4:5 / 9:16 主流社媒海报模板 |
| Short Video Cover | Reels / TikTok / Shorts 封面模板 |
| Campaign Banner | 官网、App、H5 活动 Banner 规范 |
| Reward Card | 积分、礼物、奖励、成长达成类卡片 |
| Product Drop | 新品设备 / 烟弹 / 配件上新模板 |
| Partner Material | 合作伙伴可下载的官方宣传素材版式 |
7.3 包装 / 物料基础应用建议
- 设备包装:品牌标志、设备型号、像素宠物识别点、二维码区域、合规信息的版式规则。
- 烟弹包装:口味差异通过色彩 / 纹理 / 像素标签表达,不建议水果插画堆砌。
- 会员卡 / 活动卡 / 说明卡:统一二维码、编号、奖励与资产感标签。
- 展会 / 门店基础物料:海报、桌牌、价签、屏幕展示的统一视觉模板。
注:本报价包含“基础应用规范与模板设计”,不包含大规模包装 SKU 延展、印刷打样、展会空间设计或门店 SI 设计。
节日主题 / Skin 运营系统
8.1 建立 Skin System 的原因
贵团队希望产品在圣诞节、品牌活动或不同阶段能够“换皮肤”,但产品功能框架不变。我们建议把 Skin 做成 VI 的派生层,而不是每次重新设计 UI:背景纹理、品牌高亮色、像素宠物服饰、活动图形、Banner 与硬件屏幕 Sprite 均从同一主题包中生成。
8.2 一个标准主题包建议包含
| 主题资产 | 内容 |
|---|---|
| Theme Key Visual | 1 套主题主视觉 / Campaign 画面 |
| Color Override | 主题辅助色,不覆盖主品牌识别 |
| Pixel Companion Skin | 宠物主题皮肤 / 配饰方向 |
| App / Web Assets | Banner、背景、卡片装饰、Icon Accent |
| Hardware Sprite | 硬件屏幕适配的主题角色状态 |
| Social Template | 社媒海报 / 视频封面模板 |
项目交付物清单
品牌策略与视觉方向
品牌视觉关键词、Moodboard、3 个方向提案、推荐方向深化。
Logo 系统
主标志、组合规范、单色版、安全区、最小尺寸、App Icon / Hardware Mark。
基础 VI 系统
色彩、字体、排版、图形、图标、纹理、影像规范。
像素 IP 系统
1 套世界观框架、3 个首发角色基础形象、表情 / 动作 / 装备扩展规则。
硬件屏幕视觉系统
Pixel Grid、状态体系、Sprite 规范、动画时序、命名规则、1 套目标分辨率资产。
数字端应用规范
App / Web / Admin 的品牌使用原则与关键界面视觉示意。
营销模板系统
社媒海报、视频封面、Campaign Banner、Reward Card、Partner Material。
Skin 示例主题
1 套节日 / 活动主题包,包含数字端与硬件资产方向。
VI Manual
整合所有规范、禁用示例、文件结构、版本说明。
9.1 交付文件组织建议
项目流程与时间计划
10.1 项目周期建议:8–10 周
策略校准
品牌目标、目标人群、竞品、硬件参数、视觉关键词;输出策略简报与设计边界。
视觉方向提案
3 组 Moodboard / Logo / 色彩 / Pixel IP 方向,评审并锁定 1 个方向。
核心 VI 深化
Logo、色彩、字体、图形、图标、产品影像与基础应用规范。
Pixel IP 系统
首发宠物、三视图、表情、动作、服饰道具规则。
Hardware Screen
根据硬件参数输出网格、Sprite、状态、动画和设备屏幕适配。
应用与 Skin
数字端规范、营销模板、1 套主题 Skin。
Manual & Handoff
VI 手册、源文件、命名与版本管理、设计交接。
10.2 项目协作机制
- 每个关键阶段安排 1 次集中评审,减少碎片化修改。
- 方向提案阶段提供 3 个设计方向,确认 1 个后进入系统化深化。
- 每个已确认模块包含 2 轮集中修改;方向完全推翻或新增大模块按变更评估。
- 硬件屏幕阶段需要硬件 / 固件工程师参与联合评审,避免设计与设备能力脱节。
- VI 冻结后,软件 UI / 硬件 / 包装 / 运营团队按统一规范执行。
项目报价
本方案不按单个板块逐项报价,整体以首期总预算区间呈现;最终金额将在范围确认与模块清单对齐后,在区间内确定。
11.1 为什么建议将 VI 独立报价
本项目的视觉工作已明显超出常规软件项目中的“UI 配色与页面美化”。VI 会直接影响硬件、包装、App、官网、营销裂变素材、数字宠物以及未来实体 IP,因此需要由独立设计阶段完成品牌母系统,再由产品 UI、硬件和运营团队共同调用。将 VI 单独拆分,可以避免“软件做好以后才发现品牌没有统一规则”的返工。
验收边界与增项说明
12.1 本报价包含
- 本方案列明的品牌 VI、像素 IP 基础系统、硬件屏幕视觉规范、数字端使用规范、营销模板与 1 套 Skin 示例。
- 首期 3 个像素宠物基础角色系统;后续新增宠物角色可在统一规则下扩展。
- 硬件屏幕按 1 套最终确认的目标分辨率完成正式资产,另提供缩放 / 适配原则。
- 源文件与设计规范交接。
12.2 不包含 / 需另行评估
| 边界项 | 说明 |
|---|---|
| 品牌命名 / 商标注册 | 如品牌名称尚未确定,命名、商标检索、全球注册代理不在本报价内。 |
| 完整 UI/UX 页面设计 | 本 VI 提供视觉规范与关键应用示意;App / Web 全量页面 UI 仍属于软件项目 UI 设计范围。 |
| 3D IP / 实体潮玩建模 | 当前方向以像素 IP 为主;未来 3D 建模、手办打样、结构工程另行报价。 |
| 硬件工业设计 / CMF | 设备外观、结构、模具、CMF 工业设计不在本报价内。 |
| 大规模包装延展 | 单个基础包装规范可示意;多国家法规版、多口味 SKU、大量印刷物料延展另行评估。 |
| 批量动画制作 | 本项目包含基础像素动作和硬件 Sprite 规范;大规模剧情动画 / 视频内容另行报价。 |
| 海外法律合规 | VI 会遵守成人化与品牌安全设计原则,但不等同于电子烟广告法规、年龄合规或 GDPR 法律服务。 |
12.3 最终验收标准
| 验收维度 | 标准 |
|---|---|
| 系统完整 | Logo、颜色、字体、图形、IP、硬件屏幕与应用规范均有明确规则。 |
| 可落地 | 关键文件具备可编辑源文件,并可被 UI、固件、运营和供应链直接调用。 |
| 可扩展 | 未来新增角色、皮肤、活动和硬件资源不需要推翻现有母系统。 |
| 跨端一致 | 硬件、App、官网、营销素材在视觉上具有清晰统一的品牌识别。 |
| 规范清晰 | VI Manual 中包含正确示例、禁用示例、文件命名和版本管理。 |
我们认为,本项目 VI 最有价值的地方,是把贵团队已经非常清晰的商业设想——智能硬件、高频消费、用户奖励、数字宠物、Web3 气质和长期品牌运营——统一翻译成一套能够被用户看见、被设备承载、被运营持续复用的视觉系统。
如果首期把这套“母系统”搭好,后续无论新增宠物、节日 Skin、新硬件、新口味、活动玩法还是实体 IP,都可以在同一个品牌世界里持续生长,而不是每次重新设计。