参考图中出行小程序的UI风格，设计【路线】页面。9:16竖屏，… - 图片创意预览

参考图中出行小程序的UI风格，设计【路线】页面。9:16竖屏，…

参考图中出行小程序的UI风格，设计【路线】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【路线】图标高亮选中为红色。顶部搜索栏保留，可搜索站点。页面主体为广州地铁线路图，彩色地

irisbanaban...

2026.09.02

公交地铁出行微信小程序首页设计，9:16竖屏，纯白背景，品牌红#BE1120为主色，柔和浅黄渐变#FFEC3F到#FFF1B5为辅色，浅灰#F2F2F7分割。顶部搜索栏，右侧个人中心头像入口。搜索栏下方为智能提醒胶囊条横向滚动，自然语言提示：末班车倒计时、拥挤度预测、天气提醒等，浅黄渐变背景。中部为宫格导航，大图标+短文本，圆润面性风格图标，包含：扫码乘车（品牌红大按钮突出）、路线规划、车次查询、实时公交、地铁图、失物招领、出行服务、更多等，3行4列布局。底部为常用路线快捷入口卡片，显示家-公司等常用路线，时间轴形式展示换乘步数和预计耗时。整体视觉温暖亲和，SF Pro/思源黑体，圆角矩形按钮带微渐变，微交互动效感，强调零门槛即用性。

公交地铁出行微信小程序首页设计，9:16竖屏，纯白背景，品牌红#BE1120为主色，柔和浅黄渐变#FFEC3F到#FFF1B5为辅色，浅灰#F2F2F7分割。顶部搜索栏，右侧个人中心头像入口。搜索栏下方为智能提醒胶囊条横向滚动，自然语言提示：末班车倒计时、拥挤度预测、天气提醒等，浅黄渐变背景。中部为宫格导航，大图标+短文本，圆润面性风格图标，包含：扫码乘车（品牌红大按钮突出）、路线规划、车次查询、实时公交、地铁图、失物招领、出行服务、更多等，3行4列布局。底部为常用路线快捷入口卡片，显示家-公司等常用路线，时间轴形式展示换乘步数和预计耗时。整体视觉温暖亲和，SF Pro/思源黑体，圆角矩形按钮带微渐变，微交互动效感，强调零门槛即用性。

参考图中出行小程序的UI风格，设计【消息】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【消息】图标高亮选中为红色。顶部标题"消息中心"。页面内容：上方有消息分类Tab（全部/系统通知/出行提醒/活动优惠）。下方为消息列表，每条消息为卡片式，左侧消息图标（系统通知红色、出行提醒黄色、活动优惠橙色），中间消息标题和摘要，右侧时间和未读红点。消息内容包括：末班车提醒、延误通知、票价调整公告、积分到账、活动推送等系统提醒消息。大圆角卡片，浅灰分割，风格与参考图一致。

参考图中出行小程序的UI风格，设计【消息】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【消息】图标高亮选中为红色。顶部标题"消息中心"。页面内容：上方有消息分类Tab（全部/系统通知/出行提醒/活动优惠）。下方为消息列表，每条消息为卡片式，左侧消息图标（系统通知红色、出行提醒黄色、活动优惠橙色），中间消息标题和摘要，右侧时间和未读红点。消息内容包括：末班车提醒、延误通知、票价调整公告、积分到账、活动推送等系统提醒消息。大圆角卡片，浅灰分割，风格与参考图一致。

基于参考图的我的页面，将乘车管理、服务、设置三个分组下的所有菜单项图标改为灰色面性图标，统一为中灰色调，不再使用红色和黄色。其他内容保持不变：顶部用户信息、积分余额、快捷功能区（我的订单、我的收藏、常用地址、出行记录）的彩色图标保留不变，分组标题和红色竖线装饰保留，底部导航栏不变。整体布局和风格与原图一致，仅修改三个分组内菜单项的图标颜色为灰色面性风格。

基于参考图的我的页面，将乘车管理、服务、设置三个分组下的所有菜单项图标改为灰色面性图标，统一为中灰色调，不再使用红色和黄色。其他内容保持不变：顶部用户信息、积分余额、快捷功能区（我的订单、我的收藏、常用地址、出行记录）的彩色图标保留不变，分组标题和红色竖线装饰保留，底部导航栏不变。整体布局和风格与原图一致，仅修改三个分组内菜单项的图标颜色为灰色面性风格。

