← 返回作品集

跨品类生态产品界面设计

TCL OS 从 0 到 1 的体验设计建设,沉淀交互规范、界面语言与跨端 UI 组件体系,统一多端视觉体验。

角色
用户体验设计师
设计范围
交互规范 · 界面语言 · 跨端 UI 组件体系
  1. TCL Brand Logo:原始品牌标志、圆与方、人文与科技,以及 EMOTRIC 设计语言。
  2. Gravitation:完整的 2023 UX Design Theme 卡片,以用户为中心连接不同设备的引力空间。
  3. Design Elements:Circle & Square、Gravitational Orbit、Gravitational Ripple、Vast Universe Blue。

一切的灵感来源于 TCL 品牌标志

方形代表科技与未来的无限探索,圆形代表以人为本的用户洞察。

TCL 品牌标志
品牌内涵:方形代表科技,圆形代表人文,两者交汇为和合共生 科技 和合共生 人文 Science &Technology HarmoniousCoexistence Humanistic &User-Centered

两者交汇之处,正是科技与人文的兼容并蓄、智慧互联万物的和合共生。

年度设计主题:引力场

引力场是一种无形的吸引力,使用户在使用产品的过程中形成黏性,进而产生对品牌的信任感。

Attract

感性的吸引力

Field

场景的契合

以用户为中心的引力圈,连接 TCL App、空调、手机、冰箱、电视和平板
引力场关系图:用户位于横轴上方,自然人位于横轴下方,向右投射到包含使用场景与设计体系的大圆。
左右滑动查看完整关系图

一切的灵感来源于
TCL 品牌标志

TCL 品牌标志 科技 和合共生 人文

方形代表科技与未来的无限探索,圆形代表以人为本的用户洞察。

两者交汇之处,正是科技与人文的兼容并蓄、智慧互联万物的和合共生。

Gravitation · Design Theme

引力场

以用户为中心

以用户为中心的引力圈,连接 TCL App、空调、手机、冰箱、电视和平板
Attract

感性的吸引力

Field

场景的契合

引力场是一种无形的吸引力,使用户在使用产品的过程中形成黏性,进而产生对品牌的信任感。

年度设计主题|引力场:用户与自然人、使用场景与天然情感的完整关系 用户Users 自然人Natural Person 产品带来价值 使用场景 Usage Scenario 天然情感 Natural Emotion 与生俱来的 设计价值观设计原则 K歌模块影音场景 Game Bar游戏场景 互联互通办公场景 Health Hub健身场景 儿童模式教育场景 栅格体系自适应布局响应式布局间距体系…… 色彩体系大地色系引力场主题封面无障碍色彩…… 控件体系多端拉通控件控件换肤能力控件动效…… 图标体系桌面图标软件扁平图标硬件扁平图标…… 壁纸体系美学壁纸美学屏保开机动画…… 灵感自然美学 EMOTRIC2.0 设计语言 引力场年度设计主题

左右滑动查看完整关系图 · 查看原始图稿

左侧:用户 / 自然人。中间横轴上方:产品带来价值、使用场景;下方:天然情感、与生俱来的。右侧圆形顶部:设计价值观、设计原则。

圆形上半部按列排列:K歌模块 / 影音场景;Game Bar / 游戏场景;互联互通 / 办公场景;Health Hub / 健身场景;儿童模式 / 教育场景。

圆形下半部:栅格体系(自适应布局、响应式布局、间距体系);色彩体系(大地色系、引力场主题封面、无障碍色彩);控件体系(多端拉通控件、控件换肤能力、控件动效);图标体系(桌面图标、软件扁平图标、硬件扁平图标);壁纸体系(美学壁纸、美学屏保、开机动画)。

圆形底部:灵感自然美学、EMOTRIC 2.0 设计语言、引力场年度设计主题。