微信小程序UI设计规范稿，宠物APP「宠伴」启动页引导页，75… - 图片创意预览

微信小程序UI设计规范稿，宠物APP「宠伴」启动页引导页，75…

微信小程序UI设计规范稿，宠物APP「宠伴」启动页引导页，750x1334px竖屏，严格微信小程序规范。全屏温暖渐变背景（奶咖暖棕到莫兰迪绿）。中间大吉祥物插画：可爱的猫狗组合软3D风格，大小400r

南枝12624

2026.09.29

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

微信小程序UI设计规范稿，宠物APP「宠伴」宠物档案首页，750x1334px竖屏，严格按微信小程序设计规范。顶部导航栏高88rpx，标题「我的宠物」34rpx加粗，右侧设置图标。顶部问候卡片：「早上好，铲屎官」40rpx加粗，配温暖渐变背景。横向滚动宠物卡片：每张宽200rpx，圆角24rpx，头像120rpx圆形，名字32rpx加粗，品种年龄24rpx灰色。今日提醒卡片：标题32rpx加粗，事项28rpx，逾期红色标签24rpx。快捷入口宫格2行3列：每个图标80rpx，文字26rpx。底部TabBar高100rpx，5个图标加文字，文字22rpx，当前选中「宠物」暖棕色高亮。所有间距、字号、图标严格符合微信小程序设计规范，奶咖暖棕加莫兰迪绿配色，玻璃拟态卡片风格，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」宠物档案首页，750x1334px竖屏，严格按微信小程序设计规范。顶部导航栏高88rpx，标题「我的宠物」34rpx加粗，右侧设置图标。顶部问候卡片：「早上好，铲屎官」40rpx加粗，配温暖渐变背景。横向滚动宠物卡片：每张宽200rpx，圆角24rpx，头像120rpx圆形，名字32rpx加粗，品种年龄24rpx灰色。今日提醒卡片：标题32rpx加粗，事项28rpx，逾期红色标签24rpx。快捷入口宫格2行3列：每个图标80rpx，文字26rpx。底部TabBar高100rpx，5个图标加文字，文字22rpx，当前选中「宠物」暖棕色高亮。所有间距、字号、图标严格符合微信小程序设计规范，奶咖暖棕加莫兰迪绿配色，玻璃拟态卡片风格，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」我的页面，750x1334px竖屏，严格微信小程序规范。顶部用户区高300rpx，暖棕渐变，头像140rpx圆形，昵称36rpx加粗白色，数据标签三个并排：每个宽140rpx，数字36rpx加粗，标签24rpx白色。快捷入口九宫格3行3列：每个入口宽180rpx，高160rpx，图标60rpx，文字26rpx。合规提示卡片：高100rpx，图标40rpx，文字26rpx灰色。设置列表：每行高88rpx，文字30rpx，箭头图标。底部TabBar高100rpx，5个Tab，文字22rpx，选中「我的」高亮。奶咖暖棕配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」我的页面，750x1334px竖屏，严格微信小程序规范。顶部用户区高300rpx，暖棕渐变，头像140rpx圆形，昵称36rpx加粗白色，数据标签三个并排：每个宽140rpx，数字36rpx加粗，标签24rpx白色。快捷入口九宫格3行3列：每个入口宽180rpx，高160rpx，图标60rpx，文字26rpx。合规提示卡片：高100rpx，图标40rpx，文字26rpx灰色。设置列表：每行高88rpx，文字30rpx，箭头图标。底部TabBar高100rpx，5个Tab，文字22rpx，选中「我的」高亮。奶咖暖棕配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」商城首页，750x1334px竖屏，严格微信小程序规范。顶部搜索栏高72rpx，搜索文字28rpx。轮播Banner高300rpx，圆角24rpx。分类入口横向滚动：每个分类宽120rpx，图标80rpx，文字24rpx。会员专享区卡片：高160rpx，标题30rpx加粗，价格28rpx金色。商品推荐双列瀑布流：每张卡片宽340rpx，图片高340rpx，商品名28rpx，价格30rpx加粗，会员标签22rpx，购物车按钮直径60rpx。底部TabBar高100rpx，5个Tab，文字22rpx，选中「商城」。暖金奶白配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」商城首页，750x1334px竖屏，严格微信小程序规范。顶部搜索栏高72rpx，搜索文字28rpx。轮播Banner高300rpx，圆角24rpx。分类入口横向滚动：每个分类宽120rpx，图标80rpx，文字24rpx。会员专享区卡片：高160rpx，标题30rpx加粗，价格28rpx金色。商品推荐双列瀑布流：每张卡片宽340rpx，图片高340rpx，商品名28rpx，价格30rpx加粗，会员标签22rpx，购物车按钮直径60rpx。底部TabBar高100rpx，5个Tab，文字22rpx，选中「商城」。暖金奶白配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」发现-宠物友好地图页，750x1334px竖屏，严格微信小程序规范。顶部搜索栏高72rpx，搜索文字28rpx，圆角36rpx。筛选标签栏：标签高60rpx，文字26rpx，圆角30rpx。地图区域占中间大部分。两个功能入口卡片并排：宽320rpx，高140rpx，图标60rpx，标题30rpx加粗，副标题24rpx灰色，分别是「上门喂猫遛狗」和「宠物交友社区」。底部浮起黄页卡片：横向滚动，每张卡片宽280rpx，图片高160rpx，名称28rpx加粗，评分距离24rpx，标签22rpx。底部TabBar高100rpx，5个Tab，文字22rpx，选中「发现」高亮。莫兰迪绿加暖棕，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」发现-宠物友好地图页，750x1334px竖屏，严格微信小程序规范。顶部搜索栏高72rpx，搜索文字28rpx，圆角36rpx。筛选标签栏：标签高60rpx，文字26rpx，圆角30rpx。地图区域占中间大部分。两个功能入口卡片并排：宽320rpx，高140rpx，图标60rpx，标题30rpx加粗，副标题24rpx灰色，分别是「上门喂猫遛狗」和「宠物交友社区」。底部浮起黄页卡片：横向滚动，每张卡片宽280rpx，图片高160rpx，名称28rpx加粗，评分距离24rpx，标签22rpx。底部TabBar高100rpx，5个Tab，文字22rpx，选中「发现」高亮。莫兰迪绿加暖棕，严格小程序尺寸规范，纯UI设计稿，无真实人物