在当前黑色iPhone手机屏幕内，修改地图路网，生成包含上海、广州、深圳、重庆四座城市标注的简约浅灰城市路网地图，保留四角圆形定位按钮和底部空白弹窗，保持整体干净简约商务风，浅蓝渐变外背景，9:16竖版，4K超清

在当前黑色iPhone手机屏幕内，修改地图路网，生成包含上海、广州、深圳、重庆四座城市标注的简约浅灰城市路网地图，保留四角圆形定位按钮和底部空白弹窗，保持整体干净简约商务风，浅蓝渐变外背景，9:16竖版，4K超清

创意 × 1

基于这张武汉城市服务功能入口界面图，保持整体布局、所有文字内容、卡片结构、背景样式完全不变，只把每一个深灰色圆角方块占位图标替换为对应文字主题的彩色简洁创意LOGO图标：生活服务组： 1. 实时天气：彩色天气图标，含太阳/云朵元素，简洁现代 2. 空气质量：彩色空气/叶片/指数风格图标，清新简洁 3. 预警发布：彩色警示/铃铛/盾牌图标，醒目简洁 4. 实时水情：彩色水滴/波浪/水位图标，蓝色调 5. 用气安全：彩色火焰/安全盾牌图标，橙红与绿色搭配 6. 江城巧娘：彩色女性/手工/针线/武汉元素图标，温馨创意 7. 一键寻厕：彩色马桶/定位/厕所标识图标，简洁直观交通畅行组： 1. 武汉TAXI：彩色出租车图标，含武汉元素，黄蓝配色 2. 武汉公交：彩色公交车图标，简洁现代 3. 武汉地铁：彩色地铁/隧道图标，蓝色科技感 4. 武汉停车：彩色P字/停车图标，简洁明了 5. 挪车服务：彩色汽车/电话/挪车图标 6. 武汉交警：彩色交警/指挥/盾牌图标，正式简洁文旅休闲组： 1. 武汉文旅码：彩色二维码/黄鹤楼/文旅图标 2. 畅游江城：彩色游船/江水/武汉地标图标 3. 乐游江滩：彩色江滩/芦苇/散步图标 4. 汉运动：彩色运动/跑步/健身图标，活力橙 5. 游东湖：彩色湖水/东湖/荷花图标，清新自然 6. 武碳江湖：彩色低碳/树叶/江湖武侠风格图标，创意融合 7. 活动汇聚：彩色人群/聚会/星星图标，热闹多彩要求：所有图标统一圆角方形背景内的彩色扁平化风格，大小与原灰色方块一致，创意简洁，识别度高，其余界面细节、文字、间距、背景全部保持不变。2K高清。

基于这张武汉城市服务功能入口界面图，保持整体布局、所有文字内容、卡片结构、背景样式完全不变，只把每一个深灰色圆角方块占位图标替换为对应文字主题的彩色简洁创意LOGO图标：

生活服务组：
1. 实时天气：彩色天气图标，含太阳/云朵元素，简洁现代
2. 空气质量：彩色空气/叶片/指数风格图标，清新简洁
3. 预警发布：彩色警示/铃铛/盾牌图标，醒目简洁
4. 实时水情：彩色水滴/波浪/水位图标，蓝色调
5. 用气安全：彩色火焰/安全盾牌图标，橙红与绿色搭配
6. 江城巧娘：彩色女性/手工/针线/武汉元素图标，温馨创意
7. 一键寻厕：彩色马桶/定位/厕所标识图标，简洁直观

交通畅行组：
1. 武汉TAXI：彩色出租车图标，含武汉元素，黄蓝配色
2. 武汉公交：彩色公交车图标，简洁现代
3. 武汉地铁：彩色地铁/隧道图标，蓝色科技感
4. 武汉停车：彩色P字/停车图标，简洁明了
5. 挪车服务：彩色汽车/电话/挪车图标
6. 武汉交警：彩色交警/指挥/盾牌图标，正式简洁

