封面：' 电商平台首页界面，手机端展示，扁平化设计风格，商品主图与促销 banner 清晰排列'-咕噜小杨-稿定 AI

创意预览图

封面：' 电商平台首页界面，手机端展示，扁平化设计风格，商品主图与促销 banner 清晰排列'

咕噜小杨

2025.12.24

扁平风插画结合拟人化角色，营造可爱卡通感，搭配明亮色块与手账风元素，呈现温馨趣味的促销氛围，孟菲斯风格点缀提升视觉活力。

扁平风插画结合拟人化角色，营造可爱卡通感，搭配明亮色块与手账风元素，呈现温馨趣味的促销氛围，孟菲斯风格点缀提升视觉活力。

背景改成纯白背景

背景改成纯白背景

创意 × 1

三福 APP 发现社区界面，竖版移动端UI界面设计，顶部是 “热门话题 / 穿搭灵感库 / 种草好物” 模块，下方是用户分享内容瀑布流，包含用户头像、昵称、穿搭 / 好物实拍图、文案、点赞 / 评论 / 收藏按钮，搭配 “参与讨论 / 去看看 / 去逛逛” 粉色按钮，整体设计风格：年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，目标用户为 18-28 岁年轻群体，视觉语言以明亮的粉 / 蓝 / 黄 / 白为主色调，主色为三福品牌粉（#FF4D79）、品牌蓝（#4D9EFF），辅助色为柠檬黄（#FFE14D）、薄荷绿（#8EFFB9）、淡紫（#C88EFF），背景以纯白 / 浅米白为主，搭配低饱和度渐变、轻描边和少量趣味装饰元素，标题使用圆润粗体，正文使用无衬线字体，字重分明，所有按钮文字为白色，卡片标题为深灰，辅助文字为浅灰，大量使用圆角矩形卡片、轻阴影，整体风格年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，Figma UI design, mobile app interface, high fidelity, wireframe to mockup, 适配全面屏手机，高清，4K

三福 APP 发现社区界面，竖版移动端UI界面设计，顶部是 “热门话题 / 穿搭灵感库 / 种草好物” 模块，下方是用户分享内容瀑布流，包含用户头像、昵称、穿搭 / 好物实拍图、文案、点赞 / 评论 / 收藏按钮，搭配 “参与讨论 / 去看看 / 去逛逛” 粉色按钮，整体设计风格：年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，目标用户为 18-28 岁年轻群体，视觉语言以明亮的粉 / 蓝 / 黄 / 白为主色调，主色为三福品牌粉（#FF4D79）、品牌蓝（#4D9EFF），辅助色为柠檬黄（#FFE14D）、薄荷绿（#8EFFB9）、淡紫（#C88EFF），背景以纯白 / 浅米白为主，搭配低饱和度渐变、轻描边和少量趣味装饰元素，标题使用圆润粗体，正文使用无衬线字体，字重分明，所有按钮文字为白色，卡片标题为深灰，辅助文字为浅灰，大量使用圆角矩形卡片、轻阴影，整体风格年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，Figma UI design, mobile app interface, high fidelity, wireframe to mockup, 适配全面屏手机，高清，4K

根据参考图重新设计网页banner图，尺寸为1920*663。手机模型使用插画形式，中间手机为微商城、右侧为小程序、中间还有公众号。风格为扁平插画、2.5D渐变插画、商务科技插画，现代简约，活力动感，包含女性购物者。主色调为薄荷绿和青柠绿，使用不同明度渐变绿，整体为低饱和柔和绿色系。辅助色为纯白色作为文字和UI元素，深墨蓝深黑色作为人物头发点缀

根据参考图重新设计网页banner图，尺寸为1920*663。手机模型使用插画形式，中间手机为微商城、右侧为小程序、中间还有公众号。风格为扁平插画、2.5D渐变插画、商务科技插画，现代简约，活力动感，包含女性购物者。主色调为薄荷绿和青柠绿，使用不同明度渐变绿，整体为低饱和柔和绿色系。辅助色为纯白色作为文字和UI元素，深墨蓝深黑色作为人物头发点缀