「图片1」「图片1」「图片1」吧第一张图片中两个手机界面替换成第二和第三张图

「图片1」「图片1」「图片1」吧第一张图片中两个手机界面替换成第二和第三张图

微信小程序UI设计规范稿，宠物APP「宠伴」宠物交友-附近邻居页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「附近宠物邻居」34rpx加粗，右侧筛选图标。顶部提示条：「已为你发现附近23位宠友」28rpx灰色。邻居卡片列表：每张卡片高200rpx，内边距32rpx，左侧宠物头像120rpx圆形加主人小头像40rpx角标，中间宠物名字30rpx加粗，品种26rpx，主人昵称26rpx灰色，爱好标签（爱遛弯、粘人、友好）高40rpx文字22rpx圆角20rpx，右侧距离28rpx暖棕色加定位图标，关注按钮高60rpx宽120rpx圆角30rpx文字26rpx边框。底部TabBar高100rpx，5个Tab，选中「发现」。暖橙奶白配色，社交感，严格小程序规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」宠物交友-附近邻居页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「附近宠物邻居」34rpx加粗，右侧筛选图标。顶部提示条：「已为你发现附近23位宠友」28rpx灰色。邻居卡片列表：每张卡片高200rpx，内边距32rpx，左侧宠物头像120rpx圆形加主人小头像40rpx角标，中间宠物名字30rpx加粗，品种26rpx，主人昵称26rpx灰色，爱好标签（爱遛弯、粘人、友好）高40rpx文字22rpx圆角20rpx，右侧距离28rpx暖棕色加定位图标，关注按钮高60rpx宽120rpx圆角30rpx文字26rpx边框。底部TabBar高100rpx，5个Tab，选中「发现」。暖橙奶白配色，社交感，严格小程序规范，纯UI设计稿，无真实人物

