黄色配色变成克莱因蓝-YinGJianG7-稿定 AI

创意预览图

黄色配色变成克莱因蓝

用户头像

YinGJianG7

2026.02.15

黄色配色变成克莱因蓝

黄色配色变成克莱因蓝

颜色改成浅灰色

颜色改成浅灰色

参考图片1的苹果手机样机风格，将图片2中的四张登录注册验证成功页面放到手机样机中，四张页面排列在一起展示

参考图片1的苹果手机样机风格，将图片2中的四张登录注册验证成功页面放到手机样机中，四张页面排列在一起展示

微信聊天界面拼图，左边是顾客A在群里发消息："这家店太好吃了，姐妹们冲！"，中间是顾客B分享小程序给朋友，配文"一起买有折扣"，右边是老板的手机后台界面，显示"今日分销订单xx笔"，画面真实贴近社交分享场景

微信聊天界面拼图，左边是顾客A在群里发消息："这家店太好吃了，姐妹们冲！"，中间是顾客B分享小程序给朋友，配文"一起买有折扣"，右边是老板的手机后台界面，显示"今日分销订单xx笔"，画面真实贴近社交分享场景

「图片1」参考图片中二维码的的展现形式，帮我做一个一样的，去掉红色区域，只保留下面的长方体，但是二维码不要倾斜，要前视正面图

「图片1」参考图片中二维码的的展现形式，帮我做一个一样的，去掉红色区域，只保留下面的长方体，但是二维码不要倾斜，要前视正面图

背景改成纯白背景

背景改成纯白背景

创意 × 1

："设计一款电商 APP 的商品详情页，包含商品图片区、基本信息区、购买按钮和推荐商品区；要求符合移动端设计规范，注重用户体验。"

："设计一款电商 APP 的商品详情页，包含商品图片
区、基本信息区、购买按钮和推荐商品区；要求符合移动端设计规范，
注重用户体验。"

1qmj3r29xqAGchbA-HB

「图片1」「图片1」「图片1」「图片1」这个机器是商米D2收银机、配置是单屏收银机 3+32 大运存图一图二是机器效果图图三图四十机器实际使用场景图质保一年搭配富掌柜收银系统、富掌柜收银系统适合餐饮、奶茶、便利店、母婴店、专卖店、水果店等功能包含会员营销扫码点餐团购核销手机app 数据报表手机点餐外卖对接等功能帮我做五张适合小红书投流使用的图片

「图片1」「图片1」「图片1」「图片1」这个机器是商米D2收银机、配置是单屏收银机 3+32 大运存图一图二是机器效果图图三图四十机器实际使用场景图质保一年搭配富掌柜收银系统、富掌柜收银系统适合餐饮、奶茶、便利店、母婴店、专卖店、水果店等功能包含会员营销扫码点餐团购核销手机app 数据报表手机点餐外卖对接等功能帮我做五张适合小红书投流使用的图片

重新生成

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

基于原图修改这个给老年人使用的银龄康语小程序页面：1. 将三个功能键（用药管家、健康档案、饮食顾问）向下移动到底框导航栏上方；2. 将橙色圆形录音功能键向下移动到三个功能键的上方；3. 去掉两个红色圈住的文字'银龄·康语'和'按住说话记健康'；4. 在上方腾出的空间添加文字'Hi,我是你的健康管家，你有什么要问我的吗？我可以给你健康建议。'；保留原有的所有设计元素和风格不变，整体页面适配老年人使用，字号清晰

基于原图修改这个给老年人使用的银龄康语小程序页面：1. 将三个功能键（用药管家、健康档案、饮食顾问）向下移动到底框导航栏上方；2. 将橙色圆形录音功能键向下移动到三个功能键的上方；3. 去掉两个红色圈住的文字'银龄·康语'和'按住说话记健康'；4. 在上方腾出的空间添加文字'Hi,我是你的健康管家，你有什么要问我的吗？我可以给你健康建议。'；保留原有的所有设计元素和风格不变，整体页面适配老年人使用，字号清晰

1qzf34nxp4-OmqOw-HB

