创意预览图

移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配

用户头像

1q0nyehsrb2...

2026.05.29
移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：直播页面，纳爱斯口腔护理直播页面，页面顶部直播搜索框，下方横向直播分类标签：品牌官方直播、好物种草直播、牙膏专场直播；主体区域为直播卡片网格布局，卡片内展示直播封面（牙膏产品场景图）、直播间标题、在线观看人数、主播头像昵称；卡片右下角放置浅绿色“进入直播间”圆角按钮，底部完整五栏导航。移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：直播页面，纳爱斯口腔护理直播页面，页面顶部直播搜索框，下方横向直播分类标签：品牌官方直播、好物种草直播、牙膏专场直播；主体区域为直播卡片网格布局，卡片内展示直播封面（牙膏产品场景图）、直播间标题、在线观看人数、主播头像昵称；卡片右下角放置浅绿色“进入直播间”圆角按钮，底部完整五栏导航。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：登录注册复合页，登录注册二合一页面，顶部放置纳爱斯品牌LOGO，分两个切换标签页：注册页模块包含手机号输入框、短信验证码输入框、获取验证码按钮、注册确认按钮，支持微信第三方登录图标；登录页模块包含账号密码输入框、登录确认按钮、微信第三方登录入口；页面背景浅奶白色，输入框大圆角浅灰色边框，底部放置隐私协议小字链接，整体表单布局居中，留白充足。移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：登录注册复合页，登录注册二合一页面，顶部放置纳爱斯品牌LOGO，分两个切换标签页：注册页模块包含手机号输入框、短信验证码输入框、获取验证码按钮、注册确认按钮，支持微信第三方登录图标；登录页模块包含账号密码输入框、登录确认按钮、微信第三方登录入口；页面背景浅奶白色，输入框大圆角浅灰色边框，底部放置隐私协议小字链接，整体表单布局居中，留白充足。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
移动端电商小程序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抗敏护龈两款纳爱斯养龈健齿牙膏产品海报；轮播图下方为商品卡片瀑布流展示区，单张商品卡片展示对应牙膏实物图、产品名称、规格、活动优惠价、加入购物车小按钮；页面最底部为五栏底部导航栏，完整首页电商信息流布局。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：闪屏启动页，小程序闪屏启动页，全屏居中放置纳爱斯品牌LOGO，背景大面积纯净奶白搭配浅草木绿渐变柔光，角落点缀简约牙膏线条插画，页面无多余功能按钮，仅底部小字纳爱斯品牌slogan“养龈健齿 笑纳百味”，静态启动界面，极简干净视觉。参考素材图片：https://gdesign-dam-hz.dancf.com/36703504010946705/d9bfa05419b641b09b27144441d16c2f.png、https://gdesign-dam-hz.dancf.com/36703506505912422/ec9ab03375b24fdb903939483eace938.png、https://gdesign-dam-hz.dancf.com/36703506505912423/4ec1f43e2b234f09a55b19a5ac9d4e61.jpg、https://gdesign-dam-hz.dancf.com/36703506969647125/db23fdca7e4343ad872b1a2301ebc1c0.png移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：闪屏启动页，小程序闪屏启动页，全屏居中放置纳爱斯品牌LOGO，背景大面积纯净奶白搭配浅草木绿渐变柔光，角落点缀简约牙膏线条插画，页面无多余功能按钮，仅底部小字纳爱斯品牌slogan“养龈健齿 笑纳百味”，静态启动界面，极简干净视觉。参考素材图片：https://gdesign-dam-hz.dancf.com/36703504010946705/d9bfa05419b641b09b27144441d16c2f.png、https://gdesign-dam-hz.dancf.com/36703506505912422/ec9ab03375b24fdb903939483eace938.png、https://gdesign-dam-hz.dancf.com/36703506505912423/4ec1f43e2b234f09a55b19a5ac9d4e61.jpg、https://gdesign-dam-hz.dancf.com/36703506969647125/db23fdca7e4343ad872b1a2301ebc1c0.png
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
1r1prc9e5lrC4KQg-HB1r1prc9e5lrC4KQg-HB
移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：关注页面，顶部页面标题“我的关注”，下方分两类关注列表：品牌官方账号、口腔护理种草博主账号；每个关注用户卡片包含头像、昵称、简介、已关注按钮；页面中部推荐未关注优质账号模块，卡片布局整齐，无繁杂元素，留白干净，底部五栏导航栏完整展示。移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：关注页面，顶部页面标题“我的关注”，下方分两类关注列表：品牌官方账号、口腔护理种草博主账号；每个关注用户卡片包含头像、昵称、简介、已关注按钮；页面中部推荐未关注优质账号模块，卡片布局整齐，无繁杂元素，留白干净，底部五栏导航栏完整展示。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB
1qmjj02ypuA7k-rQ-HB1qmjj02ypuA7k-rQ-HB
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB
GD226828337GD226828337
GD226828337GD226828337
GD226828337GD226828337
GD226828337GD226828337
GD226828337GD226828337
GD226828337GD226828337
GD198080468GD198080468
GD226828337GD226828337
移动端电商小程序UI界面消息通知页面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。消息中心页面，顶部页面标题「消息」，页面分四大消息列表模块：交易物流通知、客服服务提醒、活动优惠通知、好友商家互动消息；每个消息条目为单行圆角卡片，左侧对应轻量化线性图标，中间消息标题+简短内容预览，右侧消息时间、未读小红点标识；页面顶部设置全部已读按钮，背景浅奶白干净底色，底部完整五栏导航。移动端电商小程序UI界面消息通知页面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。消息中心页面，顶部页面标题「消息」，页面分四大消息列表模块：交易物流通知、客服服务提醒、活动优惠通知、好友商家互动消息；每个消息条目为单行圆角卡片，左侧对应轻量化线性图标，中间消息标题+简短内容预览，右侧消息时间、未读小红点标识；页面顶部设置全部已读按钮，背景浅奶白干净底色，底部完整五栏导航。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB
GD198080468GD198080468
GD226828337GD226828337
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB
GD226828337GD226828337
67ye4ysft2ffpq7h-HB67ye4ysft2ffpq7h-HB