文旅休闲组：
1. 武汉文旅码：彩色二维码/黄鹤楼/文旅图标
2. 畅游江城：彩色游船/江水/武汉地标图标
3. 乐游江滩：彩色江滩/芦苇/散步图标
4. 汉运动：彩色运动/跑步/健身图标，活力橙
5. 游东湖：彩色湖水/东湖/荷花图标，清新自然
6. 武碳江湖：彩色低碳/树叶/江湖武侠风格图标，创意融合
7. 活动汇聚：彩色人群/聚会/星星图标，热闹多彩

要求：所有图标统一圆角方形背景内的彩色扁平化风格，大小与原灰色方块一致，创意简洁，识别度高，其余界面细节、文字、间距、背景全部保持不变。2K高清。

参考图1的济南地铁线路图信息，使用图2的扁平化信息图线条插画风格绘制，包含完整的济南地铁线路、站点名称，顶部加上济南地铁图标和标题"济南市轨道交通线网图(示意)"，风格干净清晰，横版排版。

参考图1的济南地铁线路图信息，使用图2的扁平化信息图线条插画风格绘制，包含完整的济南地铁线路、站点名称，顶部加上济南地铁图标和标题"济南市轨道交通线网图(示意)"，风格干净清晰，横版排版。

重新设计这个旅游APP我的行程页面UI，保持原有布局结构和内容，进行视觉优化升级：1.顶部标题'我的行程'更醒目，右侧'2个规划'用浅灰色小字；2.行程卡片设计优化，加大圆角，增加柔和阴影和轻微渐变背景；3.城市名称（深圳、北京）字体加大加粗，方案描述文字层级清晰；4.状态标签优化：草稿用灰色背景+灰色文字，已确认用绿色渐变背景+白色文字，更精致；5.'待确认日期'前面增加日历小图标，更直观；6.整体背景用极浅的灰蓝色，卡片为白色；7.底部Tab栏与首页保持一致，行程图标为选中态蓝色；8.整体采用现代简约设计风格，大圆角、柔和投影、清晰的文字层级；9.保持所有中文文字内容不变，只优化视觉样式

重新设计这个旅游APP我的行程页面UI，保持原有布局结构和内容，进行视觉优化升级：1.顶部标题'我的行程'更醒目，右侧'2个规划'用浅灰色小字；2.行程卡片设计优化，加大圆角，增加柔和阴影和轻微渐变背景；3.城市名称（深圳、北京）字体加大加粗，方案描述文字层级清晰；4.状态标签优化：草稿用灰色背景+灰色文字，已确认用绿色渐变背景+白色文字，更精致；5.'待确认日期'前面增加日历小图标，更直观；6.整体背景用极浅的灰蓝色，卡片为白色；7.底部Tab栏与首页保持一致，行程图标为选中态蓝色；8.整体采用现代简约设计风格，大圆角、柔和投影、清晰的文字层级；9.保持所有中文文字内容不变，只优化视觉样式

别在失约了

将这张导航地图截图转换为手绘漫画风格，并且把图中所有文字和数据都做模糊处理

将这张导航地图截图转换为手绘漫画风格，并且把图中所有文字和数据都做模糊处理

将这张导航地图截图转换为手绘漫画风格，并且把图中所有文字和数据都做模糊处理

将这张导航地图截图转换为手绘漫画风格，并且把图中所有文字和数据都做模糊处理

将当前界面内容贴到苹果手机圆角屏样机中，保持界面所有内容、颜色和布局不变，保留手机样机的黑框边框和白色背景，让APP界面完美适配手机屏幕显示

将当前界面内容贴到苹果手机圆角屏样机中，保持界面所有内容、颜色和布局不变，保留手机样机的黑框边框和白色背景，让APP界面完美适配手机屏幕显示

生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹

生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹

生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹

生活APP个人中心页面设计，简约风格，头像信息区域清晰，功能列表整齐，配色和谐易临摹

线框原型设计，个人中心我的页，简洁风格仅展示核心元素，顶部展示用户信息头像图标+昵称+等级如"LV.3 探险家"，中部核心数据含圆形进度条标注"完成10/20任务"加解锁地点数，还有简笔画天津足迹地图，彩色圆点标注点亮区域，底部设置入口文字链接，文字标注箭头说明交互流程，和高保真方案信息架构一致

