Kui0408@126.com
Art Healing UI/UX / 2024

ArtFit

一款围绕艺术疗愈、情绪放松与轻运动场景设计的移动端应用。我负责从用户调研、需求提炼、信息架构到视觉系统和高保真界面输出的完整流程。

ArtFit 项目封面
Role

UI/UX 设计、用户研究

Research

50 份压力与情绪体验问卷

Deliverables

设计系统、高保真界面、视觉海报

Evidence

校级优秀设计案例

Research Insight

先确认用户真正需要什么,再决定界面长什么样。

调研显示,年轻用户面对压力时并不总是需要“效率工具”,更多时候需要一个能帮助自己慢下来、整理情绪、重新获得掌控感的空间。因此 ArtFit 的设计重点不是堆功能,而是让每一步都更轻、更柔和、更容易开始。

设计判断:把产品从“健康打卡工具”转向“低压力的艺术疗愈体验”。

用户需要低负担入口

情绪疗愈类产品不能一上来就要求复杂填写。我把入口设计为轻量测试和内容浏览,让用户先获得被理解的感觉。

视觉要安静但不能空

选择低饱和自然色、玻璃层次和柔和卡片,让界面具有呼吸感,同时保留足够的信息组织能力。

功能要围绕情绪节奏

压力测试、心灵释放、轻盈画展、运动疗愈和我的生活五个模块,对应从识别、缓解到长期记录的完整路径。

Visual System

用低刺激的视觉语言承载疗愈感。

我保留艺术项目应有的审美识别度,但避免过度装饰。色彩、字体、玻璃拟态与圆角比例都服务于同一个目标:让用户在浏览时感到放松,同时不会迷失在界面里。

ArtFit 情绪板
ArtFit 设计系统
Interaction Flow

五个核心模块对应一条完整的情绪修复路径。

我没有把功能孤立摆放,而是让测试、释放、浏览、运动和记录形成连续体验。用户可以从“我现在状态不好”开始,到“我知道接下来能做什么”结束。

压力测试

帮助用户快速识别当下情绪状态,降低进入疗愈内容前的迷茫感。

心灵释放

用可视化表达和轻互动承接情绪,让用户获得即时反馈。

轻盈画展

将艺术作品转化为可浏览、可停留、可放松的数字体验。

运动疗愈

把身体行动作为情绪修复的一部分,避免产品只停留在观看层面。

UI Showcase

从功能界面到视觉海报,保持同一套气质。

页面设计和视觉延展使用同一套色彩、材质和排版规则,既能展示 UI 能力,也能让作品集体现完整的视觉统筹能力。

ArtFit 首页界面
ArtFit 探索页界面
ArtFit 视觉海报 1
ArtFit 视觉海报 2
ArtFit 视觉海报 3
ArtFit 视觉海报 4