全景视角，城市白天，小猫和小狗在购物。画面中心巨大的手机屏幕显示着各式各样的商品，周围纸箱、猫抓板，背景是热闹的街道

全景视角，城市白天，小猫和小狗在购物。画面中心巨大的手机屏幕显示着各式各样的商品，周围纸箱、猫抓板，背景是热闹的街道

开心小番茄

另一种风格竖版手机屏幕完整显示电商直播购物界面，不同的UI布局设计，PNG透明背景，仅保留手机和屏幕内容，无多余背景，界面清晰，现代UI设计

另一种风格竖版手机屏幕完整显示电商直播购物界面，不同的UI布局设计，PNG透明背景，仅保留手机和屏幕内容，无多余背景，界面清晰，现代UI设计

海报设计，16:9，手机app界面展示各类生活分类图标，浅绿色简约背景，文案："9、吃喝玩乐、衣食住行，一键解锁本地优惠，省钱亦是赚钱。"，大字突出主题，生活服务风格

海报设计，16:9，手机app界面展示各类生活分类图标，浅绿色简约背景，文案："9、吃喝玩乐、衣食住行，一键解锁本地优惠，省钱亦是赚钱。"，大字突出主题，生活服务风格

电商场景的插画

电商场景的插画

参考上传图片的简约干净设计风格，生成移动端手机APP穿搭模式UI界面，是本次设计的重点，上区显示真人实时全身人像预览，中区是分类选择栏，包含体型适配、风格分类、场景分类、色系搭配四个选项，下区是虚拟穿搭库入口、一键换装按钮和保存搭配按钮，采用柔和浅色系配色，贴近美妆穿搭视觉效果，符合现代UI设计

参考上传图片的简约干净设计风格，生成移动端手机APP穿搭模式UI界面，是本次设计的重点，上区显示真人实时全身人像预览，中区是分类选择栏，包含体型适配、风格分类、场景分类、色系搭配四个选项，下区是虚拟穿搭库入口、一键换装按钮和保存搭配按钮，采用柔和浅色系配色，贴近美妆穿搭视觉效果，符合现代UI设计

三福 APP 全部分类界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。顶部是搜索栏和返回按钮，左侧是一级分类导航栏（服饰 / 美妆 / 配饰 / 家居 / 数码 / 文创），右侧是二级分类卡片网格，每个分类卡片搭配对应服饰美妆的小缩略图和文字，主色调为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，辅助色柠檬黄 #FFE14D，背景为浅白，卡片为圆角矩形，搭配轻渐变和星星笑脸低饱和度装饰，整体风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，清新简洁，层级分明，元气活力，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 全部分类界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。顶部是搜索栏和返回按钮，左侧是一级分类导航栏（服饰 / 美妆 / 配饰 / 家居 / 数码 / 文创），右侧是二级分类卡片网格，每个分类卡片搭配对应服饰美妆的小缩略图和文字，主色调为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，辅助色柠檬黄 #FFE14D，背景为浅白，卡片为圆角矩形，搭配轻渐变和星星笑脸低饱和度装饰，整体风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，清新简洁，层级分明，元气活力，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 全部分类界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。顶部是搜索栏和返回按钮，左侧是一级分类导航栏（服饰 / 美妆 / 配饰 / 家居 / 数码 / 文创），右侧是二级分类卡片网格，每个分类卡片搭配对应服饰美妆的小缩略图和文字，主色调为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，辅助色柠檬黄 #FFE14D，背景为浅白，卡片为圆角矩形，搭配轻渐变和星星笑脸低饱和度装饰，整体风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，清新简洁，层级分明，元气活力，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 全部分类界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。顶部是搜索栏和返回按钮，左侧是一级分类导航栏（服饰 / 美妆 / 配饰 / 家居 / 数码 / 文创），右侧是二级分类卡片网格，每个分类卡片搭配对应服饰美妆的小缩略图和文字，主色调为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，辅助色柠檬黄 #FFE14D，背景为浅白，卡片为圆角矩形，搭配轻渐变和星星笑脸低饱和度装饰，整体风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，清新简洁，层级分明，元气活力，UI 界面，扁平化，适配全面屏手机，高清