线框原型设计，个人中心我的页，简洁风格仅展示核心元素，顶部展示用户信息头像图标+昵称+等级如"LV.3 探险家"，中部核心数据含圆形进度条标注"完成10/20任务"加解锁地点数，还有简笔画天津足迹地图，彩色圆点标注点亮区域，底部设置入口文字链接，文字标注箭头说明交互流程，和高保真方案信息架构一致

1r4don6tcdcY2Ugg-HB

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

重新设计这个旅游APP个人中心页面UI，保持原有布局结构和功能模块，进行视觉优化升级：1.顶部用户信息区域优化，头像更大更精致，用户名和手机号排版更优雅，背景用蓝色渐变搭配旅行元素装饰；2.收藏、积分、评价三个数据卡片统一设计，数字更大更醒目，图标用线性风格；3.功能列表（我的订单、旅行偏好、旅行灵感、我的计划、设置）的图标统一为圆角方形渐变背景+白色线性图标风格，每个图标有不同的渐变色，紫色、蓝色、橙色、绿色、灰色依次对应；4.列表项增加右侧箭头，间距更舒适，分隔线更细腻；5.退出登录按钮用红色边框+红色文字，圆角设计；6.底部Tab栏与首页保持一致，我的图标为选中态蓝色；7.整体采用大圆角、柔和投影、现代简约设计风格；8.保持所有中文文字内容不变，只优化视觉样式

重新设计这个旅游APP个人中心页面UI，保持原有布局结构和功能模块，进行视觉优化升级：1.顶部用户信息区域优化，头像更大更精致，用户名和手机号排版更优雅，背景用蓝色渐变搭配旅行元素装饰；2.收藏、积分、评价三个数据卡片统一设计，数字更大更醒目，图标用线性风格；3.功能列表（我的订单、旅行偏好、旅行灵感、我的计划、设置）的图标统一为圆角方形渐变背景+白色线性图标风格，每个图标有不同的渐变色，紫色、蓝色、橙色、绿色、灰色依次对应；4.列表项增加右侧箭头，间距更舒适，分隔线更细腻；5.退出登录按钮用红色边框+红色文字，圆角设计；6.底部Tab栏与首页保持一致，我的图标为选中态蓝色；7.整体采用大圆角、柔和投影、现代简约设计风格；8.保持所有中文文字内容不变，只优化视觉样式

别在失约了

重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容（天气、搜索、Banner、金刚区、公告、热门景区、发现周边）的风格和布局不变，只修改底部导航栏和最底部的山水装饰。底部导航栏修改要求： 1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条，悬浮在页面最下方，有轻微阴影 2. 导航栏包含5个tab，从左到右依次是： - 首页：房子图标 + 文字"首页"，青绿色选中态 - 智慧导览：地图定位图标 + 文字"智慧导览"，灰色未选中 - 景区攻略：书本/指南图标 + 文字"景区攻略"，灰色未选中 - 文化长沙：古建筑/文化图标 + 文字"文化长沙"，灰色未选中 - 我的：人物头像图标 + 文字"我的"，灰色未选中 3. 每个tab图标为简约线性风格，选中态图标填充颜色 4. 导航栏底部留出iPhone底部安全区（Home Indicator小横条）的空间 5. 移除底部多余的山水装饰图案，让底部导航栏干净整洁同时修正发现周边的标题文字，把错误的"发门景边"改为正确的"发现周边"。整体保持新中式青绿山水风格，界面精致，2K超清。

重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容（天气、搜索、Banner、金刚区、公告、热门景区、发现周边）的风格和布局不变，只修改底部导航栏和最底部的山水装饰。

底部导航栏修改要求：
1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条，悬浮在页面最下方，有轻微阴影
2. 导航栏包含5个tab，从左到右依次是：
- 首页：房子图标 + 文字"首页"，青绿色选中态
- 智慧导览：地图定位图标 + 文字"智慧导览"，灰色未选中
- 景区攻略：书本/指南图标 + 文字"景区攻略"，灰色未选中
- 文化长沙：古建筑/文化图标 + 文字"文化长沙"，灰色未选中
- 我的：人物头像图标 + 文字"我的"，灰色未选中
3. 每个tab图标为简约线性风格，选中态图标填充颜色
4. 导航栏底部留出iPhone底部安全区（Home Indicator小横条）的空间
5. 移除底部多余的山水装饰图案，让底部导航栏干净整洁