淘宝手机端宠物轮播图，可爱猫咪和狗狗，清新活泼风格，适合电商展示，画面干净明亮，突出宠物萌态，留有商品广告位置

淘宝手机端宠物轮播图，可爱猫咪和狗狗，清新活泼风格，适合电商展示，画面干净明亮，突出宠物萌态，留有商品广告位置

1r1u9mf973NDzu3A-HB

UI界面，软3D风格萌猫，毛发生长细腻，卡通感十足，清新舒适治愈系界面，节日氛围温馨可爱。

UI界面，软3D风格萌猫，毛发生长细腻，卡通感十足，清新舒适治愈系界面，节日氛围温馨可爱。

绿色小青蛙

[第10屏] 售后保障服务页，增强购买信任引导下单。本屏整体采用软萌马卡龙风格设计。[氛围/风格] 安心可靠，柔和温馨，品牌感强。[元素布局] 顶部放置品牌理念文案，中间用四个圆角小卡片分别展示售后保障服务，底部放置引导下单文案，整体居中排版，松散透气。[光影质感] 均匀柔光，卡片和文字清晰干净。[配色色系] 全局底色：#F0F9FF（浅蓝马卡龙）；四个卡片分别使用浅蓝、浅黄、浅紫、浅粉马卡龙色；文字深灰色。[视角构图] 从上到下排版，符合手机阅读动线，信息层级分明。[文字版式] 顶部主标题「贴心服务放心购买」，四个服务卡片分别为：品质把控、无忧退换、及时发货、客服在线。每个卡片文字居中，圆润字体，清晰可读。底部引导文案「欢迎选购，给你的小宠物一个温馨小家」。[比例分辨率] 9:16竖版，4K分辨率，文字清晰可辨。[负向提示词] 文字错乱，卡片变形，颜色刺眼，诱导按钮，极限词，水印。

[第10屏] 售后保障服务页，增强购买信任引导下单。本屏整体采用软萌马卡龙风格设计。[氛围/风格] 安心可靠，柔和温馨，品牌感强。[元素布局] 顶部放置品牌理念文案，中间用四个圆角小卡片分别展示售后保障服务，底部放置引导下单文案，整体居中排版，松散透气。[光影质感] 均匀柔光，卡片和文字清晰干净。[配色色系] 全局底色：#F0F9FF（浅蓝马卡龙）；四个卡片分别使用浅蓝、浅黄、浅紫、浅粉马卡龙色；文字深灰色。[视角构图] 从上到下排版，符合手机阅读动线，信息层级分明。[文字版式] 顶部主标题「贴心服务放心购买」，四个服务卡片分别为：品质把控、无忧退换、及时发货、客服在线。每个卡片文字居中，圆润字体，清晰可读。底部引导文案「欢迎选购，给你的小宠物一个温馨小家」。[比例分辨率] 9:16竖版，4K分辨率，文字清晰可辨。[负向提示词] 文字错乱，卡片变形，颜色刺眼，诱导按钮，极限词，水印。

1qyrbdzbj3gzGLaw-HB

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

