创意预览图

纳爱斯洗护小程序商品分类页UI设计,清新自然风格,绿色为主色调,左侧分类导航栏,右侧商品卡片宫格布局,底部有首页、分类、积分、我的四个导航按钮,移动端竖屏

用户头像

1r1prc9e5lr...

2026.05.13
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:首页主页,小程序首页,页面顶部放置全屏搜索栏,搜索框内占位文字“搜索纳爱斯牙膏、口腔护理产品”;搜索栏下方横向分类导航栏,导航选项包含推荐、新品、护龈牙膏、抗敏护理、优惠活动;导航栏下方大幅banner轮播图,主视觉为120g清火护龈、140g抗敏护龈两款纳爱斯养龈健齿牙膏产品海报;轮播图下方为商品卡片瀑布流展示区,单张商品卡片展示对应牙膏实物图、产品名称、规格、活动优惠价、加入购物车小按钮;页面最底部为五栏底部导航栏,完整首页电商信息流布局。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:首页主页,小程序首页,页面顶部放置全屏搜索栏,搜索框内占位文字“搜索纳爱斯牙膏、口腔护理产品”;搜索栏下方横向分类导航栏,导航选项包含推荐、新品、护龈牙膏、抗敏护理、优惠活动;导航栏下方大幅banner轮播图,主视觉为120g清火护龈、140g抗敏护龈两款纳爱斯养龈健齿牙膏产品海报;轮播图下方为商品卡片瀑布流展示区,单张商品卡片展示对应牙膏实物图、产品名称、规格、活动优惠价、加入购物车小按钮;页面最底部为五栏底部导航栏,完整首页电商信息流布局。
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:直播页面,纳爱斯口腔护理直播页面,页面顶部直播搜索框,下方横向直播分类标签:品牌官方直播、好物种草直播、牙膏专场直播;主体区域为直播卡片网格布局,卡片内展示直播封面(牙膏产品场景图)、直播间标题、在线观看人数、主播头像昵称;卡片右下角放置浅绿色“进入直播间”圆角按钮,底部完整五栏导航。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:直播页面,纳爱斯口腔护理直播页面,页面顶部直播搜索框,下方横向直播分类标签:品牌官方直播、好物种草直播、牙膏专场直播;主体区域为直播卡片网格布局,卡片内展示直播封面(牙膏产品场景图)、直播间标题、在线观看人数、主播头像昵称;卡片右下角放置浅绿色“进入直播间”圆角按钮,底部完整五栏导航。
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:牙膏产品分类页,口腔护理牙膏分类专区页面,顶部页面标题“护龈牙膏专区”,左侧侧边竖向分类栏:清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件;右侧主体区域为对应分类下商品陈列卡片,卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签;页面穿插简约口腔护理科普短句作为装饰文案,底部完整五栏导航。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:牙膏产品分类页,口腔护理牙膏分类专区页面,顶部页面标题“护龈牙膏专区”,左侧侧边竖向分类栏:清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件;右侧主体区域为对应分类下商品陈列卡片,卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签;页面穿插简约口腔护理科普短句作为装饰文案,底部完整五栏导航。
移动端电商小程序UI界面消息通知页面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。消息中心页面,顶部页面标题「消息」,页面分四大消息列表模块:交易物流通知、客服服务提醒、活动优惠通知、好友商家互动消息;每个消息条目为单行圆角卡片,左侧对应轻量化线性图标,中间消息标题+简短内容预览,右侧消息时间、未读小红点标识;页面顶部设置全部已读按钮,背景浅奶白干净底色,底部完整五栏导航。移动端电商小程序UI界面消息通知页面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。消息中心页面,顶部页面标题「消息」,页面分四大消息列表模块:交易物流通知、客服服务提醒、活动优惠通知、好友商家互动消息;每个消息条目为单行圆角卡片,左侧对应轻量化线性图标,中间消息标题+简短内容预览,右侧消息时间、未读小红点标识;页面顶部设置全部已读按钮,背景浅奶白干净底色,底部完整五栏导航。
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:关注页面,顶部页面标题“我的关注”,下方分两类关注列表:品牌官方账号、口腔护理种草博主账号;每个关注用户卡片包含头像、昵称、简介、已关注按钮;页面中部推荐未关注优质账号模块,卡片布局整齐,无繁杂元素,留白干净,底部五栏导航栏完整展示。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:关注页面,顶部页面标题“我的关注”,下方分两类关注列表:品牌官方账号、口腔护理种草博主账号;每个关注用户卡片包含头像、昵称、简介、已关注按钮;页面中部推荐未关注优质账号模块,卡片布局整齐,无繁杂元素,留白干净,底部五栏导航栏完整展示。
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:口腔护理攻略页,口腔护理知识攻略页面,顶部搜索框可搜索护龈、抗敏口腔知识;页面横向分类词条标签:牙龈上火护理、牙齿敏感修护、日常刷牙技巧、牙膏成分科普;下方图文攻略卡片流,卡片左图右文字布局,配图搭配纳爱斯牙膏产品场景图,文案讲解不同牙膏适配口腔问题,轻量绿色线条装饰卡片边缘,底部完整五栏导航。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:口腔护理攻略页,口腔护理知识攻略页面,顶部搜索框可搜索护龈、抗敏口腔知识;页面横向分类词条标签:牙龈上火护理、牙齿敏感修护、日常刷牙技巧、牙膏成分科普;下方图文攻略卡片流,卡片左图右文字布局,配图搭配纳爱斯牙膏产品场景图,文案讲解不同牙膏适配口腔问题,轻量绿色线条装饰卡片边缘,底部完整五栏导航。
移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:登录注册复合页,登录注册二合一页面,顶部放置纳爱斯品牌LOGO,分两个切换标签页:注册页模块包含手机号输入框、短信验证码输入框、获取验证码按钮、注册确认按钮,支持微信第三方登录图标;登录页模块包含账号密码输入框、登录确认按钮、微信第三方登录入口;页面背景浅奶白色,输入框大圆角浅灰色边框,底部放置隐私协议小字链接,整体表单布局居中,留白充足。移动端电商小程序UI界面,画布尺寸严格为iPhone16 Pro手机屏幕尺寸,无外部手机边框,iOS规范页面布局,页面顶部留白舒展柔和;整体视觉风格贴合纳爱斯品牌调性,品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色,点缀低饱和浅橘色作为产品强调色,整体画面明亮轻盈、干净通透,充满天然植物自然感、生活温度感,专业洗护氛围但画面不厚重压抑;页面组件全部采用大柔和圆角卡片,阴影轻薄低透明度,信息层级区分清晰;按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式,超大圆角设计,视觉亲和友好;页面分割线为细浅灰色线条,功能图标统一轻量化线性简约图标;中文字体选用现代清晰苹方PingFang SC字体,字号大小层级规范分明;底部导航栏统一采用五栏结构,导航中间位置设置圆形草木绿突出主操作按钮,全页面图标统一线性简约风格;页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰,产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材;页面内全部使用通顺合理中文占位文案,完整电商小程序功能逻辑,高品质商用UI设计,高清细腻,无水印,平面2D界面,无立体建模,干净留白充足。本页面为:登录注册复合页,登录注册二合一页面,顶部放置纳爱斯品牌LOGO,分两个切换标签页:注册页模块包含手机号输入框、短信验证码输入框、获取验证码按钮、注册确认按钮,支持微信第三方登录图标;登录页模块包含账号密码输入框、登录确认按钮、微信第三方登录入口;页面背景浅奶白色,输入框大圆角浅灰色边框,底部放置隐私协议小字链接,整体表单布局居中,留白充足。
[第2屏] 详情页痛点对比屏-洗衣液清洁前后效果对比展示。本屏使用【图1】超能洗衣液作为产品主体,保持产品外观颜色结构与原图一致。 [氛围/风格] 真实直观对比风,柔和干净光影,商业展示风格。 [元素布局] 页面左右分栏对比布局,左侧展示使用前带有明显污渍的衣物,右侧展示使用超能洗衣液清洗后干净鲜亮的衣物。超能洗衣液瓶身放在两栏对比图下方居中位置,占画面底部25%区域。页面上方为标题区,下方为产品展示区,左右对比清晰。 [光影质感] 左右区域光照均匀,产品主体光照清晰,明暗层次分明,对比效果一目了然。 [配色色系] 全局底色 #F5F9FC(浅灰白);主体配色 产品绿粉配色不变,对比区污渍真实自然不夸张,保持干净克制视觉效果。 [视角构图] 平视构图,左右均分对比,上标题中对比下产品,符合用户从上到下阅读习惯。 [文字版式] 顶部主标题「洁净看得见 去渍更省心」加粗黑体,左右对比栏分别标注「清洁前 顽固污渍难去除」和「清洁后 鲜亮柔软如新」小字说明,底部产品下方标注核心卖点文字,文字不遮挡主体对比效果。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 污渍夸张恶心,产品变形,颜色偏差,包装文字错乱,水印,文字模糊,背景杂乱,对比不清晰。[第2屏] 详情页痛点对比屏-洗衣液清洁前后效果对比展示。本屏使用【图1】超能洗衣液作为产品主体,保持产品外观颜色结构与原图一致。
[氛围/风格] 真实直观对比风,柔和干净光影,商业展示风格。
[元素布局] 页面左右分栏对比布局,左侧展示使用前带有明显污渍的衣物,右侧展示使用超能洗衣液清洗后干净鲜亮的衣物。超能洗衣液瓶身放在两栏对比图下方居中位置,占画面底部25%区域。页面上方为标题区,下方为产品展示区,左右对比清晰。
[光影质感] 左右区域光照均匀,产品主体光照清晰,明暗层次分明,对比效果一目了然。
[配色色系] 全局底色 #F5F9FC(浅灰白);主体配色 产品绿粉配色不变,对比区污渍真实自然不夸张,保持干净克制视觉效果。
[视角构图] 平视构图,左右均分对比,上标题中对比下产品,符合用户从上到下阅读习惯。
[文字版式] 顶部主标题「洁净看得见 去渍更省心」加粗黑体,左右对比栏分别标注「清洁前 顽固污渍难去除」和「清洁后 鲜亮柔软如新」小字说明,底部产品下方标注核心卖点文字,文字不遮挡主体对比效果。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 污渍夸张恶心,产品变形,颜色偏差,包装文字错乱,水印,文字模糊,背景杂乱,对比不清晰。
[第3屏] 家政服务项目总览卡片展示。 [氛围/风格] 清新专业,卡片式布局,图标+文字组合,信息层级清晰,商业设计感。 [元素布局] 画面顶部为标题区,下方是2x3的服务卡片网格,共6张服务项目卡片,每张卡片包含:彩色图标、服务名称、简短说明、价格标签;卡片内容分别为:日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项;卡片之间有均匀间距,背景为浅色渐变,底部有「更多服务请咨询」引导。 [光影质感] 卡片有轻微投影和圆角,悬浮感设计,整体光线均匀明亮,无强烈阴影。 [配色色系] 全局底色 #F5F9F7 浅青白;主色 #2BAE8F 清新绿用于标题和重点卡片;辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标;卡片底色为白色。 [视角构图] 垂直排版,从上到下阅读,卡片网格居中对齐,信息密度适中。 [文字版式] 顶部大标题「六大服务 全面守护」,副标题「按需选择 灵活预约」;每张卡片内:上方圆形彩色图标,中间服务名称加粗大字,下方小字说明,右下角小标签价格/起;底部绿色按钮样式文字「立即预约 专属方案」;所有文字清晰可读,无衬线黑体。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,颜色偏差,低俗。[第3屏] 家政服务项目总览卡片展示。
[氛围/风格] 清新专业,卡片式布局,图标+文字组合,信息层级清晰,商业设计感。
[元素布局] 画面顶部为标题区,下方是2x3的服务卡片网格,共6张服务项目卡片,每张卡片包含:彩色图标、服务名称、简短说明、价格标签;卡片内容分别为:日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项;卡片之间有均匀间距,背景为浅色渐变,底部有「更多服务请咨询」引导。
[光影质感] 卡片有轻微投影和圆角,悬浮感设计,整体光线均匀明亮,无强烈阴影。
[配色色系] 全局底色 #F5F9F7 浅青白;主色 #2BAE8F 清新绿用于标题和重点卡片;辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标;卡片底色为白色。
[视角构图] 垂直排版,从上到下阅读,卡片网格居中对齐,信息密度适中。
[文字版式] 顶部大标题「六大服务 全面守护」,副标题「按需选择 灵活预约」;每张卡片内:上方圆形彩色图标,中间服务名称加粗大字,下方小字说明,右下角小标签价格/起;底部绿色按钮样式文字「立即预约 专属方案」;所有文字清晰可读,无衬线黑体。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,颜色偏差,低俗。