背景改成米色加入母婴品牌元素

背景改成米色加入母婴品牌元素

1qnjhxdmwym3qpQA-HB

保持现有小程序首页结构不变，让立即预定模块视觉更突出，整体配色更简洁，更换顶部卡通人物形象，依然保持简洁卡通小清新设计风格

保持现有小程序首页结构不变，让立即预定模块视觉更突出，整体配色更简洁，更换顶部卡通人物形象，依然保持简洁卡通小清新设计风格

1qjum0jvwoExBelg-HB

重新生成

再来五套方案

再来五套方案

移除原图女性右侧的彩色圆形元素，将女性左手边竖直排列的三个圆形图标从上到下依次替换为裙子、上衣、裤子的简约图标，保持原有2.5D插画风格和整体色调，其余内容不变

移除原图女性右侧的彩色圆形元素，将女性左手边竖直排列的三个圆形图标从上到下依次替换为裙子、上衣、裤子的简约图标，保持原有2.5D插画风格和整体色调，其余内容不变

1qucq0kyozrRx8NQ-HB

参考第一张的手机样机风格，将第二张截图完整放在手机屏幕中，整体保持手机斜放的展示效果

参考第一张的手机样机风格，将第二张截图完整放在手机屏幕中，整体保持手机斜放的展示效果

插画风与动漫风结合，拟人化角色跃动十足，孟菲斯风格色彩碰撞，营造可爱、趣味、喜庆的促销氛围，拼贴式布局强化视觉冲击，传递节日购物狂欢感。

插画风与动漫风结合，拟人化角色跃动十足，孟菲斯风格色彩碰撞，营造可爱、趣味、喜庆的促销氛围，拼贴式布局强化视觉冲击，传递节日购物狂欢感。

画面展示短视频广告销售场景：明亮现代的直播间内，主播正对着手机镜头讲解产品，手机屏幕显示短视频播放界面，弹窗有商品卡片和下单按钮，旁边摆放着促销商品、购物袋和销售数据看板，整体风格明快有活力，突出通过短视频卖货的商业氛围

画面展示短视频广告销售场景：明亮现代的直播间内，主播正对着手机镜头讲解产品，手机屏幕显示短视频播放界面，弹窗有商品卡片和下单按钮，旁边摆放着促销商品、购物袋和销售数据看板，整体风格明快有活力，突出通过短视频卖货的商业氛围

1qu0scqwq7HWZLLQ-HB

根据这份思维导图，生成低保真原型图20张

根据这份思维导图，生成低保真原型图20张

1qj4dvq6zhZo45vg-HB

购物APP首页设计，主色调为红色，辅助色为绿色，金刚功能区包含八个图标，现代电商UI设计风格，界面清晰简洁

购物APP首页设计，主色调为红色，辅助色为绿色，金刚功能区包含八个图标，现代电商UI设计风格，界面清晰简洁

69e9o6cjjJeBi0w-HB

图6：首页 - 今日穿搭推荐文案：APP首页，顶部显示日期、天气、地点，中央是今日主推穿搭方案的大卡片展示，包含：搭配的平铺预览图（3-4件单品组合）场合标签：“今日通勤” 适宜度评分：⭐️⭐️⭐️⭐️☆ (4.2) 快捷操作：“一键保存到日历”、“不喜欢换一套” 界面元素：底部导航栏：首页、发现、衣橱、我的顶部搜索栏+消息图标穿搭卡片可左右滑动查看备选方案关键词：main app home screen, top bar with date/weather/location, large center card showing today's outfit flat lay, occasion tag, star rating, quick action buttons, bottom navigation bar, clean and focused design --ar 9:19 按照手机标准尺寸进行制作

