UI 设计作品集

宝宝树 · 母婴产品设计

面向新一代父母的母婴社区 App —— 从「备孕」到「育儿」全周期体验设计。
温暖、专业、可信赖的亲子数字空间。

移动端 App 母婴社区 UX 设计 设计系统

代表案例

AI 辅助概念探索 × 设计实现

01 · 宝宝树 App 首页与社区

角色:UI 设计师 / 概念设计
2026 · 概念稿
AI 辅助生成
🌸

温暖视觉语言

柔和粉色系 + 圆润卡片,营造母婴产品特有的安心感与亲和力。

📅

全周期信息架构

按孕周/月龄组织内容,让每个阶段的父母都能快速找到需要的信息。

🤝

社区互动

专家问答、同龄圈、经验分享,构建有温度的育儿互助社区。

02 · 宝宝树 育儿工具与记录

角色:UI 设计师 / 交互设计
2026 · 概念稿
AI 辅助生成
📊

成长记录

身高体重曲线、疫苗接种提醒、发育里程碑,数据可视化一目了然。

🩺

健康工具

在线问诊、症状查询、喂养记录,把专业育儿知识变成随手可用的工具。

亲子时光

照片日记、成长相册、纪念日,记录宝宝每个珍贵瞬间。

设计思考

为什么这样设计

🎯

用户为先

新手父母面临的最大问题是「信息焦虑」,设计上强调优先级和引导,减少认知负担。

💗

情感化设计

插画、动效、文案都传递温暖感,让育儿这件辛苦事多一份治愈。

🧩

可扩展设计系统

颜色、字体、组件统一规范,支撑社区、商城、健康等多业务线扩展。

设计流程

AI 概念探索 × 设计落地

🔍

需求梳理

从品牌定位与用户旅程出发,明确核心场景:备孕、孕期、育儿三个阶段的关键任务。

🎨

AI 概念探索

使用 ComfyUI + Boogu-Image 生图模型批量生成界面概念稿,快速探索视觉方向(配色、布局、插画风格)。

📐

设计收敛

从概念稿中提炼统一的设计语言:圆角卡片、柔和粉色系、图标体系,形成可复用的设计系统。

🧪

验证迭代

结合可用性原则评审概念稿,优化信息层级与操作路径,确保设计既好看又好用。