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

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

参考图中出行小程序的UI风格，设计【消息】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【消息】图标高亮选中为红色。顶部标题"消息中心"。页面内容：上方有消息分类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/思源黑体，圆角矩形按钮带微渐变，微交互动效感，强调零门槛即用性。

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

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

别在失约了

在参考图的基础上修改：在页面顶部橙色头部区域，用户头像和手机号/昵称（基础信息卡片）的右侧空白位置，添加一个「加入社群」入口按钮。按钮设计为圆角胶囊形状，白色半透明或浅橙色背景，橙色文字「加入社群」，可搭配社群/微信图标，位置在头部区域的右侧，与用户信息水平对齐，不遮挡头像和昵称，整体风格与页面统一，其余所有内容保持不变。

在参考图的基础上修改：在页面顶部橙色头部区域，用户头像和手机号/昵称（基础信息卡片）的右侧空白位置，添加一个「加入社群」入口按钮。按钮设计为圆角胶囊形状，白色半透明或浅橙色背景，橙色文字「加入社群」，可搭配社群/微信图标，位置在头部区域的右侧，与用户信息水平对齐，不遮挡头像和昵称，整体风格与页面统一，其余所有内容保持不变。

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

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

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

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

一套潮流手机App个人中心页UI设计，二手汽车买卖租借App，竖屏9:16手机界面。视觉系统：奶黄#FFD94A+深紫#6C3EF5+白色基底，Y2K孟菲斯潮流风格。顶部黄紫渐变头部卡：白色圆形头像加用户名"小黄车主"，等级"VIP 2"，右侧有独立IP形象：奶黄色圆润小汽车拟人"驾驾"，紫色大眼睛挡风玻璃、白色轮毂、呆萌微笑、头顶黄色小天线。中部四个数据小卡：我的车辆、我的订单、优惠券、积分。下方菜单列表白色圆角卡：购车记录、租车行程、验车报告、客服中心、设置。页面底部有紫色圆角横幅卡"开通会员享包验+过户服务"。底部白色Tab栏：首页、找车、租车、我的，我的高亮为紫色。完整文案用双引号标注。中文标签清晰无错字，界面元素完整不截断，无水印。

一套潮流手机App个人中心页UI设计，二手汽车买卖租借App，竖屏9:16手机界面。视觉系统：奶黄#FFD94A+深紫#6C3EF5+白色基底，Y2K孟菲斯潮流风格。顶部黄紫渐变头部卡：白色圆形头像加用户名"小黄车主"，等级"VIP 2"，右侧有独立IP形象：奶黄色圆润小汽车拟人"驾驾"，紫色大眼睛挡风玻璃、白色轮毂、呆萌微笑、头顶黄色小天线。中部四个数据小卡：我的车辆、我的订单、优惠券、积分。下方菜单列表白色圆角卡：购车记录、租车行程、验车报告、客服中心、设置。页面底部有紫色圆角横幅卡"开通会员享包验+过户服务"。底部白色Tab栏：首页、找车、租车、我的，我的高亮为紫色。完整文案用双引号标注。中文标签清晰无错字，界面元素完整不截断，无水印。

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

生活APP消息通知页面，简约清新，消息列表整齐排列，头像和摘要清晰，界面和谐易临摹

基于提供的友易APPlogo，设计青绿色简约现代风格的APP个人中心页界面，保留青绿色主题配色，布局包含头像、功能菜单和设置入口，适配手机端

基于提供的友易APPlogo，设计青绿色简约现代风格的APP个人中心页界面，保留青绿色主题配色，布局包含头像、功能菜单和设置入口，适配手机端

政务类OA办公系统微信小程序发起流程选择页设计，顶部返回箭头和发起流程标题，搜索框，下方按分类展示流程列表：人事类（请假申请、出差申请、外出申请）、行政类（用印申请、会议室预订、用车申请）、财务类（报销申请、采购申请）、公文类（发文申请、收文登记），每个流程项有图标和名称，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

政务类OA办公系统微信小程序发起流程选择页设计，顶部返回箭头和发起流程标题，搜索框，下方按分类展示流程列表：人事类（请假申请、出差申请、外出申请）、行政类（用印申请、会议室预订、用车申请）、财务类（报销申请、采购申请）、公文类（发文申请、收文登记），每个流程项有图标和名称，政务蓝色主题，新拟态卡片设计，高质量UI设计图，手机竖屏比例

基于原图片进行修改，将列表中“回复”这个文字选项修改为“互动消息”，保持原界面布局、配色、图标和其他内容都不变

基于原图片进行修改，将列表中“回复”这个文字选项修改为“互动消息”，保持原界面布局、配色、图标和其他内容都不变

移动端小程序我的页面UI设计，温馨生活风，暖橙色调。顶部是用户信息区域，渐变暖橙色背景，左侧圆形用户头像，右侧显示用户名和"会员等级：黄金会员"标识，下方有"编辑资料"按钮。用户信息区下方是积分/订单快捷栏，四个数据并排：我的积分、我的订单、优惠券、收藏，每个有数字和标签。再下方是功能列表，分组展示：第一组"我的服务"含安装记录、售后记录；第二组"我的任务"含签到打卡、到店体验、邀请好友、转介绍；第三组"其他"含地址管理、客服中心、设置。每个列表项有左侧图标、文字标签、右侧箭头。页面底部有"退出登录"按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务、我的（选中状态，橙色高亮）。整体简洁清晰，温暖配色，圆角设计，UI设计稿，高保真