基于原图修改这个给老年人使用的银龄康语小程序页面：1. 将三个功能键（用药管家、健康档案、饮食顾问）向下移动到底框导航栏上方；2. 将橙色圆形录音功能键向下移动到三个功能键的上方；3. 去掉两个红色圈住的文字'银龄·康语'和'按住说话记健康'；4. 在上方腾出的空间添加文字'Hi,我是你的健康管家，你有什么要问我的吗？我可以给你健康建议。'；保留原有的所有设计元素和风格不变，整体页面适配老年人使用，字号清晰

基于原图修改这个给老年人使用的银龄康语小程序页面：1. 将三个功能键（用药管家、健康档案、饮食顾问）向下移动到底框导航栏上方；2. 将橙色圆形录音功能键向下移动到三个功能键的上方；3. 去掉两个红色圈住的文字'银龄·康语'和'按住说话记健康'；4. 在上方腾出的空间添加文字'Hi,我是你的健康管家，你有什么要问我的吗？我可以给你健康建议。'；保留原有的所有设计元素和风格不变，整体页面适配老年人使用，字号清晰

1qzf34nxp4-OmqOw-HB

图7：穿搭详情页文案：点击穿搭卡片后的详情页，分三部分：顶部：穿搭整体展示（可切换3D虚拟试穿视图）中部：单品列表，每件可点击查看详情和类似单品底部：AI搭配解析：“为什么推荐这套？”（显示色彩、体型、场合适配度分析）界面元素：顶部Tab切换：“平铺视图”、“3D试穿” 单品卡片带“衣柜中”标签底部操作栏：“保存搭配”、“分享给好友” 关键词：outfit detail page, top tabs for flat lay and 3D try-on views, scrollable list of items with "in closet" badges, AI analysis section explaining the recommendation, bottom action bar, clean information hierarchy --ar 9:19 按照手机标准尺寸进行制作

图7：穿搭详情页
文案：点击穿搭卡片后的详情页，分三部分：

顶部：穿搭整体展示（可切换3D虚拟试穿视图）

中部：单品列表，每件可点击查看详情和类似单品

底部：AI搭配解析：“为什么推荐这套？”（显示色彩、体型、场合适配度分析）

界面元素：

顶部Tab切换：“平铺视图”、“3D试穿”

单品卡片带“衣柜中”标签

底部操作栏：“保存搭配”、“分享给好友”

关键词：outfit detail page, top tabs for flat lay and 3D try-on views, scrollable list of items with "in closet" badges, AI analysis section explaining the recommendation, bottom action bar, clean information hierarchy --ar 9:19 按照手机标准尺寸进行制作

9:16竖屏轻奢科技风智能仓储自助柜触控首页UI界面，极简分层创新错落布局，莫兰迪浅冰蓝渐变柔光背景，半透磨砂玻璃拟态分层卡片，轻薄立体柔和分层光影，适配工业自助触屏终端，大圆角大尺寸触控交互区域，字体宽大醒目适配人体工学防止手指误触，细线条2.5D渐变简约图标，无厚重复杂建模，8K超清界面效果图，思源无衬线字体，文字层级清晰，智能柜2.0可视化极简操作设计理念，干净通透未来商用设备质感，无多余冗余装饰元素【固定分层布局规范】页面自上而下分三大视觉层级，层级主次差距明显，摒弃均分死板排版：第一层为顶部全屏通栏视觉Banner：顶部全屏通栏Banner区域，轻量化3D渲染浅蓝金属多格智能储物柜，柜体表面细腻哑光金属质感，柔和顶部灯带柔光；画面点缀悬浮轻量化仓储元素：空白纸质物料盒、透明药瓶、小型工具收纳箱，低透明度漂浮效果，无杂乱堆砌；画面右上角放置粗体无衬线白色大字「欢迎使用」，字体边缘柔和轻微发光，整体通透漫反射光影，低饱和浅冰蓝渐变底色，干净简约工业科技氛围，不遮挡下方功能区域，视觉柔和不抢主体；第二层为横向铺满页面的一张加宽核心功能通栏卡片（最高视觉权重），第三层采用标准2行2列四宫格规整排布四类次级业务模块，整体留白克制均匀大气；第二层通栏核心卡片为【输入凭证码】，卡片内附带浅色功能说明文字与简约引导箭头，占页面最大视觉面积，突出高频操作；第三层2×2四宫格模块依次为：共享器具借用、工器具借用、药品领用、自助存储，每个模块搭配专属线性立体图标，用低饱和浅蓝、浅暖橙柔和色块做视觉区分；页面最底部预留窄条区域，放置小字版本号、企业名称与客服联系电话；

