微信小程序UI设计规范稿,宠物APP「宠伴」百科详情页,750… - 图片创意预览

微信小程序UI设计规范稿,宠物APP「宠伴」百科详情页,750…

微信小程序UI设计规范稿,宠物APP「宠伴」百科详情页,750x1334px竖屏,严格微信小程序规范。顶部导航栏高88rpx,标题「百科详情」34rpx加粗,左侧返回,右侧分享收藏图标。文章头图高30

用户头像

南枝12624

2026.09.29
使用商品详情页技能根据商品图「图片1」生成详情页,参考图为,商品名称为宠物防丢定位器,卖点为"根据宠物成长行为升级; 宠物成长等级:萌宠宝宝、活力萌新、快乐探险家、健康达人......" 支持通过用户行为来获得经验值(每日运动、完成目标、连续打卡、健康记录等) 达成成就解锁勋章(成长类勋章、行为类勋章) AI动态生成个性化任务,每日三个(如遛猫、喂食、拍照) 支持等级升级、获得勋章时生成海报,进行分享 记录主人与宠物亲密度值:遛狗+10、喂食+5、拍照+3等 "支持上传图片/拍照 支持输入文字 支持记录上传时间 支持生成海报分享好友/朋友圈" "支持记录宠物的基本信息(图片、品种、昵称、性别、生日、体重、所在地等); 支持记录宠物的病史 支持记录宠物的健康信息(疫苗、驱虫、体检、绝育等记录)" 支持多成员查看宠物 "支持一个账号管理多只宠物和多个设备 支持统一查看和快速切换" 固件远程升级 支持纪念日提醒(如:今天是Lucy的3岁生日,已经陪伴你1095天啦) 支持情感提醒(如:Lucy想你啦,已经一天没有来看我了) "支持行为提醒(如:Lucy正在认真舔毛,心情不错呢) 舔毛、跳跃等行为目前较难监测到,减少该行为提醒。只做睡觉,活动一些行为提醒" 支持成长体系提醒(如:Lucy距离升级只差一步了!) 支持健康提醒(如:lucy今天运动有点少,距离目标还差15分钟散步),适配平台为拼多多,图片比例为9:16,需求屏数为8张,使用商品详情页技能根据商品图「图片1」生成详情页,参考图为,商品名称为宠物防丢定位器,卖点为"根据宠物成长行为升级; 宠物成长等级:萌宠宝宝、活力萌新、快乐探险家、健康达人......" 支持通过用户行为来获得经验值(每日运动、完成目标、连续打卡、健康记录等) 达成成就解锁勋章(成长类勋章、行为类勋章) AI动态生成个性化任务,每日三个(如遛猫、喂食、拍照) 支持等级升级、获得勋章时生成海报,进行分享 记录主人与宠物亲密度值:遛狗+10、喂食+5、拍照+3等 "支持上传图片/拍照 支持输入文字 支持记录上传时间 支持生成海报分享好友/朋友圈" "支持记录宠物的基本信息(图片、品种、昵称、性别、生日、体重、所在地等); 支持记录宠物的病史 支持记录宠物的健康信息(疫苗、驱虫、体检、绝育等记录)" 支持多成员查看宠物 "支持一个账号管理多只宠物和多个设备 支持统一查看和快速切换" 固件远程升级 支持纪念日提醒(如:今天是Lucy的3岁生日,已经陪伴你1095天啦) 支持情感提醒(如:Lucy想你啦,已经一天没有来看我了) "支持行为提醒(如:Lucy正在认真舔毛,心情不错呢) 舔毛、跳跃等行为目前较难监测到,减少该行为提醒。只做睡觉,活动一些行为提醒" 支持成长体系提醒(如:Lucy距离升级只差一步了!) 支持健康提醒(如:lucy今天运动有点少,距离目标还差15分钟散步),适配平台为拼多多,图片比例为9:16,需求屏数为8张,
[第2张] 核心卖点总览-俏百宠全价全期犬粮四大核心优势。本张使用【图2】黄色包装袋作为商品主体。 [氛围/风格] 森林自然清新风,专业可信,信息层次分明。 [元素布局] 画面上方俏百宠黄色狗粮包装袋正面展示(与参考图完全一致,杜绝变形色差),包装袋占画面约35%,位于中上偏左。下方四个圆角深棕色卡片2x2排列,每张卡片配金色线稿图标+标题+短句说明。背景为虚化的森林草地,阳光柔和洒落,点缀飘落的树叶光斑。包装袋右侧一小堆狗粮颗粒+冻干块做点缀。 [光影质感] 森林柔和顶光,包装袋正面受光均匀黄色鲜亮,卡片有轻微投影立体感,整体明亮通透。 [配色色系] 全局底色森林绿渐变(浅绿到深绿);主色金黄色(包装袋/图标);辅助色深棕色(卡片)、奶白色(文字);点缀色金色光效。 [视角构图] 正面平视,上半产品+下半信息卡,上下结构清晰;阅读动线从上到下。 [文字版式] 顶部居中大标题「四大核心优势 守护爱宠健康」白色粗体;副标题「科学配方 营养更全面」白色中号。四张卡片:左上骨头图标+「高肉含量」+「89%动物源蛋白 满足食肉天性」;右上盾牌图标+「呵护肠胃」+「益生菌&益生元 减少软便」;左下鸡肉图标+「鸡肉绒裹粮」+「外层裹绒 鲜香更爱吃」;右下爱心图标+「全价全期」+「营养均衡 全年龄段适用」。卡片均为深棕底白字,图标金色。底部浅绿半透明条白字「俏百宠 专注宠物健康营养」。 [比例分辨率] 3:4竖版,4K分辨率,文字清晰可辨。 [负向提示词] 包装袋变形色差,文字错乱模糊,卡片变形,水印,电商平台Logo,粉色萌系元素。[第2张] 核心卖点总览-俏百宠全价全期犬粮四大核心优势。本张使用【图2】黄色包装袋作为商品主体。
[氛围/风格] 森林自然清新风,专业可信,信息层次分明。
[元素布局] 画面上方俏百宠黄色狗粮包装袋正面展示(与参考图完全一致,杜绝变形色差),包装袋占画面约35%,位于中上偏左。下方四个圆角深棕色卡片2x2排列,每张卡片配金色线稿图标+标题+短句说明。背景为虚化的森林草地,阳光柔和洒落,点缀飘落的树叶光斑。包装袋右侧一小堆狗粮颗粒+冻干块做点缀。
[光影质感] 森林柔和顶光,包装袋正面受光均匀黄色鲜亮,卡片有轻微投影立体感,整体明亮通透。
[配色色系] 全局底色森林绿渐变(浅绿到深绿);主色金黄色(包装袋/图标);辅助色深棕色(卡片)、奶白色(文字);点缀色金色光效。
[视角构图] 正面平视,上半产品+下半信息卡,上下结构清晰;阅读动线从上到下。
[文字版式] 顶部居中大标题「四大核心优势 守护爱宠健康」白色粗体;副标题「科学配方 营养更全面」白色中号。四张卡片:左上骨头图标+「高肉含量」+「89%动物源蛋白 满足食肉天性」;右上盾牌图标+「呵护肠胃」+「益生菌&益生元 减少软便」;左下鸡肉图标+「鸡肉绒裹粮」+「外层裹绒 鲜香更爱吃」;右下爱心图标+「全价全期」+「营养均衡 全年龄段适用」。卡片均为深棕底白字,图标金色。底部浅绿半透明条白字「俏百宠 专注宠物健康营养」。
[比例分辨率] 3:4竖版,4K分辨率,文字清晰可辨。
[负向提示词] 包装袋变形色差,文字错乱模糊,卡片变形,水印,电商平台Logo,粉色萌系元素。
[第2张] 核心卖点总览-俏百宠全价全期犬粮四大核心优势。本张使用【图2】黄色包装袋作为商品主体。 [氛围/风格] 森林自然清新风,专业可信,信息层次分明。 [元素布局] 画面上方俏百宠黄色狗粮包装袋正面展示(与参考图完全一致,杜绝变形色差),包装袋占画面约35%,位于中上偏左。下方四个圆角深棕色卡片2x2排列,每张卡片配金色线稿图标+标题+短句说明。背景为虚化的森林草地,阳光柔和洒落,点缀飘落的树叶光斑。包装袋右侧一小堆狗粮颗粒+冻干块做点缀。 [光影质感] 森林柔和顶光,包装袋正面受光均匀黄色鲜亮,卡片有轻微投影立体感,整体明亮通透。 [配色色系] 全局底色森林绿渐变(浅绿到深绿);主色金黄色(包装袋/图标);辅助色深棕色(卡片)、奶白色(文字);点缀色金色光效。 [视角构图] 正面平视,上半产品+下半信息卡,上下结构清晰;阅读动线从上到下。 [文字版式] 顶部居中大标题「四大核心优势 守护爱宠健康」白色粗体;副标题「科学配方 营养更全面」白色中号。四张卡片:左上骨头图标+「高肉含量」+「89%动物源蛋白 满足食肉天性」;右上盾牌图标+「呵护肠胃」+「益生菌&益生元 减少软便」;左下鸡肉图标+「鸡肉绒裹粮」+「外层裹绒 鲜香更爱吃」;右下爱心图标+「全价全期」+「营养均衡 全年龄段适用」。卡片均为深棕底白字,图标金色。底部浅绿半透明条白字「俏百宠 专注宠物健康营养」。 [比例分辨率] 3:4竖版,4K分辨率,文字清晰可辨。 [负向提示词] 包装袋变形色差,文字错乱模糊,卡片变形,水印,电商平台Logo,粉色萌系元素。[第2张] 核心卖点总览-俏百宠全价全期犬粮四大核心优势。本张使用【图2】黄色包装袋作为商品主体。
[氛围/风格] 森林自然清新风,专业可信,信息层次分明。
[元素布局] 画面上方俏百宠黄色狗粮包装袋正面展示(与参考图完全一致,杜绝变形色差),包装袋占画面约35%,位于中上偏左。下方四个圆角深棕色卡片2x2排列,每张卡片配金色线稿图标+标题+短句说明。背景为虚化的森林草地,阳光柔和洒落,点缀飘落的树叶光斑。包装袋右侧一小堆狗粮颗粒+冻干块做点缀。
[光影质感] 森林柔和顶光,包装袋正面受光均匀黄色鲜亮,卡片有轻微投影立体感,整体明亮通透。
[配色色系] 全局底色森林绿渐变(浅绿到深绿);主色金黄色(包装袋/图标);辅助色深棕色(卡片)、奶白色(文字);点缀色金色光效。
[视角构图] 正面平视,上半产品+下半信息卡,上下结构清晰;阅读动线从上到下。
[文字版式] 顶部居中大标题「四大核心优势 守护爱宠健康」白色粗体;副标题「科学配方 营养更全面」白色中号。四张卡片:左上骨头图标+「高肉含量」+「89%动物源蛋白 满足食肉天性」;右上盾牌图标+「呵护肠胃」+「益生菌&益生元 减少软便」;左下鸡肉图标+「鸡肉绒裹粮」+「外层裹绒 鲜香更爱吃」;右下爱心图标+「全价全期」+「营养均衡 全年龄段适用」。卡片均为深棕底白字,图标金色。底部浅绿半透明条白字「俏百宠 专注宠物健康营养」。
[比例分辨率] 3:4竖版,4K分辨率,文字清晰可辨。
[负向提示词] 包装袋变形色差,文字错乱模糊,卡片变形,水印,电商平台Logo,粉色萌系元素。