图6：首页 - 今日穿搭推荐
文案：APP首页，顶部显示日期、天气、地点，中央是今日主推穿搭方案的大卡片展示，包含：

搭配的平铺预览图（3-4件单品组合）

场合标签：“今日通勤”

适宜度评分：⭐️⭐️⭐️⭐️☆ (4.2)

快捷操作：“一键保存到日历”、“不喜欢换一套”

界面元素：

底部导航栏：首页、发现、衣橱、我的

顶部搜索栏+消息图标

穿搭卡片可左右滑动查看备选方案

关键词：main app home screen, top bar with date/weather/location, large center card showing today's outfit flat lay, occasion tag, star rating, quick action buttons, bottom navigation bar, clean and focused design --ar 9:19 按照手机标准尺寸进行制作

三福 APP 发现社区界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。整体设计风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，主色为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，背景浅白，角落点缀星星笑脸波浪装饰。优化布局：顶部是“发现社区”标题加搜索框，下方是“热门话题、穿搭灵感、好物种草”分类标签栏，再往下是单列用户分享帖子瀑布流，每个帖子卡片顶部展示用户头像和昵称，中间展示真人用户穿搭实拍图，底部展示文案文案和点赞评论收藏按钮，每个帖子右下角放置粉色“去逛逛”按钮，卡片之间保留充足留白，整体通透不拥挤，年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 发现社区界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。整体设计风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，主色为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，背景浅白，角落点缀星星笑脸波浪装饰。优化布局：顶部是“发现社区”标题加搜索框，下方是“热门话题、穿搭灵感、好物种草”分类标签栏，再往下是单列用户分享帖子瀑布流，每个帖子卡片顶部展示用户头像和昵称，中间展示真人用户穿搭实拍图，底部展示文案文案和点赞评论收藏按钮，每个帖子右下角放置粉色“去逛逛”按钮，卡片之间保留充足留白，整体通透不拥挤，年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 发现社区界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。整体设计风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，主色为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，背景浅白，角落点缀星星笑脸波浪装饰。优化布局：顶部是“发现社区”标题加搜索框，下方是“热门话题、穿搭灵感、好物种草”分类标签栏，再往下是单列用户分享帖子瀑布流，每个帖子卡片顶部展示用户头像和昵称，中间展示真人用户穿搭实拍图，底部展示文案文案和点赞评论收藏按钮，每个帖子右下角放置粉色“去逛逛”按钮，卡片之间保留充足留白，整体通透不拥挤，年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，适配全面屏手机，高清

三福 APP 发现社区界面，竖版移动端，适配 iPhone 16 393×852pt 尺寸，顶部避开 59pt 状态栏 + 44pt 导航栏区域，底部避开 49pt 标签栏区域，左右内容安全边距 16pt。整体设计风格年轻活力、元气潮流、清新马卡龙撞色、扁平化轻拟物、多巴胺美学，主色为三福品牌粉 #FF4D79、品牌蓝 #4D9EFF，背景浅白，角落点缀星星笑脸波浪装饰。优化布局：顶部是“发现社区”标题加搜索框，下方是“热门话题、穿搭灵感、好物种草”分类标签栏，再往下是单列用户分享帖子瀑布流，每个帖子卡片顶部展示用户头像和昵称，中间展示真人用户穿搭实拍图，底部展示文案文案和点赞评论收藏按钮，每个帖子右下角放置粉色“去逛逛”按钮，卡片之间保留充足留白，整体通透不拥挤，年轻活力，马卡龙配色，真人实拍，圆角卡片，轻阴影，UI 界面，扁平化，适配全面屏手机，高清

将图片二中的淘宝界面内容准确贴入图片一中两个手机的屏幕内，保持手机样机边框和角度不变，屏幕内容清晰，透视和光影匹配样机效果

将图片二中的淘宝界面内容准确贴入图片一中两个手机的屏幕内，保持手机样机边框和角度不变，屏幕内容清晰，透视和光影匹配样机效果