微信小程序UI设计规范稿，宠物APP「宠伴」宠物交友动态页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「宠物社区」34rpx加粗，右侧相机图标。Tab切换高80rpx：附近、关注、热门，文字30rpx，选中下划线。动态流卡片：每张卡片内边距32rpx，用户区头像80rpx圆形，昵称30rpx加粗，品种标签24rpx，右侧定位距离26rpx带定位图标。主图高400rpx，圆角16rpx。正文文字28rpx，话题标签24rpx蓝色。互动栏：点赞、评论、分享图标40rpx，数字26rpx。右下角发帖悬浮按钮直径100rpx。底部TabBar高100rpx，5个Tab，选中「发现」。暖橙奶白配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」宠物交友动态页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「宠物社区」34rpx加粗，右侧相机图标。Tab切换高80rpx：附近、关注、热门，文字30rpx，选中下划线。动态流卡片：每张卡片内边距32rpx，用户区头像80rpx圆形，昵称30rpx加粗，品种标签24rpx，右侧定位距离26rpx带定位图标。主图高400rpx，圆角16rpx。正文文字28rpx，话题标签24rpx蓝色。互动栏：点赞、评论、分享图标40rpx，数字26rpx。右下角发帖悬浮按钮直径100rpx。底部TabBar高100rpx，5个Tab，选中「发现」。暖橙奶白配色，严格小程序尺寸规范，纯UI设计稿，无真实人物

全景视角，城市白天，小猫和小狗在购物。画面中心巨大的手机屏幕显示着各式各样的商品，周围纸箱、猫抓板，背景是热闹的街道

全景视角，城市白天，小猫和小狗在购物。画面中心巨大的手机屏幕显示着各式各样的商品，周围纸箱、猫抓板，背景是热闹的街道

开心小番茄

扁平风设计，可爱卡通狗狗与猫咪互动，萌宠主题温馨有趣。

扁平风设计，可爱卡通狗狗与猫咪互动，萌宠主题温馨有趣。

淘宝移动端首页，店名叫"友猫宠物店"，竖版750px宽，完整包含店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动五大板块，可爱治愈风格，干净简约马卡龙色系，电商高级质感，主色调浅蓝+白色搭配柔和暖色调过渡，画面整洁无多余杂元素无水印，适配移动端竖版浏览，细节清晰突出猫咪相关元素，整体柔和治愈符合宠物店铺调性，排版清爽模块分明

淘宝移动端首页，店名叫"友猫宠物店"，竖版750px宽，完整包含店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动五大板块，可爱治愈风格，干净简约马卡龙色系，电商高级质感，主色调浅蓝+白色搭配柔和暖色调过渡，画面整洁无多余杂元素无水印，适配移动端竖版浏览，细节清晰突出猫咪相关元素，整体柔和治愈符合宠物店铺调性，排版清爽模块分明

清新感与可爱感结合，扁平风与轻拟物风融合，简约主义设计呈现科技感宠物管理界面，塑料风质感点缀，传递智能陪伴的温馨节日氛围。

清新感与可爱感结合，扁平风与轻拟物风融合，简约主义设计呈现科技感宠物管理界面，塑料风质感点缀，传递智能陪伴的温馨节日氛围。

创意 × 1

换个马甲就不认识了

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

友猫宠物店淘宝移动端竖版首页，标准宽度，包含店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动五大核心模块，整体风格可爱治愈、干净简约，高清精致，具备电商高级质感，排版清爽层次分明，主色调为浅蓝与纯白色，搭配暖色调柔和过渡，画面整洁无冗余元素、无水印，高清画质，适配移动端浏览体验，视觉舒适、专业美观

友猫宠物店淘宝移动端竖版首页，标准宽度，包含店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动五大核心模块，整体风格可爱治愈、干净简约，高清精致，具备电商高级质感，排版清爽层次分明，主色调为浅蓝与纯白色，搭配暖色调柔和过渡，画面整洁无冗余元素、无水印，高清画质，适配移动端浏览体验，视觉舒适、专业美观

参考原图内容，重新优化排版设计，制作一个美观现代的宠托师列表小程序界面，保留原搜索框、服务类型筛选、宠物品种筛选和宠托师推荐卡片内容，采用清新治愈的浅蓝色宠物主题风格，优化布局层次，让信息更清晰美观，界面适配手机端