9:16竖屏轻奢科技风智能仓储自助柜触控首页UI界面，极简分层创新错落布局，莫兰迪浅冰蓝渐变柔光背景，半透磨砂玻璃拟态分层卡片，轻薄立体柔和分层光影，适配工业自助触屏终端，大圆角大尺寸触控交互区域，字体宽大醒目适配人体工学防止手指误触，细线条2.5D渐变简约图标，无厚重复杂建模，8K超清界面效果图，思源无衬线字体，文字层级清晰，智能柜2.0可视化极简操作设计理念，干净通透未来商用设备质感，无多余冗余装饰元素

【固定分层布局规范】页面自上而下分三大视觉层级，层级主次差距明显，摒弃均分死板排版：

第一层为顶部全屏通栏视觉Banner：顶部全屏通栏Banner区域，轻量化3D渲染浅蓝金属多格智能储物柜，柜体表面细腻哑光金属质感，柔和顶部灯带柔光；画面点缀悬浮轻量化仓储元素：空白纸质物料盒、透明药瓶、小型工具收纳箱，低透明度漂浮效果，无杂乱堆砌；画面右上角放置粗体无衬线白色大字「欢迎使用」，字体边缘柔和轻微发光，整体通透漫反射光影，低饱和浅冰蓝渐变底色，干净简约工业科技氛围，不遮挡下方功能区域，视觉柔和不抢主体；

第二层为横向铺满页面的一张加宽核心功能通栏卡片（最高视觉权重），第三层采用标准2行2列四宫格规整排布四类次级业务模块，整体留白克制均匀大气；

第二层通栏核心卡片为【输入凭证码】，卡片内附带浅色功能说明文字与简约引导箭头，占页面最大视觉面积，突出高频操作；

第三层2×2四宫格模块依次为：共享器具借用、工器具借用、药品领用、自助存储，每个模块搭配专属线性立体图标，用低饱和浅蓝、浅暖橙柔和色块做视觉区分；

页面最底部预留窄条区域，放置小字版本号、企业名称与客服联系电话；

4X6A4_琉璃小妖

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

仿照参考海报版式设计智能共享充电宝柜产品介绍海报，包含：作品名称“共享快充站”，创意来源，创意描述，设计样图，独创设计说明板块。内容：智能共享充电宝柜支持多种设备无线充电，通过算法优化柜机分布，提高利用率。要求整体版式清晰，所有文字字号较大清晰，整体风格现代科技风，配色清爽，导出高清清晰效果，参考原图的图文排版结构，替换成共享充电宝产品内容

仿照参考海报版式设计智能共享充电宝柜产品介绍海报，包含：作品名称“共享快充站”，创意来源，创意描述，设计样图，独创设计说明板块。内容：智能共享充电宝柜支持多种设备无线充电，通过算法优化柜机分布，提高利用率。要求整体版式清晰，所有文字字号较大清晰，整体风格现代科技风，配色清爽，导出高清清晰效果，参考原图的图文排版结构，替换成共享充电宝产品内容

1qupd8pb9ctTmt8A-HB

健康饮水提醒小程序个人中心页面，包含个人目标调整入口、我的杯具管理、饮品类型偏好设置、数据备份与清除按钮，整体风格清新简约浅蓝色调，UI布局清晰现代

健康饮水提醒小程序个人中心页面，包含个人目标调整入口、我的杯具管理、饮品类型偏好设置、数据备份与清除按钮，整体风格清新简约浅蓝色调，UI布局清晰现代

重新生成拾光智伴老人端小程序首页，极致简洁设计，超大字体，浅米色背景高对比度，超大圆形按钮分别为：红色"紧急呼救"、绿色"一键下单"、蓝色"服务预约"，下方四个圆角卡片分别是：情感陪伴、生活协助、数字指导、服务套餐，无多余复杂元素，让老人一看就会，适配手机竖屏。