同时修正发现周边的标题文字，把错误的"发门景边"改为正确的"发现周边"。

整体保持新中式青绿山水风格，界面精致，2K超清。

重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容（天气、搜索、Banner、金刚区、公告、热门景区、发现周边）的风格和布局不变，只修改底部导航栏和最底部的山水装饰。底部导航栏修改要求： 1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条，悬浮在页面最下方，有轻微阴影 2. 导航栏包含5个tab，从左到右依次是： - 首页：房子图标 + 文字"首页"，青绿色选中态 - 智慧导览：地图定位图标 + 文字"智慧导览"，灰色未选中 - 景区攻略：书本/指南图标 + 文字"景区攻略"，灰色未选中 - 文化长沙：古建筑/文化图标 + 文字"文化长沙"，灰色未选中 - 我的：人物头像图标 + 文字"我的"，灰色未选中 3. 每个tab图标为简约线性风格，选中态图标填充颜色 4. 导航栏底部留出iPhone底部安全区（Home Indicator小横条）的空间 5. 移除底部多余的山水装饰图案，让底部导航栏干净整洁同时修正发现周边的标题文字，把错误的"发门景边"改为正确的"发现周边"。整体保持新中式青绿山水风格，界面精致，2K超清。

重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容（天气、搜索、Banner、金刚区、公告、热门景区、发现周边）的风格和布局不变，只修改底部导航栏和最底部的山水装饰。

底部导航栏修改要求：
1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条，悬浮在页面最下方，有轻微阴影
2. 导航栏包含5个tab，从左到右依次是：
- 首页：房子图标 + 文字"首页"，青绿色选中态
- 智慧导览：地图定位图标 + 文字"智慧导览"，灰色未选中
- 景区攻略：书本/指南图标 + 文字"景区攻略"，灰色未选中
- 文化长沙：古建筑/文化图标 + 文字"文化长沙"，灰色未选中
- 我的：人物头像图标 + 文字"我的"，灰色未选中
3. 每个tab图标为简约线性风格，选中态图标填充颜色
4. 导航栏底部留出iPhone底部安全区（Home Indicator小横条）的空间
5. 移除底部多余的山水装饰图案，让底部导航栏干净整洁

同时修正发现周边的标题文字，把错误的"发门景边"改为正确的"发现周边"。

整体保持新中式青绿山水风格，界面精致，2K超清。

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

去掉图中中心蓝色发光定位标记，去掉底部白色信息弹窗中的文字，保留原本的路网布局和整体风格，画面干净简约，保留预留文字位置，保持9:16竖版，浅蓝渐变背景，4K超清

去掉图中中心蓝色发光定位标记，去掉底部白色信息弹窗中的文字，保留原本的路网布局和整体风格，画面干净简约，保留预留文字位置，保持9:16竖版，浅蓝渐变背景，4K超清

创意 × 1

参考该小程序首页的版式布局和配色风格，生成一张咖啡主题小程序首页，更换顶部banner为深棕色木质桌面背景，整体暖色调，保留所有功能入口和底部导航，全部内容替换为咖啡主题相关内容，风格温暖高级

参考该小程序首页的版式布局和配色风格，生成一张咖啡主题小程序首页，更换顶部banner为深棕色木质桌面背景，整体暖色调，保留所有功能入口和底部导航，全部内容替换为咖啡主题相关内容，风格温暖高级

读书软件搜索页面UI界面，清新浅蓝色风格，简约设计，手机端界面，顶部搜索框，下方热门搜索词推荐，历史搜索记录，风格和参考图保持一致

读书软件搜索页面UI界面，清新浅蓝色风格，简约设计，手机端界面，顶部搜索框，下方热门搜索词推荐，历史搜索记录，风格和参考图保持一致

1r5aky4sk0bhmvxg-HB

去除图片右下角的豆包AI生成水印，保持原图内容和风格不变

去除图片右下角的豆包AI生成水印，保持原图内容和风格不变

1q046ennubno17r6-HB

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