参考原图内容，重新优化排版设计，制作一个美观现代的宠托师列表小程序界面，保留原搜索框、服务类型筛选、宠物品种筛选和宠托师推荐卡片内容，采用清新治愈的浅蓝色宠物主题风格，优化布局层次，让信息更清晰美观，界面适配手机端

1r1umc3j68KzWjmQ-HB

微信小程序UI设计规范稿，宠物APP「宠伴」宠物档案编辑页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「添加宠物」34rpx加粗，左侧返回，右侧保存按钮文字30rpx。头像上传区：圆形头像180rpx，相机图标60rpx，下方提示文字26rpx灰色。表单列表：每行高100rpx，左侧标签30rpx，右侧输入框文字30rpx，分隔线1rpx。表单项：宠物昵称、品种、性别（公/母单选）、生日、体重kg。底部保存按钮高88rpx，宽686rpx，圆角44rpx，文字32rpx加粗白色。奶咖暖棕配色，玻璃拟态表单卡片，严格小程序尺寸规范，纯UI设计稿，无真实人物

微信小程序UI设计规范稿，宠物APP「宠伴」宠物档案编辑页，750x1334px竖屏，严格微信小程序规范。顶部导航栏高88rpx，标题「添加宠物」34rpx加粗，左侧返回，右侧保存按钮文字30rpx。头像上传区：圆形头像180rpx，相机图标60rpx，下方提示文字26rpx灰色。表单列表：每行高100rpx，左侧标签30rpx，右侧输入框文字30rpx，分隔线1rpx。表单项：宠物昵称、品种、性别（公/母单选）、生日、体重kg。底部保存按钮高88rpx，宽686rpx，圆角44rpx，文字32rpx加粗白色。奶咖暖棕配色，玻璃拟态表单卡片，严格小程序尺寸规范，纯UI设计稿，无真实人物

友猫宠物店淘宝移动端首页设计，宽度750px，可爱治愈风+干净简约风，极简高级治愈柔和，主色调浅蓝+纯白色，辅助柔和暖色调，从上到下包含店铺店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动版块，排版清爽层次清晰，清新护眼高级干净，适配手机浏览

友猫宠物店淘宝移动端首页设计，宽度750px，可爱治愈风+干净简约风，极简高级治愈柔和，主色调浅蓝+纯白色，辅助柔和暖色调，从上到下包含店铺店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动版块，排版清爽层次清晰，清新护眼高级干净，适配手机浏览

友猫宠物店淘宝移动端首页设计，宽度750px，可爱治愈风+干净简约风，极简高级治愈柔和，主色调浅蓝+纯白色，辅助柔和暖色调，从上到下包含店铺店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动版块，排版清爽层次清晰，清新护眼高级干净，适配手机浏览

友猫宠物店淘宝移动端首页设计，宽度750px，可爱治愈风+干净简约风，极简高级治愈柔和，主色调浅蓝+纯白色，辅助柔和暖色调，从上到下包含店铺店招、轮播海报、宠物服务分类、猫咪用品推荐、优惠活动版块，排版清爽层次清晰，清新护眼高级干净，适配手机浏览

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

我的这个内容要有在宠物ui界面上进行下单关于遛宠、上门喂养，然后也可以分享自己的宠物发帖，记录宠物习惯，然后简洁的四张，然后字清晰一点。暖白浅杏底色，圆角卡片柔和动效配圆润可爱的图标。帮我生成一套四级UI界面

线上萌宠趣味互动宣传横图，可爱柯基狗狗形象，暖色调活泼风格，上方写着"和你的萌宠来一场线上互动小游戏"，设计明快简洁，合规无违规内容，适合腾讯广告投放

线上萌宠趣味互动宣传横图，可爱柯基狗狗形象，暖色调活泼风格，上方写着"和你的萌宠来一场线上互动小游戏"，设计明快简洁，合规无违规内容，适合腾讯广告投放