重新生成拾光智伴老人端小程序首页，极致简洁设计，超大字体，浅米色背景高对比度，超大圆形按钮分别为：红色"紧急呼救"、绿色"一键下单"、蓝色"服务预约"，下方四个圆角卡片分别是：情感陪伴、生活协助、数字指导、服务套餐，无多余复杂元素，让老人一看就会，适配手机竖屏。

6adhucitqSFIi0g-HB

内容为抖音美团核销入口尺寸为375乘以375

内容为抖音美团核销入口尺寸为375乘以375

图4：AI识别处理中文案：加载状态页，展示AI正在努力工作，动态展示：衣物识别进度：“正在识别12件单品...” 品类分类：“上衣(5)、下装(4)、连衣裙(2)、外套(1)” 风格分析：“你的衣橱以简约通勤风为主” 界面元素：中央AI机器人动画图标环形进度条趣味文案：“正在翻阅你的时尚档案...” 关键词：loading screen with AI processing animation, circular progress bar, text showing real-time analysis: "identifying 12 items...", categories listing, style analysis, cute AI robot illustration, light blue theme --ar 9:19 按照手机标准尺寸进行制作

图4：AI识别处理中
文案：加载状态页，展示AI正在努力工作，动态展示：

衣物识别进度：“正在识别12件单品...”

品类分类：“上衣(5)、下装(4)、连衣裙(2)、外套(1)”

风格分析：“你的衣橱以简约通勤风为主”

界面元素：

中央AI机器人动画图标

环形进度条

趣味文案：“正在翻阅你的时尚档案...”

关键词：loading screen with AI processing animation, circular progress bar, text showing real-time analysis: "identifying 12 items...", categories listing, style analysis, cute AI robot illustration, light blue theme --ar 9:19 按照手机标准尺寸进行制作

去掉文字只保留图标

去掉文字只保留图标

[主图-4] 便利店收银场景体验展示图 [氛围风格] 真实生活化商业场景风格 [画质] 商业摄影质感，场景氛围真实自然，产品清晰突出，画面通透干净 [元素] 展示便利店收银台场景，收银台上摆放扫码盒子和票据打印机，收银员正在使用扫码盒子收款，票据打印机输出顾客结账小票，产品放置自然合理，保持产品外观和颜色与原图一致。场景背景模糊处理突出收银产品，商品主体占比65%，整体氛围真实自然 [光影] 店铺室内顶光为主，收银台区域重点补光，产品清晰明亮，背景柔和虚化，景深自然，突出主体产品 [配色] 整体暖调店铺灯光，收银台浅木色，产品保持原有黑白配色，色彩自然和谐 [视角构图] 平视收银台视角，产品位于画面中心区域，人物操作动作自然，场景代入感强 [文字版式] 左上角主标题"适配多种收银场景"，黑色粗体；下方分三个小字标注：商超零售餐饮门店便利店，每个文字带浅蓝小标签，清晰展示适用场景，文字不遮挡主体 [输出要求] 1:1 比例，文字清晰可辨，超高清商业摄影质感 [负向提示词] 变形，文字错乱，产品模糊，背景杂乱，水印，电商平台Logo，人物遮挡主体

[主图-4] 便利店收银场景体验展示图
[氛围风格] 真实生活化商业场景风格
[画质] 商业摄影质感，场景氛围真实自然，产品清晰突出，画面通透干净
[元素] 展示便利店收银台场景，收银台上摆放扫码盒子和票据打印机，收银员正在使用扫码盒子收款，票据打印机输出顾客结账小票，产品放置自然合理，保持产品外观和颜色与原图一致。场景背景模糊处理突出收银产品，商品主体占比65%，整体氛围真实自然
[光影] 店铺室内顶光为主，收银台区域重点补光，产品清晰明亮，背景柔和虚化，景深自然，突出主体产品
[配色] 整体暖调店铺灯光，收银台浅木色，产品保持原有黑白配色，色彩自然和谐
[视角构图] 平视收银台视角，产品位于画面中心区域，人物操作动作自然，场景代入感强
[文字版式] 左上角主标题"适配多种收银场景"，黑色粗体；下方分三个小字标注：商超零售餐饮门店便利店，每个文字带浅蓝小标签，清晰展示适用场景，文字不遮挡主体
[输出要求] 1:1 比例，文字清晰可辨，超高清商业摄影质感
[负向提示词] 变形，文字错乱，产品模糊，背景杂乱，水印，电商平台Logo，人物遮挡主体

