创意预览图

保持原内容不变,仅优化清晰度与比例适配:微信小程序首页,含顶部导航栏‘悦宠洗护’、品牌标识、‘扫码启动设备’大按钮、3个设备卡片、底部三入口及标语。确保文字锐利、按钮触控区清晰。

用户头像

GD564290739

2026.05.12
设计移动端宠物APP附近门店页面,整体背景是浅奶油白#FEF9E7到白色渐变,营造温暖放心氛围。顶部导航区左侧黄色返回箭头,中间标题"附近门店"加粗18px深灰色,右上角横向排列黄色地图切换按钮和黄色筛选漏斗按钮。定位与搜索栏下方是组合功能条,左侧黄色定位图标加文字"朝阳区 · 建国路"14px深灰,右侧浅灰色圆角搜索条占位文字"搜索门店或服务"配黄色搜索图标。下方是横向滚动服务分类筛选胶囊:默认选中"全部"黄色背景白色文字,其他分类有"🏪 宠物用品""✂️ 洗护美容""🏠 寄养""🦷 洁牙""📸 宠物摄影""🎂 宠物蛋糕",选中态黄色填充,未选中浅灰边框加灰色文字。默认列表视图,顶部黄色细条切换开关,"列表"黄色选中态,"地图"浅灰色。核心区域是门店卡片列表,每个门店为白色背景圆角16px卡片,每个卡片包含:左侧80x80px圆角12px门店图片,16px加粗深灰色门店名称如"宠爱宠物生活馆(朝阳店)",黄色星标"4.8分"加灰色小字"(128评价)",浅黄圆形背景黄色标签"距您 1.2km",横向排列服务标签胶囊,绿色圆点加"营业中 09:00-21:00",灰色小字地址"朝阳区建国路88号SOHO现代城B1",右侧黄色圆形电话按钮,卡片底部右侧两个胶囊按钮"导航"黄色边框黄色文字,"进店"黄色填充白色文字,整体符合移动端UI设计规范,清晰美观。设计移动端宠物APP附近门店页面,整体背景是浅奶油白#FEF9E7到白色渐变,营造温暖放心氛围。顶部导航区左侧黄色返回箭头,中间标题"附近门店"加粗18px深灰色,右上角横向排列黄色地图切换按钮和黄色筛选漏斗按钮。定位与搜索栏下方是组合功能条,左侧黄色定位图标加文字"朝阳区 · 建国路"14px深灰,右侧浅灰色圆角搜索条占位文字"搜索门店或服务"配黄色搜索图标。下方是横向滚动服务分类筛选胶囊:默认选中"全部"黄色背景白色文字,其他分类有"🏪 宠物用品""✂️ 洗护美容""🏠 寄养""🦷 洁牙""📸 宠物摄影""🎂 宠物蛋糕",选中态黄色填充,未选中浅灰边框加灰色文字。默认列表视图,顶部黄色细条切换开关,"列表"黄色选中态,"地图"浅灰色。核心区域是门店卡片列表,每个门店为白色背景圆角16px卡片,每个卡片包含:左侧80x80px圆角12px门店图片,16px加粗深灰色门店名称如"宠爱宠物生活馆(朝阳店)",黄色星标"4.8分"加灰色小字"(128评价)",浅黄圆形背景黄色标签"距您 1.2km",横向排列服务标签胶囊,绿色圆点加"营业中 09:00-21:00",灰色小字地址"朝阳区建国路88号SOHO现代城B1",右侧黄色圆形电话按钮,卡片底部右侧两个胶囊按钮"导航"黄色边框黄色文字,"进店"黄色填充白色文字,整体符合移动端UI设计规范,清晰美观。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。 弹窗从上到下布局: 1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。 3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。 页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套UI体系保持一致,为客户在自动验收前24小时收到的全屏强制提醒弹窗,全屏半透明深色遮罩,中央居中展示圆角带阴影弹窗卡片,宽度占屏幕80%,必须点击按钮才能关闭。
弹窗从上到下布局:
1. 顶部:中央醒目的⏰提醒图标,图标下方橙色警示色标题“自动验收提醒”。
2. 中部核心信息:展示订单信息:订单编号“ZXH20260703001”,项目名称“张先生家智能改造”,服务内容“现场安装调试”,分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”,下方小字“如对交付结果有异议,请及时处理”,再下方小字“超时未处理,系统将自动完成验收,订单状态变更为‘已完成’”,时间信息大而清晰,弹窗醒目有紧迫感。
3. 底部操作区:纵向排列两个按钮,间距适中:主色高亮大按钮“确认验收”(点击进入验收确认流程),警示色边框按钮“发起争议”(点击进入争议发起页面),按钮下方灰色弱化文字链接“稍后处理”(点击关闭弹窗,系统将持续提醒)。
页面底部虚线框标注关闭弹窗后的状态:标注“关闭弹窗后 ↓”,框内示意:弹窗关闭后,项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收,如有问题请及时处理”,提示条右侧有“立即处理”按钮。
两个核心操作按钮提供明确下一步路径,稍后处理为低优先级选项视觉弱化,所有文字清晰可见,使用无衬线字体,整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4