Click to Jump👆
Overview

2023年被誉为 ChatGPT 人工智能的元年,我们的产品类似于 CharacterAI 和 Replika,专注于通过 AI 技术提供个性化的虚拟伴侣聊天体验,增强用户的情感互动。通过 Unity 3D 技术,我们为用户提供沉浸式的虚拟伴侣定制,赋予其独特的外观和个性,让情感交流更加真实和贴合。

AI Character

在XRAIS初期,设定六个、种族、年龄或风格的虚拟恋人。性感美丽的服装还有身材。迎合不同种族 不同性格的用户。满足对另一半的幻想。
·冷艳傲娇的女律师 Maddy ·温柔的白人女孩cecilia·热情奔放的拉丁裔Lola·阳光热情的黑人男孩Daniel·自信热爱健身的白人男孩Chris

Branding

XRAIS 的核心定位是一个 AI 伙伴,提供情感支持和陪伴。其设计意图在于让用户感到被理解和关怀,而非冷冰冰的技术产物。这种定位影响了 XRAIS 在品牌设计中的视觉和情感调性。

Brand Strategy
传达同理心与陪伴感
避免过于技术化的风格
Visual Identity
排版清晰: 文案尽量克制简洁
简洁的图标: 同时圆润和温和的感觉
柔和的颜色: 帮助用户在使用过程中保持情绪的平静
UI/UX Design
交互简洁: 尽可能减少用户的操作步骤.接近人的真实交流
情感化设计: 用微动效增加与用户的连接,让用户感到放松
UI Design
onboarding
换装
AR

🌍 国际化

从XRAIS的3.0开始,公司开始拓展东南亚,以及其他欧美市场。产品增加了八国语言。设计的首要任务就是将产品国际化,最先遇到的挑战就是如何更好地管理多语言的设计稿和文件,同时与不同职能的团队伙伴合作,来协助公司将产品推向国际市场。

1. 文本翻译

在设计的角度,我们的主要任务是将产品文案翻译成其他8国语言,确保它在设计稿不会跑版。在拿到翻译团队给的文案后,我建立了8个页面管理每一套语言的UI,后来发现这样做,重复的文案散落在不同的设计稿很难维护。

💡 figma variables 解决了这个问题,只需要建好 text variables 的资料库,就能一键切换文案。

2. 字体风格的一致性

首先需要解决的是在设计之初,我们选择了风格圆润的Baloo字体作为标题,但Baloo 只适配拉丁系的语言。所以为了不破坏产品整体风格,“中文,韩语,日文,俄语” 需要找到了(思源柔黑、Baedal Minjok Jua、Nunito,并定义他们的字体样式。

3. 优化排版布局

在走查XRAIS多语言版本的时候,也会发现产品中存在一些由于软件页面结构不合理而造成的UI样式混乱。

👍 tips:
尽量避免左右布局,为文案留足足够空间
小按钮内的文字尽量用icon代替
避免图文混排
Typography
Baloo
字体的端点和转角圆润,字形轮廓圆滑,让品牌更显亲和力
Useage
我们使用 Baloo 来表示大而简短的标题
HarmonyOS Sans
无衬线体,简洁大方,字体轮廓和笔画线条利落。
Useage
对于长度超过 10 个字的标题、副标题和所有正文,我们使用 HarmonyOS Sans。
Text Style
icon
图标定义为“描边”和“填充”,对应两种字体
Solid主题图标示例:视觉冲击力强,容易引人注意,可与粗体baloo字体配对以突出重点。
常规线性icon:与默认字重匹配。
More Icon Style
图标定义为“描边”和“填充”,对应两种字体
color

XRAIS 的主题色运用了蓝紫色渐变,科技感与神秘感相结合。营造温馨和放松的氛围。
💡用不同透明度黑色和白色展现文字和卡片的信息层级。

Gradients
Gradient 01
Gradient BG
Gradient Blue
Gradient Yellow
Natural
75%
#000000
50%
#000000
15%
#000000
100%
#FFFFFF
75%
#FFFFFF
50%
#FFFFFF
15%
#FFFFFF
Color Style
Component
Popup/Toast
Popup/Toast
Button
3D asset
Poster/Banner