创意预览图

设计纳爱斯洗护小程序商品分类页面UI界面，左侧为分类侧边栏，右侧为商品展示网格，顶部搜索框，保留底部导航栏，绿色主色调，现代简约风格，清晰易读

用户头像

1r1prc9e5lr...

2026.05.13
1r1prc9e5lrC4KQg-HB1r1prc9e5lrC4KQg-HB
GD162651918GD162651918
69u7fi778fXToow-HB69u7fi778fXToow-HB
69u7fi778fXToow-HB69u7fi778fXToow-HB
69u7fi778fXToow-HB69u7fi778fXToow-HB
1r1prc9e5lrC4KQg-HB1r1prc9e5lrC4KQg-HB
Linda.Batz80Linda.Batz80
移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：牙膏产品分类页，口腔护理牙膏分类专区页面，顶部页面标题“护龈牙膏专区”，左侧侧边竖向分类栏：清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件；右侧主体区域为对应分类下商品陈列卡片，卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签；页面穿插简约口腔护理科普短句作为装饰文案，底部完整五栏导航。移动端电商小程序UI界面，画布尺寸严格为iPhone16 Pro手机屏幕尺寸，无外部手机边框，iOS规范页面布局，页面顶部留白舒展柔和；整体视觉风格贴合纳爱斯品牌调性，品牌主色调选用清透草木嫩绿色搭配纯净奶白色为辅色，点缀低饱和浅橘色作为产品强调色，整体画面明亮轻盈、干净通透，充满天然植物自然感、生活温度感，专业洗护氛围但画面不厚重压抑；页面组件全部采用大柔和圆角卡片，阴影轻薄低透明度，信息层级区分清晰；按钮使用品牌草木绿纯色或草木绿到浅绿渐变样式，超大圆角设计，视觉亲和友好；页面分割线为细浅灰色线条，功能图标统一轻量化线性简约图标；中文字体选用现代清晰苹方PingFang SC字体，字号大小层级规范分明；底部导航栏统一采用五栏结构，导航中间位置设置圆形草木绿突出主操作按钮，全页面图标统一线性简约风格；页面融入纳爱斯养龈健齿牙膏产品实拍元素作为主视觉装饰，产品包含120g清火护龈款、140g抗敏护龈两款牙膏实物素材；页面内全部使用通顺合理中文占位文案，完整电商小程序功能逻辑，高品质商用UI设计，高清细腻，无水印，平面2D界面，无立体建模，干净留白充足。本页面为：牙膏产品分类页，口腔护理牙膏分类专区页面，顶部页面标题“护龈牙膏专区”，左侧侧边竖向分类栏：清火护龈系列、抗敏护龈系列、儿童牙膏、漱口水配件；右侧主体区域为对应分类下商品陈列卡片，卡片展示120g清火款、140g抗敏款纳爱斯养龈健齿牙膏实拍图、产品文案、规格、活动优惠标签；页面穿插简约口腔护理科普短句作为装饰文案，底部完整五栏导航。
1q0nyehsrb2867aeu-HB1q0nyehsrb2867aeu-HB
1q0o2em4zx-HB1q0o2em4zx-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
1qnuyfk91pa4sgug-HB1qnuyfk91pa4sgug-HB
高德崇高德崇
高德崇高德崇
GD527470759GD527470759
GD409406053GD409406053
Linda.Batz80Linda.Batz80
GD261939268GD261939268
GD261939268GD261939268
69e9o6cjjJeBi0w-HB69e9o6cjjJeBi0w-HB
МойкомандирМойкомандир
T-Tt-tT-Tt-t
69u7fi778fXToow-HB69u7fi778fXToow-HB
1r1prc9e5lrC4KQg-HB1r1prc9e5lrC4KQg-HB
心心佛心心佛