[第3屏] 详情页功能结构详解-桌面式小型自动售货机内部结构与操作展示。本屏使用【图1】作为商品主体，重点展示2层6货道内部结构、按键区、支付区、取货口，保持产品外观与输入图一致。 [氛围/风格] 科技解析风，结构清晰，专业细致，商业摄影质感。 [元素布局] 售货机正面全貌置于画面中央偏左，占比约50%；右侧和周围分布4个结构标注框，用引线指向对应部位；背景为现代便利店货架场景，有零食饮料货架模糊虚化，突出产品主体；地面为浅灰色，顶部有筒灯照明；产品内部货道清晰可见，展示可放置商品的空间。 [光影质感] 正面柔光均匀打亮产品，内部货道有补光清晰可见，结构标注线清晰，整体明亮专业。 [配色色系] 全局底色 #F0F4F8 浅灰蓝；主色深蓝色 #1E40AF + 科技蓝 #2563EB；辅助色白色 + 浅灰 + 橙色标注线点缀。 [视角构图] 正面平视略偏右，产品为中心，阅读动线从产品各部位 → 右侧标注说明。 [文字版式] 版式为左侧产品 + 右侧结构说明 + 顶部标题。顶部主标题「结构解析一目了然」，副标题「2层6货道灵活配置」，深蓝色粗体左对齐；4个标注框分别为：1.「6货道大容量」引线指向内部货道，2.「按键选购操作简单」引线指向6个金属按键，3.「多种支付方式」引线指向纸币器区域，4.「PUSH取货口」引线指向底部取货口；每个标注框为白色圆角矩形配深蓝色文字和小图标；底部补充说明「支持硬币/纸币/扫码/刷卡(选配)」。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 产品变形，缺件错件，结构错误，颜色偏差，水印，文字错乱，文字过小，产品图模糊，背景杂乱。

[第3屏] 详情页功能结构详解-桌面式小型自动售货机内部结构与操作展示。本屏使用【图1】作为商品主体，重点展示2层6货道内部结构、按键区、支付区、取货口，保持产品外观与输入图一致。
[氛围/风格] 科技解析风，结构清晰，专业细致，商业摄影质感。
[元素布局] 售货机正面全貌置于画面中央偏左，占比约50%；右侧和周围分布4个结构标注框，用引线指向对应部位；背景为现代便利店货架场景，有零食饮料货架模糊虚化，突出产品主体；地面为浅灰色，顶部有筒灯照明；产品内部货道清晰可见，展示可放置商品的空间。
[光影质感] 正面柔光均匀打亮产品，内部货道有补光清晰可见，结构标注线清晰，整体明亮专业。
[配色色系] 全局底色 #F0F4F8 浅灰蓝；主色深蓝色 #1E40AF + 科技蓝 #2563EB；辅助色白色 + 浅灰 + 橙色标注线点缀。
[视角构图] 正面平视略偏右，产品为中心，阅读动线从产品各部位 → 右侧标注说明。
[文字版式] 版式为左侧产品 + 右侧结构说明 + 顶部标题。顶部主标题「结构解析一目了然」，副标题「2层6货道灵活配置」，深蓝色粗体左对齐；4个标注框分别为：1.「6货道大容量」引线指向内部货道，2.「按键选购操作简单」引线指向6个金属按键，3.「多种支付方式」引线指向纸币器区域，4.「PUSH取货口」引线指向底部取货口；每个标注框为白色圆角矩形配深蓝色文字和小图标；底部补充说明「支持硬币/纸币/扫码/刷卡(选配)」。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 产品变形，缺件错件，结构错误，颜色偏差，水印，文字错乱，文字过小，产品图模糊，背景杂乱。

立宇泰-陈小姐