竖版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编号 + 英文副标题 【左上区域 - 01 信息架构 INFORMATION ARCHITECTURE】 展示App的整体页面结构树状图： - 首页（推荐妆容、热门色号、情绪测试入口） - 试妆页（AR相机、妆容选择、色号调节、前后对比） - 发现页（社区内容、流行趋势、博主推荐） - 购物车（商品列表、色号确认、结算） - 我的（个人资料、试妆记录、收藏、设置） 用层级连线图形式呈现 【右上区域 - 02 核心交互流程 CORE INTERACTION FLOW】 用户主路径流程图： 打开App → 情绪/肤质测试 → 获得个性化推荐 → 选择妆容 → AR虚拟试妆 → 调整色号/细节 → 对比多款 → 加入购物车 → 下单购买 → 分享到社区 用箭头连接的步骤卡片展示，关键节点高亮 【左中区域 - 03 视觉设计系统 VISUAL DESIGN SYSTEM】 - 品牌色板：主色（深紫#8B5CF6）、辅色（粉紫#EC4899）、渐变（紫粉渐变）、中性色（白、灰、黑） - 字体规范：标题字体、正文字体、字号层级 - 圆角与间距系统 - 图标风格：线性图标示例（口红、眼影、腮红、相机、分享、购物车） - 按钮样式：主按钮、次按钮、文字按钮 【右中区域 - 04 关键界面展示 KEY UI SCREENS】 展示3-4个核心手机界面Mockup，呈倾斜排列或错落排布： - 首页：顶部搜索栏、情绪测试入口卡片、推荐妆容网格、热门色号轮播 - AR试妆页：实时摄像头画面、底部妆容选择条、色号调节滑块、对比按钮 - 商品详情页：产品图、色号选择、试妆效果、加入购物车按钮 - 社区分享页：用户妆容分享卡片、点赞评论互动 手机界面采用真实比例，有阴影和立体感 【左下区域 - 05 微交互与动效 MICRO-INTERACTIONS】 展示几个关键动效说明： - 试妆切换：左右滑动切换妆容，带淡入淡出过渡 - 色号调节：滑块拖动时实时预览变化 - 情绪测试：选择答案时的弹性反馈 - 购买成功：粒子动效 + 分享引导 用小图标+文字说明形式 【右下区域 - 06 设计亮点 DESIGN HIGHLIGHTS】 4个设计亮点卡片： 1. AI情绪识别 - 根据面部表情推荐妆容风格 2. 实时AR试妆 - 毫秒级响应，精准贴合面部 3. 智能色号匹配 - 基于肤色分析推荐最适色号 4. 社交试妆挑战 - 好友间妆容分享与PK 【底部 - 07 最终体验总结 EXPERIENCE SUMMARY】 横向贯穿，用一句话总结核心价值： "让每一位用户在购买前，都能找到最适合自己的美" 下方列出核心体验指标提升示意：试妆效率提升、购买决策时间缩短、退货率降低、用户满意度提升 整体风格：专业UX作品集展板，粉紫渐变主色调，白色卡片，圆角设计，清晰的信息层级，真实手机UI界面展示，高质量视觉呈现，与A3-01展板风格统一竖版A3尺寸的UX设计作品集展板，标题为"虚拟美妆间｜交互与视觉设计"，副标题"Virtual Makeup Studio — Interaction & Visual Design"，右上角标注"A3-02 / INTERACTION & VISUAL DESIGN"。整体采用粉紫色渐变配色，现代简约专业的UI设计风格，与A3-01保持视觉统一。 版面布局如下： 【顶部标题栏】 左侧：虚拟美妆间logo图标 + 主标题"虚拟美妆间｜交互与视觉设计" 右侧：A3-02编号 + 英文副标题 【左上区域 - 01 信息架构 INFORMATION ARCHITECTURE】 展示App的整体页面结构树状图： - 首页（推荐妆容、热门色号、情绪测试入口） - 试妆页（AR相机、妆容选择、色号调节、前后对比） - 发现页（社区内容、流行趋势、博主推荐） - 购物车（商品列表、色号确认、结算） - 我的（个人资料、试妆记录、收藏、设置） 用层级连线图形式呈现 【右上区域 - 02 核心交互流程 CORE INTERACTION FLOW】 用户主路径流程图： 打开App → 情绪/肤质测试 → 获得个性化推荐 → 选择妆容 → AR虚拟试妆 → 调整色号/细节 → 对比多款 → 加入购物车 → 下单购买 → 分享到社区 用箭头连接的步骤卡片展示，关键节点高亮 【左中区域 - 03 视觉设计系统 VISUAL DESIGN SYSTEM】 - 品牌色板：主色（深紫#8B5CF6）、辅色（粉紫#EC4899）、渐变（紫粉渐变）、中性色（白、灰、黑） - 字体规范：标题字体、正文字体、字号层级 - 圆角与间距系统 - 图标风格：线性图标示例（口红、眼影、腮红、相机、分享、购物车） - 按钮样式：主按钮、次按钮、文字按钮 【右中区域 - 04 关键界面展示 KEY UI SCREENS】 展示3-4个核心手机界面Mockup，呈倾斜排列或错落排布： - 首页：顶部搜索栏、情绪测试入口卡片、推荐妆容网格、热门色号轮播 - AR试妆页：实时摄像头画面、底部妆容选择条、色号调节滑块、对比按钮 - 商品详情页：产品图、色号选择、试妆效果、加入购物车按钮 - 社区分享页：用户妆容分享卡片、点赞评论互动 手机界面采用真实比例，有阴影和立体感 【左下区域 - 05 微交互与动效 MICRO-INTERACTIONS】 展示几个关键动效说明： - 试妆切换：左右滑动切换妆容，带淡入淡出过渡 - 色号调节：滑块拖动时实时预览变化 - 情绪测试：选择答案时的弹性反馈 - 购买成功：粒子动效 + 分享引导 用小图标+文字说明形式 【右下区域 - 06 设计亮点 DESIGN HIGHLIGHTS】 4个设计亮点卡片： 1. AI情绪识别 - 根据面部表情推荐妆容风格 2. 实时AR试妆 - 毫秒级响应，精准贴合面部 3. 智能色号匹配 - 基于肤色分析推荐最适色号 4. 社交试妆挑战 - 好友间妆容分享与PK 【底部 - 07 最终体验总结 EXPERIENCE SUMMARY】 横向贯穿，用一句话总结核心价值： "让每一位用户在购买前，都能找到最适合自己的美" 下方列出核心体验指标提升示意：试妆效率提升、购买决策时间缩短、退货率降低、用户满意度提升 整体风格：专业UX作品集展板，粉紫渐变主色调，白色卡片，圆角设计，清晰的信息层级，真实手机UI界面展示，高质量视觉呈现，与A3-01展板风格统一
清越49755清越49755
移动端小程序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
竖版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
青川94922青川94922
竖版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
1q0gap0ker-HB1q0gap0ker-HB
1q0gap0ker-HB1q0gap0ker-HB
1q0gap0ker-HB1q0gap0ker-HB
GD895766529GD895766529
69u7fi778fXToow-HB69u7fi778fXToow-HB
69u7fi778fXToow-HB69u7fi778fXToow-HB
GD215629557GD215629557
白川84485白川84485
英豪1987英豪1987
用户Fio5aUHu用户Fio5aUHu
69u7fi778fXToow-HB69u7fi778fXToow-HB
GD314321098GD314321098
英豪1987英豪1987
GD261939268GD261939268
GD261939268GD261939268
用户1JY506vN用户1JY506vN
ki mi no na waki mi no na wa
英豪1987英豪1987
清越49755清越49755