移动端小程序我的页面UI设计，温馨生活风，暖橙色调。顶部是用户信息区域，渐变暖橙色背景，左侧圆形用户头像，右侧显示用户名和"会员等级：黄金会员"标识，下方有"编辑资料"按钮。用户信息区下方是积分/订单快捷栏，四个数据并排：我的积分、我的订单、优惠券、收藏，每个有数字和标签。再下方是功能列表，分组展示：第一组"我的服务"含安装记录、售后记录；第二组"我的任务"含签到打卡、到店体验、邀请好友、转介绍；第三组"其他"含地址管理、客服中心、设置。每个列表项有左侧图标、文字标签、右侧箭头。页面底部有"退出登录"按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务、我的（选中状态，橙色高亮）。整体简洁清晰，温暖配色，圆角设计，UI设计稿，高保真

一元云购移动端购物车页面设计，购物车商品条目带有份数加减按钮（-和+）和删除按钮，底部汇总区显示"去结算"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

一元云购移动端购物车页面设计，购物车商品条目带有份数加减按钮（-和+）和删除按钮，底部汇总区显示"去结算"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

1qnuyfk91pa4sgug-HB

地尔卫浴小程序我的页面UI设计，科技蓝白色调。顶部渐变蓝色用户信息区，左侧圆形头像，右侧用户名和"地尔会员 V3"等级标识，下方"编辑资料"按钮。用户区下方四个数据快捷入口并排：我的积分、我的订单、优惠券、我的设备，每个有数字和标签。下方功能列表分组：第一组"我的服务"-安装记录、售后记录、滤芯提醒；第二组"我的任务"-签到打卡、到店体验、邀请好友、转介绍（每个任务右侧显示已获积分）；第三组"其他"-地址管理、门店查询、客服中心、设置。每个列表项有左侧图标、文字、右侧箭头。页面底部"退出登录"按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务、我的（选中，蓝色高亮）。整体简洁专业，蓝白配色，地尔卫浴品牌感，UI设计稿，高保真

地尔卫浴小程序我的页面UI设计，科技蓝白色调。顶部渐变蓝色用户信息区，左侧圆形头像，右侧用户名和"地尔会员 V3"等级标识，下方"编辑资料"按钮。用户区下方四个数据快捷入口并排：我的积分、我的订单、优惠券、我的设备，每个有数字和标签。下方功能列表分组：第一组"我的服务"-安装记录、售后记录、滤芯提醒；第二组"我的任务"-签到打卡、到店体验、邀请好友、转介绍（每个任务右侧显示已获积分）；第三组"其他"-地址管理、门店查询、客服中心、设置。每个列表项有左侧图标、文字、右侧箭头。页面底部"退出登录"按钮。最底部是底部导航栏，5个Tab：首页、积分商城、智家、服务、我的（选中，蓝色高亮）。整体简洁专业，蓝白配色，地尔卫浴品牌感，UI设计稿，高保真

一元云购移动端揭晓页面设计，进行中商品卡片带有"立即参与"和"购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

一元云购移动端揭晓页面设计，进行中商品卡片带有"立即参与"和"购物车"按钮，底部导航栏（首页、商品、购物车、揭晓、我的），现代UI设计风格

1qnuyfk91pa4sgug-HB

修改图中停车时长，将“7小时55分钟”改为“2小时55分钟”，其余页面内容保持不变

修改图中停车时长，将“7小时55分钟”改为“2小时55分钟”，其余页面内容保持不变

参考图中出行小程序的UI风格，设计【路线】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【路线】图标高亮选中为红色。顶部搜索栏保留，可搜索站点。页面主体为广州地铁线路图，彩色地铁线路纵横交错，各条线路颜色区分，白色站点圆点，换乘站特殊标识，品牌红色系配色温暖亲和。线路图可缩放查看，底部有线路图例。顶部可切换公交/地铁Tab。整体圆润面性图标风格，与参考图一致。

参考图中出行小程序的UI风格，设计【路线】页面。9:16竖屏，纯白背景，品牌红#BE1120主色，底部Tab栏中【路线】图标高亮选中为红色。顶部搜索栏保留，可搜索站点。页面主体为广州地铁线路图，彩色地铁线路纵横交错，各条线路颜色区分，白色站点圆点，换乘站特殊标识，品牌红色系配色温暖亲和。线路图可缩放查看，底部有线路图例。顶部可切换公交/地铁Tab。整体圆润面性图标风格，与参考图一致。

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

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

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

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

把列表改为小图标跟拼多多的我的页面那种布局一样

把列表改为小图标跟拼多多的我的页面那种布局一样

把列表改为小图标跟拼多多的我的页面那种布局一样

把列表改为小图标跟拼多多的我的页面那种布局一样

三福 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 界面，扁平化，适配全面屏手机，高清

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。

基于参考图的设计风格，设计微信小程序角色切换面板从导航栏左侧角色标签向下展开的效果。顶部深蓝色导航栏，左侧公司Logo + '供应商 ▼'角色标签，右侧空白避让胶囊。从角色标签下方弹出白色浮层面板，标题'切换角色'，列出6个角色：供应商（当前选中深蓝背景）、司机（紫色，已通过）、业务员（蓝色，已通过）、仓管（橙色，审核中）、品控（绿色，已通过）、管理员（灰色，已通过），底部'申请新角色'按钮。背景页面为供应商工作台（半透明遮罩）。整体风格与参考图一致。手机竖屏，高保真UI设计。