微信小程序UI设计规范稿,宠物APP「宠伴」商城首页,750x… - 图片创意预览

微信小程序UI设计规范稿,宠物APP「宠伴」商城首页,750x…

微信小程序UI设计规范稿,宠物APP「宠伴」商城首页,750x1334px竖屏,严格微信小程序规范。顶部搜索栏高72rpx,搜索文字28rpx。轮播Banner高300rpx,圆角24rpx。分类入口

用户头像

南枝12624

2026.09.29
设计移动端宠物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设计规范,清晰美观。
一张宠物用品店加盟招商海报,竖版9:16,温暖治愈商业风格。画面主色调为暖橙色与奶白色,营造宠物友好、温馨可靠的氛围。 画面构图:顶部居中大主标题,中部为温馨宠物场景插画,底部为加盟卖点与咨询区,版式精美,层级分明,四周留足安全边距。 主视觉场景:一只可爱的金毛幼犬和一只橘猫依偎在宠物用品货架旁,周围散落着宠物粮袋、玩具、牵引绳等用品,柔和暖光从侧前方洒下,整体氛围温暖治愈,充满生活感。背景为浅米色渐变,点缀柔和光斑和爪印装饰元素。 文字内容(必须完整清晰呈现): - 主标题(顶部居中,大号粗体字):"宠物用品店加盟" - 副标题(主标题下方,中号字):"轻投入开店 抢占宠物经济蓝海" - 三个卖点标签(中部偏下,横向排列,圆角橙底白字): 1. "品牌授权 整店输出" 2. "选品供货 全程扶持" 3. "运营培训 上门带店" - 装饰小标签(左上角):"总部扶持" - 装饰小标签(右上角):"0经验也能开" - 底部CTA按钮(居中,橙色圆角按钮):"扫码咨询" - 底部左侧:纯色方块二维码占位符,方块中央标注"二维码占位"文字 - 底部右侧:"加盟热线:400-XXX-XXXX" 画面中所有信息区域、卖点卡片、按钮等必须填充完整合理的内容,不得出现空白框、空白占位、横线待填写区域、空列表项、空单元格。 画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。 画面中所有数字必须精确渲染,不得错位、遗漏或编造。 整体风格:写实商业摄影质感,暖色调,柔和光影,高级留白,版式精美,专业招商海报质感。一张宠物用品店加盟招商海报,竖版9:16,温暖治愈商业风格。画面主色调为暖橙色与奶白色,营造宠物友好、温馨可靠的氛围。

画面构图:顶部居中大主标题,中部为温馨宠物场景插画,底部为加盟卖点与咨询区,版式精美,层级分明,四周留足安全边距。

主视觉场景:一只可爱的金毛幼犬和一只橘猫依偎在宠物用品货架旁,周围散落着宠物粮袋、玩具、牵引绳等用品,柔和暖光从侧前方洒下,整体氛围温暖治愈,充满生活感。背景为浅米色渐变,点缀柔和光斑和爪印装饰元素。

文字内容(必须完整清晰呈现):
- 主标题(顶部居中,大号粗体字):"宠物用品店加盟"
- 副标题(主标题下方,中号字):"轻投入开店 抢占宠物经济蓝海"
- 三个卖点标签(中部偏下,横向排列,圆角橙底白字):
  1. "品牌授权 整店输出"
  2. "选品供货 全程扶持"
  3. "运营培训 上门带店"
- 装饰小标签(左上角):"总部扶持"
- 装饰小标签(右上角):"0经验也能开"
- 底部CTA按钮(居中,橙色圆角按钮):"扫码咨询"
- 底部左侧:纯色方块二维码占位符,方块中央标注"二维码占位"文字
- 底部右侧:"加盟热线:400-XXX-XXXX"

画面中所有信息区域、卖点卡片、按钮等必须填充完整合理的内容,不得出现空白框、空白占位、横线待填写区域、空列表项、空单元格。

画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。

画面中所有数字必须精确渲染,不得错位、遗漏或编造。

整体风格:写实商业摄影质感,暖色调,柔和光影,高级留白,版式精美,专业招商海报质感。