竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视… - 图片创意预览

竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视…

竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视觉设计"，副标题"Virtual Makeup Studio — Interaction & Visual Design"，右上角标注"A

用户头像

清越49755

2026.10.03
竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视觉设计"，副标题"Virtual Makeup Studio — Interaction & Visual Design"，右上角标注"A3-02 / INTERACTION & VISUAL DESIGN"。整体采用淡玫瑰粉+柔和浅紫配色，现代简约温柔的UI设计风格，与A3-01保持视觉统一。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo + 主标题"虚拟美妆间｜交互与视觉设计" 右侧：A3-02 / INTERACTION & VISUAL DESIGN 【顶部横向区域 - 01 服务流程 SERVICE FLOW】 横向7步流程图，每个节点配线性小图标： ① 产生需求「想尝试新的妆容」 ↓ ② 打开App「首页 / 情绪入口」 ↓ ③ 情绪匹配「温柔｜清冷｜甜酷｜松弛」 ↓ ④ AI/AR试妆「开启摄像头」 ↓ ⑤ 调整妆容「口红/眼影/腮红/眉形」 ↓ ⑥ 对比与决策「原图 VS 试妆效果」 ↓ ⑦ 购买/分享「购买同款/保存/分享」 用圆形节点+箭头连接，步骤编号清晰 【右上第二行 - 02 故事板 STORYBOARD】 4格连续漫画故事板： 01「不知道今天画什么」- 女生准备约会，面对化妆品犹豫 02「打开虚拟美妆间」- 手机屏幕显示「今日情绪：清冷氛围感」 03「虚拟试妆」- 女生用手机AR试妆，显示「低饱和玫瑰眼影、雾感粉色腮红、裸玫瑰唇色」 04「满意并出门」- 女生自信出门，手机显示保存妆容界面 底部配文：「从'不会选'到'敢尝试'，让试妆成为决策的一部分」 画风简约扁平插画风格 【中部最大区域 - 03 核心UI展示 KEY UI SCREENS】 5台手机Mockup错落排布，展示真实UI界面： UI 01｜首页 - 顶部搜索栏、「美妆情绪·找到属于你的情绪妆容」标题、情绪标签（温柔/清冷/甜酷/松弛感）、热门妆容卡片网格 UI 02｜情绪测试 - 标题「今天你更想成为哪种状态？」、四个大选项卡片（温柔/清冷/甜酷/松弛）、底部进度「4 / 6」 UI 03｜AR虚拟试妆 - 真人自然人脸居中、底部分类标签（口红｜眼影｜腮红｜眉形｜粉底）、色卡选择条、「一键上妆」大按钮 UI 04｜妆容精细调节 - 标题「口红 PK02 玫瑰豆沙」、浓度滑块60%、妆感选项（雾面/水光/哑光）、「预览对比」按钮 UI 05｜妆容详情/分享 - 完整妆容展示、标签「清冷氛围感」、下方列出口红色号/眼影/腮红/眉形、两个按钮「立即套用·虚拟试妆」和「收藏妆容」 手机采用真实比例，有柔和阴影和轻微立体感 【左下区域 - 04 IP吉祥物 IP / MASCOT】 「美妆小蛋」IP形象展示： 一个淡粉色拟人化美妆蛋，头顶小蝴蝶结，可爱圆润风格 三个状态并排展示： - 开心（完成试妆，笑脸） - 疑惑（不知道选择什么颜色，歪头思考） - 惊艳（发现适合自己的妆容，星星眼） 旁边文字：IP关键词：陪伴 / 情绪 / 美妆 / AI 【IP下方 - 05 图标规范 ICON GUIDELINE】 底部导航图标展示：首页｜试妆｜发现｜我的，每个显示Default和Selected两种状态 功能图标展示：收藏、分享、相机、色号、搜索、消息、购物袋、AI推荐 下方标注规范：2px线性图标 / 8px网格 / 圆角端点 【右下区域 - 06 视觉规范 VISUAL SYSTEM】 Color色彩规范： - Primary #E9A8C5 淡玫瑰粉 - Secondary #B8B1DC 柔和浅紫 - Accent #F3C9DA 淡粉 - Background #FAF7FA 米白 - Text #423B50 深灰紫 每个颜色配色块展示 圆角规范：Card 20px、Button 12px、Small 8px 网格：8px Grid 页面边距：24px 阴影：极淡柔和软阴影 【最底部横向模块 - 07 设计总结 DESIGN SUMMARY】 四个关键词卡片横向排列： 1. AI智能推荐 - 根据肤色、面部特征与偏好进行妆容推荐 2. AR实时试妆 - 降低线下试妆成本，让用户在购买前看到效果 3. 情绪化体验 - 将「今天的情绪」转化为妆容选择 4. 社区分享 - 通过妆容保存、分享与挑战形成持续内容生态 底部大字号总结语：「让美妆从'选择产品'，转变为'探索自我、体验妆容与表达情绪'」 整体风格：专业UX作品集展板，淡玫瑰粉+柔和浅紫主色调，米白背景，深灰紫文字，圆角卡片，极淡柔和软阴影，温柔高级的视觉质感，与A3-01展板风格统一协调竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视觉设计"，副标题"Virtual Makeup Studio — Interaction & Visual Design"，右上角标注"A3-02 / INTERACTION & VISUAL DESIGN"。整体采用淡玫瑰粉+柔和浅紫配色，现代简约温柔的UI设计风格，与A3-01保持视觉统一。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo + 主标题"虚拟美妆间｜交互与视觉设计" 右侧：A3-02 / INTERACTION & VISUAL DESIGN 【顶部横向区域 - 01 服务流程 SERVICE FLOW】 横向7步流程图，每个节点配线性小图标： ① 产生需求「想尝试新的妆容」 ↓ ② 打开App「首页 / 情绪入口」 ↓ ③ 情绪匹配「温柔｜清冷｜甜酷｜松弛」 ↓ ④ AI/AR试妆「开启摄像头」 ↓ ⑤ 调整妆容「口红/眼影/腮红/眉形」 ↓ ⑥ 对比与决策「原图 VS 试妆效果」 ↓ ⑦ 购买/分享「购买同款/保存/分享」 用圆形节点+箭头连接，步骤编号清晰 【右上第二行 - 02 故事板 STORYBOARD】 4格连续漫画故事板： 01「不知道今天画什么」- 女生准备约会，面对化妆品犹豫 02「打开虚拟美妆间」- 手机屏幕显示「今日情绪：清冷氛围感」 03「虚拟试妆」- 女生用手机AR试妆，显示「低饱和玫瑰眼影、雾感粉色腮红、裸玫瑰唇色」 04「满意并出门」- 女生自信出门，手机显示保存妆容界面 底部配文：「从'不会选'到'敢尝试'，让试妆成为决策的一部分」 画风简约扁平插画风格 【中部最大区域 - 03 核心UI展示 KEY UI SCREENS】 5台手机Mockup错落排布，展示真实UI界面： UI 01｜首页 - 顶部搜索栏、「美妆情绪·找到属于你的情绪妆容」标题、情绪标签（温柔/清冷/甜酷/松弛感）、热门妆容卡片网格 UI 02｜情绪测试 - 标题「今天你更想成为哪种状态？」、四个大选项卡片（温柔/清冷/甜酷/松弛）、底部进度「4 / 6」 UI 03｜AR虚拟试妆 - 真人自然人脸居中、底部分类标签（口红｜眼影｜腮红｜眉形｜粉底）、色卡选择条、「一键上妆」大按钮 UI 04｜妆容精细调节 - 标题「口红 PK02 玫瑰豆沙」、浓度滑块60%、妆感选项（雾面/水光/哑光）、「预览对比」按钮 UI 05｜妆容详情/分享 - 完整妆容展示、标签「清冷氛围感」、下方列出口红色号/眼影/腮红/眉形、两个按钮「立即套用·虚拟试妆」和「收藏妆容」 手机采用真实比例，有柔和阴影和轻微立体感 【左下区域 - 04 IP吉祥物 IP / MASCOT】 「美妆小蛋」IP形象展示： 一个淡粉色拟人化美妆蛋，头顶小蝴蝶结，可爱圆润风格 三个状态并排展示： - 开心（完成试妆，笑脸） - 疑惑（不知道选择什么颜色，歪头思考） - 惊艳（发现适合自己的妆容，星星眼） 旁边文字：IP关键词：陪伴 / 情绪 / 美妆 / AI 【IP下方 - 05 图标规范 ICON GUIDELINE】 底部导航图标展示：首页｜试妆｜发现｜我的，每个显示Default和Selected两种状态 功能图标展示：收藏、分享、相机、色号、搜索、消息、购物袋、AI推荐 下方标注规范：2px线性图标 / 8px网格 / 圆角端点 【右下区域 - 06 视觉规范 VISUAL SYSTEM】 Color色彩规范： - Primary #E9A8C5 淡玫瑰粉 - Secondary #B8B1DC 柔和浅紫 - Accent #F3C9DA 淡粉 - Background #FAF7FA 米白 - Text #423B50 深灰紫 每个颜色配色块展示 圆角规范：Card 20px、Button 12px、Small 8px 网格：8px Grid 页面边距：24px 阴影：极淡柔和软阴影 【最底部横向模块 - 07 设计总结 DESIGN SUMMARY】 四个关键词卡片横向排列： 1. AI智能推荐 - 根据肤色、面部特征与偏好进行妆容推荐 2. AR实时试妆 - 降低线下试妆成本，让用户在购买前看到效果 3. 情绪化体验 - 将「今天的情绪」转化为妆容选择 4. 社区分享 - 通过妆容保存、分享与挑战形成持续内容生态 底部大字号总结语：「让美妆从'选择产品'，转变为'探索自我、体验妆容与表达情绪'」 整体风格：专业UX作品集展板，淡玫瑰粉+柔和浅紫主色调，米白背景，深灰紫文字，圆角卡片，极淡柔和软阴影，温柔高级的视觉质感，与A3-01展板风格统一协调
清越49755清越49755
竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜用户研究与服务策略"，副标题"Virtual Makeup Studio — User Research & Service Strategy"，右上角标注"A3-01 / USER RESEARCH & SERVICE STRATEGY"。整体采用粉紫色渐变配色，现代简约专业的UI设计风格，信息图表化排版。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo图标 + 主标题 右侧：A3-01编号 【左上区域 - 01 产品背景 PRODUCT BACKGROUND（约占20%版面）】 - 产品定位：虚拟美妆间是一款结合AI人脸识别、AR虚拟试妆、色号推荐与社交分享的美妆体验App - 用户痛点：4个视觉化关键词卡片 1. 试错成本高 - 购买后才发现颜色不适合自己 2. 线上色差 - 屏幕展示与真实上脸效果存在差异 3. 试妆不方便 - 线下试妆存在时间、卫生和距离成本 4. 不会搭配 - 不知道口红、眼影、腮红如何组合 - 设计机会："让'购买之前'成为一个可以体验、比较和决策的过程" 【右上区域 - 03 用户画像 USER PERSONA】 三张横向人物卡片： - Persona 01｜美妆小白 - 20岁｜大学生 - 标签：Z世代/初级用户/低预算 - Persona 02｜成分党 - 26岁｜职场新人 - 标签：理性消费/成分关注/高频购买 - Persona 03｜时尚潮流用户 - 28岁｜设计相关从业者 - 标签：潮流/社交分享/个性表达 每张卡片包含简约头像插画、姓名、年龄职业、标签、需求描述 【左中区域 - 02 用户研究 USER RESEARCH】 - 数据可视化条形图：用户关注因素 妆容效果 82%、色号适配 76%、使用便捷 71%、价格信息 62%、品牌口碑 54% - 用户核心需求四个关键词：看得到、选得准、试得快、买得安心 【右中到右下 - 06 用户体验地图 USER EXPERIENCE MAP】 横向表格，6个阶段：产生需求→搜索了解→虚拟试妆→比较选择→购买→分享 每列包含：用户行为、情绪、痛点、机会点 底部有一条波浪形情绪曲线从低到高 【左下区域 - 04 利益相关者地图 STAKEHOLDER MAP】 三层同心圆结构： 中心：虚拟美妆间用户 第一层核心参与者：用户、App产品团队、AI算法团队、美妆品牌 第二层服务支持者：支付平台、电商平台、物流、客服、数据服务 第三层外围影响者：美妆博主、KOL、社交媒体、闺蜜/朋友、美妆社区 用不同粗细线条表示直接服务→间接支持→社会影响 【中下右侧 - 05 周围人群 SOCIAL INFLUENCE】 社交影响网络模块，中心是"用户购买决策"，周围连接闺蜜、美妆博主、美妆导购、社交平台、男朋友/朋友，每个有引用语 底部汇聚：种草→试妆→比较→决策→分享 【最底部 - 07 服务蓝图 SERVICE BLUEPRINT】 横向贯穿全宽，三层结构： - 用户行为：打开App→情绪测试→选择妆容→AR试妆→调整色号→对比→购买→分享 - 前台交互：首页推荐、情绪测试、AR试妆、色号选择、妆容对比、商品购买、社交分享 - 后台支持：AI人脸识别、肤色分析、妆容算法、商品数据库、品牌供应链、订单系统、社交内容系统 用紫色和粉色两条虚线区分用户可见服务与后台不可见服务 整体风格：专业UX作品集展板，粉紫渐变主色调，白色卡片，圆角设计，清晰的信息层级，图标辅助说明，高质量视觉呈现竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜用户研究与服务策略"，副标题"Virtual Makeup Studio — User Research & Service Strategy"，右上角标注"A3-01 / USER RESEARCH & SERVICE STRATEGY"。整体采用粉紫色渐变配色，现代简约专业的UI设计风格，信息图表化排版。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo图标 + 主标题 右侧：A3-01编号 【左上区域 - 01 产品背景 PRODUCT BACKGROUND（约占20%版面）】 - 产品定位：虚拟美妆间是一款结合AI人脸识别、AR虚拟试妆、色号推荐与社交分享的美妆体验App - 用户痛点：4个视觉化关键词卡片 1. 试错成本高 - 购买后才发现颜色不适合自己 2. 线上色差 - 屏幕展示与真实上脸效果存在差异 3. 试妆不方便 - 线下试妆存在时间、卫生和距离成本 4. 不会搭配 - 不知道口红、眼影、腮红如何组合 - 设计机会："让'购买之前'成为一个可以体验、比较和决策的过程" 【右上区域 - 03 用户画像 USER PERSONA】 三张横向人物卡片： - Persona 01｜美妆小白 - 20岁｜大学生 - 标签：Z世代/初级用户/低预算 - Persona 02｜成分党 - 26岁｜职场新人 - 标签：理性消费/成分关注/高频购买 - Persona 03｜时尚潮流用户 - 28岁｜设计相关从业者 - 标签：潮流/社交分享/个性表达 每张卡片包含简约头像插画、姓名、年龄职业、标签、需求描述 【左中区域 - 02 用户研究 USER RESEARCH】 - 数据可视化条形图：用户关注因素 妆容效果 82%、色号适配 76%、使用便捷 71%、价格信息 62%、品牌口碑 54% - 用户核心需求四个关键词：看得到、选得准、试得快、买得安心 【右中到右下 - 06 用户体验地图 USER EXPERIENCE MAP】 横向表格，6个阶段：产生需求→搜索了解→虚拟试妆→比较选择→购买→分享 每列包含：用户行为、情绪、痛点、机会点 底部有一条波浪形情绪曲线从低到高 【左下区域 - 04 利益相关者地图 STAKEHOLDER MAP】 三层同心圆结构： 中心：虚拟美妆间用户 第一层核心参与者：用户、App产品团队、AI算法团队、美妆品牌 第二层服务支持者：支付平台、电商平台、物流、客服、数据服务 第三层外围影响者：美妆博主、KOL、社交媒体、闺蜜/朋友、美妆社区 用不同粗细线条表示直接服务→间接支持→社会影响 【中下右侧 - 05 周围人群 SOCIAL INFLUENCE】 社交影响网络模块，中心是"用户购买决策"，周围连接闺蜜、美妆博主、美妆导购、社交平台、男朋友/朋友，每个有引用语 底部汇聚：种草→试妆→比较→决策→分享 【最底部 - 07 服务蓝图 SERVICE BLUEPRINT】 横向贯穿全宽，三层结构： - 用户行为：打开App→情绪测试→选择妆容→AR试妆→调整色号→对比→购买→分享 - 前台交互：首页推荐、情绪测试、AR试妆、色号选择、妆容对比、商品购买、社交分享 - 后台支持：AI人脸识别、肤色分析、妆容算法、商品数据库、品牌供应链、订单系统、社交内容系统 用紫色和粉色两条虚线区分用户可见服务与后台不可见服务 整体风格：专业UX作品集展板，粉紫渐变主色调，白色卡片，圆角设计，清晰的信息层级，图标辅助说明，高质量视觉呈现
清越49755清越49755
竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜用户研究与服务策略"，副标题"Virtual Makeup Studio — User Research & Service Strategy"，右上角标注"A3-01 / USER RESEARCH & SERVICE STRATEGY"。整体采用淡玫瑰粉+柔和浅紫配色，米白背景，深灰紫文字，温柔高级的视觉风格。参考图中的Q版卡通女生头像风格、用户画像卡片样式、服务蓝图分层结构、用户体验地图表格+情绪曲线形式、利益相关者地图布局。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo图标 + 主标题"虚拟美妆间｜用户研究与服务策略" + 英文副标题 右侧：A3-01 / USER RESEARCH & SERVICE STRATEGY 【左上区域 - 01 产品背景 PRODUCT BACKGROUND】 - 产品定位：虚拟美妆间是一款结合AI人脸识别、AR虚拟试妆、色号推荐与社交分享的美妆体验App。用户无需实际购买或反复卸妆，即可通过手机摄像头体验不同妆容、色号和风格，并根据个人肤质与情绪偏好获得个性化推荐。 - 用户痛点：4个视觉化关键词卡片（圆角卡片，粉紫渐变点缀） 1. 试错成本高 - 购买后才发现颜色不适合自己 2. 线上色差 - 屏幕展示与真实上脸效果存在差异 3. 试妆不方便 - 线下试妆存在时间、卫生和距离成本 4. 不会搭配 - 不知道口红、眼影、腮红如何组合 - 设计机会：引用样式 "让'购买之前'成为一个可以体验、比较和决策的过程" 【右上区域 - 03 用户画像 USER PERSONA】 三张横向人物卡片，使用Q版卡通女生头像（参考图中可爱插画风格）： - Persona 01｜美妆小白 - 20岁｜大学生 - 标签：Z世代/初级用户/低预算 - 需求：不知道适合什么妆、快速找到适合颜色、不想买错 - Persona 02｜成分党 - 26岁｜职场新人 - 标签：理性消费/成分关注/高频购买 - 需求：关注产品成分、比较不同色号、精准推荐 - Persona 03｜时尚潮流用户 - 28岁｜设计从业者 - 标签：潮流/社交分享/个性表达 - 需求：尝试新妆容、关注流行色、喜欢分享 每张卡片：圆形头像 + 姓名年龄 + 标签条 + 需求列表，参考图5的三栏卡片布局 【左中区域 - 02 用户研究 USER RESEARCH】 - 数据可视化条形图：用户关注因素（横向进度条，粉紫渐变填充） 妆容效果 82%、色号适配 76%、使用便捷 71%、价格信息 62%、品牌口碑 54% - 用户核心需求四个关键词卡片：看得到（真实模拟上脸效果）、选得准（根据肤色风格推荐）、试得快（降低传统试妆成本）、买得安心（试妆后再购买） 【右中到右下 - 06 用户体验地图 USER EXPERIENCE MAP】 横向表格，6个阶段列：产生需求→搜索了解→虚拟试妆→比较选择→购买→分享 每列包含四行：用户行为、情绪、痛点、机会点 底部有一条波浪形情绪曲线（从低到高，带表情图标），参考图3的样式 【左下区域 - 04 利益相关者地图 STAKEHOLDER MAP】 三层同心圆结构，中心是Q版女生头像+"虚拟美妆间用户" 第一层（粗线）核心参与者：用户、App产品团队、AI算法团队、美妆品牌 第二层（中线）服务支持者：支付平台、电商平台、物流、客服、数据服务 第三层（细线）外围影响者：美妆博主、KOL、社交媒体、闺蜜/朋友、美妆社区 参考图1的人群分布风格，但做成同心圆 【中下右侧 - 05 周围人群 SOCIAL INFLUENCE】 社交影响网络模块，中心"用户购买决策"，周围辐射连接： - 闺蜜："这个颜色很适合你" - 美妆博主："最近很流行低饱和玫瑰色" - 美妆导购："这个色号更适合你的肤色" - 社交平台："热门妆容/流行趋势" - 男朋友/朋友："约会妆容选择" 底部汇聚箭头：种草→试妆→比较→决策→分享 【最底部 - 07 服务蓝图 SERVICE BLUEPRINT】 横向贯穿全宽，四层结构（参考图4的分层样式）： - 用户行为：打开App→情绪测试→选择妆容→AR试妆→调整色号→对比→购买→分享 - 前台交互（粉色虚线以上可见）：首页推荐、情绪测试、AR试妆、色号选择、妆容对比、商品购买、社交分享 - 后台支持（紫色虚线以下不可见）：AI人脸识别、肤色分析、妆容算法、商品数据库、品牌供应链、订单系统、社交内容系统 - 支持性活动：品牌广告投放、AR技术研发、云服务器、数据安全合规、社交推广预算、支付手续费、供应链采购、物流配送、客服运营 用粉色虚线标注"可见线"，紫色虚线标注"内部交互线" 整体风格：专业UX作品集展板，淡玫瑰粉#E9A8C5 + 柔和浅紫#B8B1DC主色调，米白#FAF7FA背景，深灰紫#423B50文字，20px圆角卡片，极淡柔和软阴影，Q版可爱插画人物，温柔高级质感竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜用户研究与服务策略"，副标题"Virtual Makeup Studio — User Research & Service Strategy"，右上角标注"A3-01 / USER RESEARCH & SERVICE STRATEGY"。整体采用淡玫瑰粉+柔和浅紫配色，米白背景，深灰紫文字，温柔高级的视觉风格。参考图中的Q版卡通女生头像风格、用户画像卡片样式、服务蓝图分层结构、用户体验地图表格+情绪曲线形式、利益相关者地图布局。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo图标 + 主标题"虚拟美妆间｜用户研究与服务策略" + 英文副标题 右侧：A3-01 / USER RESEARCH & SERVICE STRATEGY 【左上区域 - 01 产品背景 PRODUCT BACKGROUND】 - 产品定位：虚拟美妆间是一款结合AI人脸识别、AR虚拟试妆、色号推荐与社交分享的美妆体验App。用户无需实际购买或反复卸妆，即可通过手机摄像头体验不同妆容、色号和风格，并根据个人肤质与情绪偏好获得个性化推荐。 - 用户痛点：4个视觉化关键词卡片（圆角卡片，粉紫渐变点缀） 1. 试错成本高 - 购买后才发现颜色不适合自己 2. 线上色差 - 屏幕展示与真实上脸效果存在差异 3. 试妆不方便 - 线下试妆存在时间、卫生和距离成本 4. 不会搭配 - 不知道口红、眼影、腮红如何组合 - 设计机会：引用样式 "让'购买之前'成为一个可以体验、比较和决策的过程" 【右上区域 - 03 用户画像 USER PERSONA】 三张横向人物卡片，使用Q版卡通女生头像（参考图中可爱插画风格）： - Persona 01｜美妆小白 - 20岁｜大学生 - 标签：Z世代/初级用户/低预算 - 需求：不知道适合什么妆、快速找到适合颜色、不想买错 - Persona 02｜成分党 - 26岁｜职场新人 - 标签：理性消费/成分关注/高频购买 - 需求：关注产品成分、比较不同色号、精准推荐 - Persona 03｜时尚潮流用户 - 28岁｜设计从业者 - 标签：潮流/社交分享/个性表达 - 需求：尝试新妆容、关注流行色、喜欢分享 每张卡片：圆形头像 + 姓名年龄 + 标签条 + 需求列表，参考图5的三栏卡片布局 【左中区域 - 02 用户研究 USER RESEARCH】 - 数据可视化条形图：用户关注因素（横向进度条，粉紫渐变填充） 妆容效果 82%、色号适配 76%、使用便捷 71%、价格信息 62%、品牌口碑 54% - 用户核心需求四个关键词卡片：看得到（真实模拟上脸效果）、选得准（根据肤色风格推荐）、试得快（降低传统试妆成本）、买得安心（试妆后再购买） 【右中到右下 - 06 用户体验地图 USER EXPERIENCE MAP】 横向表格，6个阶段列：产生需求→搜索了解→虚拟试妆→比较选择→购买→分享 每列包含四行：用户行为、情绪、痛点、机会点 底部有一条波浪形情绪曲线（从低到高，带表情图标），参考图3的样式 【左下区域 - 04 利益相关者地图 STAKEHOLDER MAP】 三层同心圆结构，中心是Q版女生头像+"虚拟美妆间用户" 第一层（粗线）核心参与者：用户、App产品团队、AI算法团队、美妆品牌 第二层（中线）服务支持者：支付平台、电商平台、物流、客服、数据服务 第三层（细线）外围影响者：美妆博主、KOL、社交媒体、闺蜜/朋友、美妆社区 参考图1的人群分布风格，但做成同心圆 【中下右侧 - 05 周围人群 SOCIAL INFLUENCE】 社交影响网络模块，中心"用户购买决策"，周围辐射连接： - 闺蜜："这个颜色很适合你" - 美妆博主："最近很流行低饱和玫瑰色" - 美妆导购："这个色号更适合你的肤色" - 社交平台："热门妆容/流行趋势" - 男朋友/朋友："约会妆容选择" 底部汇聚箭头：种草→试妆→比较→决策→分享 【最底部 - 07 服务蓝图 SERVICE BLUEPRINT】 横向贯穿全宽，四层结构（参考图4的分层样式）： - 用户行为：打开App→情绪测试→选择妆容→AR试妆→调整色号→对比→购买→分享 - 前台交互（粉色虚线以上可见）：首页推荐、情绪测试、AR试妆、色号选择、妆容对比、商品购买、社交分享 - 后台支持（紫色虚线以下不可见）：AI人脸识别、肤色分析、妆容算法、商品数据库、品牌供应链、订单系统、社交内容系统 - 支持性活动：品牌广告投放、AR技术研发、云服务器、数据安全合规、社交推广预算、支付手续费、供应链采购、物流配送、客服运营 用粉色虚线标注"可见线"，紫色虚线标注"内部交互线" 整体风格：专业UX作品集展板，淡玫瑰粉#E9A8C5 + 柔和浅紫#B8B1DC主色调，米白#FAF7FA背景，深灰紫#423B50文字，20px圆角卡片，极淡柔和软阴影，Q版可爱插画人物，温柔高级质感
清越49755清越49755
青川94922青川94922
移动端小程序UI设计稿，iPhone竖屏375pt比例，现代软UI风格，低饱和莫兰迪淡马卡龙配色，主色淡玫瑰粉，辅助色雾感浅灰蓝，中性色米白浅灰，纯白柔和背景。严格8px网格系统，版心左右留白舒适。组件规范：卡片圆角20px，按钮圆角12px，小元素圆角8px，极淡柔和软阴影，轻微毛玻璃效果，无粗描边，2px统一线性图标，无衬线字体，信息层级清晰，大量舒适留白，平视正视角，商业级UI展示图，高清精致，无场景透视，无真人手持手机。 页面结构：美妆情绪体验小程序首页。 顶部：状态栏+导航栏，居中标题「美妆情绪」，右侧消息图标、搜索图标。 Banner区：柔和淡玫瑰粉渐变背景，情绪主题标语「找到属于你的情绪妆容」，下方「立即试玩」圆角按钮。 第二区：横向可滑动情绪分类标签：温柔｜清冷｜甜酷｜松弛感｜氛围感，胶囊形状标签，选中态淡玫瑰粉填充。 第三区：2列网格卡片布局，妆容推荐卡片，每张卡片是精致妆容预览缩略图+妆容名称+情绪小标签，卡片悬浮轻微软阴影。 第四区：「热门妆容」「新品色号」两个横向滑动列表模块，小圆角缩略图排列。 底部：标签导航栏：首页｜试妆｜发现｜我的，毛玻璃效果底栏。 整体氛围温柔治愈，干净高级，不拥挤，视觉呼吸感强。UI设计稿，dribbble风格，高质量界面设计。移动端小程序UI设计稿，iPhone竖屏375pt比例，现代软UI风格，低饱和莫兰迪淡马卡龙配色，主色淡玫瑰粉，辅助色雾感浅灰蓝，中性色米白浅灰，纯白柔和背景。严格8px网格系统，版心左右留白舒适。组件规范：卡片圆角20px，按钮圆角12px，小元素圆角8px，极淡柔和软阴影，轻微毛玻璃效果，无粗描边，2px统一线性图标，无衬线字体，信息层级清晰，大量舒适留白，平视正视角，商业级UI展示图，高清精致，无场景透视，无真人手持手机。 页面结构：美妆情绪体验小程序首页。 顶部：状态栏+导航栏，居中标题「美妆情绪」，右侧消息图标、搜索图标。 Banner区：柔和淡玫瑰粉渐变背景，情绪主题标语「找到属于你的情绪妆容」，下方「立即试玩」圆角按钮。 第二区：横向可滑动情绪分类标签：温柔｜清冷｜甜酷｜松弛感｜氛围感，胶囊形状标签，选中态淡玫瑰粉填充。 第三区：2列网格卡片布局，妆容推荐卡片，每张卡片是精致妆容预览缩略图+妆容名称+情绪小标签，卡片悬浮轻微软阴影。 第四区：「热门妆容」「新品色号」两个横向滑动列表模块，小圆角缩略图排列。 底部：标签导航栏：首页｜试妆｜发现｜我的，毛玻璃效果底栏。 整体氛围温柔治愈，干净高级，不拥挤，视觉呼吸感强。UI设计稿，dribbble风格，高质量界面设计。
清越49755清越49755
移动端小程序UI设计稿，iPhone竖屏375pt比例，现代软UI风格，低饱和莫兰迪淡马卡龙配色，主色淡玫瑰粉，辅助色雾感浅灰蓝，中性色米白浅灰，纯白柔和背景。严格8px网格系统，版心左右留白24px。组件规范：卡片圆角20px，按钮圆角12px，小元素圆角8px，极淡柔和软阴影，轻微毛玻璃效果，无粗描边，2px统一线性图标，无衬线字体，信息层级清晰，大量舒适留白，平视正视角，商业级UI展示图，高清精致，无场景透视，无真人手持手机。 页面：美妆情绪体验小程序－虚拟美妆试玩交互页。 顶部：导航栏，左侧返回箭头图标，中间标题「虚拟试玩」，右侧收藏心形图标。 页面最大视觉区（占页面约45%高度）：真人感人脸预览窗口，圆角20px，人像自然真实保留面部特征，仅展示虚拟上妆效果不夸张变形，柔和打光。 预览窗口下方：横向可滑动情绪妆容模板卡片，分别是温柔妆、清冷妆、甜酷妆、松弛感妆，小卡片缩略图+名称，选中态淡玫瑰粉高亮边框。 再下方：美妆品类Tab栏，口红、眼影、腮红、眉形、粉底，文字Tab选中态下划线。 Tab下方：横向滑动圆形色卡选择器，多个低饱和柔和色号小圆点，选中色卡放大高亮；下方颜色调节滑块进度条。 底部：大主按钮「一键上妆」淡玫瑰粉填充圆角12px，次按钮「保存妆容」「查看同款」并排浅色描边。 最底部：iPhone安全区留白。 交互暗示清晰，选择组件整齐对齐，没有多余装饰，视觉重心在人脸预览区。整体温柔治愈，干净高级，呼吸感强。UI设计稿，dribbble级界面设计。移动端小程序UI设计稿，iPhone竖屏375pt比例，现代软UI风格，低饱和莫兰迪淡马卡龙配色，主色淡玫瑰粉，辅助色雾感浅灰蓝，中性色米白浅灰，纯白柔和背景。严格8px网格系统，版心左右留白24px。组件规范：卡片圆角20px，按钮圆角12px，小元素圆角8px，极淡柔和软阴影，轻微毛玻璃效果，无粗描边，2px统一线性图标，无衬线字体，信息层级清晰，大量舒适留白，平视正视角，商业级UI展示图，高清精致，无场景透视，无真人手持手机。 页面：美妆情绪体验小程序－虚拟美妆试玩交互页。 顶部：导航栏，左侧返回箭头图标，中间标题「虚拟试玩」，右侧收藏心形图标。 页面最大视觉区（占页面约45%高度）：真人感人脸预览窗口，圆角20px，人像自然真实保留面部特征，仅展示虚拟上妆效果不夸张变形，柔和打光。 预览窗口下方：横向可滑动情绪妆容模板卡片，分别是温柔妆、清冷妆、甜酷妆、松弛感妆，小卡片缩略图+名称，选中态淡玫瑰粉高亮边框。 再下方：美妆品类Tab栏，口红、眼影、腮红、眉形、粉底，文字Tab选中态下划线。 Tab下方：横向滑动圆形色卡选择器，多个低饱和柔和色号小圆点，选中色卡放大高亮；下方颜色调节滑块进度条。 底部：大主按钮「一键上妆」淡玫瑰粉填充圆角12px，次按钮「保存妆容」「查看同款」并排浅色描边。 最底部：iPhone安全区留白。 交互暗示清晰，选择组件整齐对齐，没有多余装饰，视觉重心在人脸预览区。整体温柔治愈，干净高级，呼吸感强。UI设计稿，dribbble级界面设计。
清越49755清越49755
GD215629557GD215629557
青川94922青川94922
GD553606075GD553606075
GD553606075GD553606075
695kvtzlq3Duqpw-HB695kvtzlq3Duqpw-HB
1q0gap0ker-HB1q0gap0ker-HB
1q0gap0ker-HB1q0gap0ker-HB
用户Fio5aUHu用户Fio5aUHu
白川84485白川84485
GD895766529GD895766529
GD314321098GD314321098
1qldw9rzy3zr_hng-HB1qldw9rzy3zr_hng-HB
GD914368320GD914368320
1qldw9rzy3zr_hng-HB1qldw9rzy3zr_hng-HB
用户1JY506vN用户1JY506vN
卫星：yicai467卫星：yicai467
. 整体外观与尺寸图 视角：正视图 + 侧视图 + 俯视图 形态：圆柱体造型，高度12cm，直径16cm 材质表现：哑光金属质感，顶部为深空灰色，中部镜头区域为黑色光学玻璃+金色装饰环 底座：可拆卸云台底座，支持360°旋转，底座底部为防滑硅胶垫 散热孔：机身侧面隐藏式六边形散热孔，排列成参数化纹理图案 提手：顶部内置可伸缩提手，便于携带 2. 细节特写图 a) 镜头区域特写 黑色光学玻璃镜头，外围镶嵌金色金属环 镜头下方有ToF激光对焦模块（小圆点） 右侧有RGB环形指示灯，可显示白色（开机）、蓝色（蓝牙）、绿色（校正中） b) 顶部触控交互区 圆形触控面板，集成以下图标： 电源键（中央） 音量+/−（上下滑动区域） 模式切换（左右滑动区域） 触控区周围有微光提示环 c) 接口区域 位于机身背面下半部分，接口从上至下依次为： HDMI 2.1 USB 3.0 音频输出 电源接口 网线接口（可选） 接口区域有磁吸防尘盖板 3. 使用场景示意图 a) 客厅场景 投影仪置于茶几上，通过云台调节角度 墙面投射120英寸画面，播放4K电影 画面旁标注：“600 CVIA流明，白天直投也清晰” b) 卧室场景 投影仪放在床头柜，投射至天花板 用户躺在床上观影 标注：“六向自动校正，躺看也方正” c) 户外露营场景 投影仪置于折叠桌上，投射至帐篷幕布 搭配便携电池模块（选配件） 标注：“内置电池可选，户外影院随行” 4. 交互界面原型图（系统UI） a) 主界面 深色背景，左侧为功能导航（首页、影视、设置、设备） 中央为大面积推荐内容海报 顶部搜索栏 + 用户头像 b) 设置界面 清晰分类：画面校正、声音设置、网络、系统更新 画面校正页有“一键智能校正”按钮 支持手动微调：梯形、对焦、缩放 c) 手机App界面 设备列表页：显示已绑定的投影仪 遥控器界面：模拟物理遥控器，支持手势滑动 投屏界面：显示可投屏设备列表（手机、电脑、平板） 5. 包装与配件展示图 包装盒：简约白色礼盒，正面为产品轮廓图，侧面标注核心卖点 内容物排列： 投影仪主机 云台底座 遥控器（Type-C充电） 电源适配器 HDMI线 说明书与保修卡 6. 技术剖面图（可选） 展示内部结构： 激光光机模块 主板与芯片区域 双风扇散热系统 音箱腔体结构 标注关键组件：MT9669芯片、激光光源、DMD芯片、温控传感器. 整体外观与尺寸图 视角：正视图 + 侧视图 + 俯视图 形态：圆柱体造型，高度12cm，直径16cm 材质表现：哑光金属质感，顶部为深空灰色，中部镜头区域为黑色光学玻璃+金色装饰环 底座：可拆卸云台底座，支持360°旋转，底座底部为防滑硅胶垫 散热孔：机身侧面隐藏式六边形散热孔，排列成参数化纹理图案 提手：顶部内置可伸缩提手，便于携带 2. 细节特写图 a) 镜头区域特写 黑色光学玻璃镜头，外围镶嵌金色金属环 镜头下方有ToF激光对焦模块（小圆点） 右侧有RGB环形指示灯，可显示白色（开机）、蓝色（蓝牙）、绿色（校正中） b) 顶部触控交互区 圆形触控面板，集成以下图标： 电源键（中央） 音量+/−（上下滑动区域） 模式切换（左右滑动区域） 触控区周围有微光提示环 c) 接口区域 位于机身背面下半部分，接口从上至下依次为： HDMI 2.1 USB 3.0 音频输出 电源接口 网线接口（可选） 接口区域有磁吸防尘盖板 3. 使用场景示意图 a) 客厅场景 投影仪置于茶几上，通过云台调节角度 墙面投射120英寸画面，播放4K电影 画面旁标注：“600 CVIA流明，白天直投也清晰” b) 卧室场景 投影仪放在床头柜，投射至天花板 用户躺在床上观影 标注：“六向自动校正，躺看也方正” c) 户外露营场景 投影仪置于折叠桌上，投射至帐篷幕布 搭配便携电池模块（选配件） 标注：“内置电池可选，户外影院随行” 4. 交互界面原型图（系统UI） a) 主界面 深色背景，左侧为功能导航（首页、影视、设置、设备） 中央为大面积推荐内容海报 顶部搜索栏 + 用户头像 b) 设置界面 清晰分类：画面校正、声音设置、网络、系统更新 画面校正页有“一键智能校正”按钮 支持手动微调：梯形、对焦、缩放 c) 手机App界面 设备列表页：显示已绑定的投影仪 遥控器界面：模拟物理遥控器，支持手势滑动 投屏界面：显示可投屏设备列表（手机、电脑、平板） 5. 包装与配件展示图 包装盒：简约白色礼盒，正面为产品轮廓图，侧面标注核心卖点 内容物排列： 投影仪主机 云台底座 遥控器（Type-C充电） 电源适配器 HDMI线 说明书与保修卡 6. 技术剖面图（可选） 展示内部结构： 激光光机模块 主板与芯片区域 双风扇散热系统 音箱腔体结构 标注关键组件：MT9669芯片、激光光源、DMD芯片、温控传感器
69as2lzo6ctcugQ-HB69as2lzo6ctcugQ-HB
GD261939268GD261939268
GD261939268GD261939268