创意预览图

移动端景德镇旅游APP探索分类页UI设计,根据思维导图信息,左侧包含景点、瓷器集市、寻珠瓷都、精品路线分类,右侧对应展示古窑民俗博览区、三宝蓬、陶溪川等景德镇景点列表,清晰分类导航设计,适配手机端,主

用户头像

1qkcakper5w...

2026.06.02
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。 【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。 【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字: - 官方发布(选中态,橙红色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感: - 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门" 每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。

【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。

【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字:
- 官方发布(选中态,橙红色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感:
- 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门"

每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。 【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。 【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字: - 官方发布(选中态,橙红色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感: - 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门" 每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空和城市建筑剪影装饰,与首页顶部风格一致。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色圆角胶囊导航栏:左侧返回箭头,居中标题"景区攻略"黑色文字。状态栏9:41。

【天气栏】左侧定位图标"长沙"+太阳图标"28°C 晴"。

【搜索栏】大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为橙红色渐变背景白色文字,未选中为白色背景深灰文字:
- 官方发布(选中态,橙红色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带轻微阴影和3D质感:
- 卡片1:上方岳麓山秋景风景大图,下方标题"岳麓山一日游最佳路线推荐",底部小字"官方发布 · 2.3万阅读 · 568收藏",右上角橙红色标签"精选"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角橙红色标签"热门"

每张卡片上图下文布局,大圆角,白色背景,柔和阴影,3D轻拟物质感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑图标)、智慧导览(绿色定位图标)、景区攻略(橙红色选中态,书本图标)、我的(蓝色人物图标),底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。 整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。 【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。 【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字: - 官方发布(选中态,深绿) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格: - 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。 【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。 整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。

整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。

【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。

【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字:
- 官方发布(选中态,深绿)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。

【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。

整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。 整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。 【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。 【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字: - 官方发布(选中态,深绿) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格: - 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。 【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。 整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。

整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。

【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。

【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。

【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字:
- 官方发布(选中态,深绿)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。

【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。

整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。 【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格: - 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,极淡阴影。 【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。

【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格:
- 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,极淡阴影。

【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。 【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格: - 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,极淡阴影。 【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

整体背景:纯白色,干净清爽。

【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。

【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格:
- 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏"
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏"

每张卡片上图下文,大圆角,白色背景,极淡阴影。

【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空装饰。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色圆角胶囊导航栏:左侧设置齿轮图标,居中标题"我的"黑色文字,右侧消息铃铛图标带红点。状态栏9:41。 【用户信息区】橙黄渐变背景的大圆角卡片,3D立体质感,左侧圆形3D用户头像(古风人物),右侧上方大字昵称"长沙旅行者",下方小字电话号码"138****8888",右侧有"编辑>"箭头。卡片底部有积分条:"我的积分 2580分 去兑换>",积分图标是3D金币样式。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个3D立体图标入口,每个图标都是圆润的3D造型,有柔和光影: 第一行:消息中心(3D铃铛)、积分商城(3D礼物盒)、管理后台(3D盾牌)、我的行程(3D日历路线) 第二行:我的足迹(3D脚印)、我的预约(3D时钟)、我的收藏(3D星星)、我的门票(3D门票) 每个3D图标下方有文字标签,图标配色丰富有橙、绿、蓝、紫等。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个3D图标入口: 我的攻略(3D笔纸)、我的反馈(3D气泡)、中奖记录(3D奖杯)、更多(3D三个点) 所有图标区域都在白色大圆角卡片内,卡片有柔和阴影和3D悬浮感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑)、智慧导览(绿色定位)、景区攻略(橙色书本)、我的(选中态蓝色人物图标)。底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空装饰。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色圆角胶囊导航栏:左侧设置齿轮图标,居中标题"我的"黑色文字,右侧消息铃铛图标带红点。状态栏9:41。

【用户信息区】橙黄渐变背景的大圆角卡片,3D立体质感,左侧圆形3D用户头像(古风人物),右侧上方大字昵称"长沙旅行者",下方小字电话号码"138****8888",右侧有"编辑>"箭头。卡片底部有积分条:"我的积分 2580分 去兑换>",积分图标是3D金币样式。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个3D立体图标入口,每个图标都是圆润的3D造型,有柔和光影:
第一行:消息中心(3D铃铛)、积分商城(3D礼物盒)、管理后台(3D盾牌)、我的行程(3D日历路线)
第二行:我的足迹(3D脚印)、我的预约(3D时钟)、我的收藏(3D星星)、我的门票(3D门票)
每个3D图标下方有文字标签,图标配色丰富有橙、绿、蓝、紫等。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个3D图标入口:
我的攻略(3D笔纸)、我的反馈(3D气泡)、中奖记录(3D奖杯)、更多(3D三个点)

所有图标区域都在白色大圆角卡片内,卡片有柔和阴影和3D悬浮感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑)、智慧导览(绿色定位)、景区攻略(橙色书本)、我的(选中态蓝色人物图标)。底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。 整体背景:米白渐变暖色调,顶部有淡蓝色天空装饰。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色圆角胶囊导航栏:左侧设置齿轮图标,居中标题"我的"黑色文字,右侧消息铃铛图标带红点。状态栏9:41。 【用户信息区】橙黄渐变背景的大圆角卡片,3D立体质感,左侧圆形3D用户头像(古风人物),右侧上方大字昵称"长沙旅行者",下方小字电话号码"138****8888",右侧有"编辑>"箭头。卡片底部有积分条:"我的积分 2580分 去兑换>",积分图标是3D金币样式。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个3D立体图标入口,每个图标都是圆润的3D造型,有柔和光影: 第一行:消息中心(3D铃铛)、积分商城(3D礼物盒)、管理后台(3D盾牌)、我的行程(3D日历路线) 第二行:我的足迹(3D脚印)、我的预约(3D时钟)、我的收藏(3D星星)、我的门票(3D门票) 每个3D图标下方有文字标签,图标配色丰富有橙、绿、蓝、紫等。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个3D图标入口: 我的攻略(3D笔纸)、我的反馈(3D气泡)、中奖记录(3D奖杯)、更多(3D三个点) 所有图标区域都在白色大圆角卡片内,卡片有柔和阴影和3D悬浮感。 【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑)、智慧导览(绿色定位)、景区攻略(橙色书本)、我的(选中态蓝色人物图标)。底部白色圆角悬浮导航栏,与参考图底部风格一致。 整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,3D轻拟物暖色调风格,与参考图首页风格完全一致。

整体背景:米白渐变暖色调,顶部有淡蓝色天空装饰。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色圆角胶囊导航栏:左侧设置齿轮图标,居中标题"我的"黑色文字,右侧消息铃铛图标带红点。状态栏9:41。

【用户信息区】橙黄渐变背景的大圆角卡片,3D立体质感,左侧圆形3D用户头像(古风人物),右侧上方大字昵称"长沙旅行者",下方小字电话号码"138****8888",右侧有"编辑>"箭头。卡片底部有积分条:"我的积分 2580分 去兑换>",积分图标是3D金币样式。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个3D立体图标入口,每个图标都是圆润的3D造型,有柔和光影:
第一行:消息中心(3D铃铛)、积分商城(3D礼物盒)、管理后台(3D盾牌)、我的行程(3D日历路线)
第二行:我的足迹(3D脚印)、我的预约(3D时钟)、我的收藏(3D星星)、我的门票(3D门票)
每个3D图标下方有文字标签,图标配色丰富有橙、绿、蓝、紫等。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个3D图标入口:
我的攻略(3D笔纸)、我的反馈(3D气泡)、中奖记录(3D奖杯)、更多(3D三个点)

所有图标区域都在白色大圆角卡片内,卡片有柔和阴影和3D悬浮感。

【底部Tab栏】四个3D立体图标tab:首页(橙色古建筑)、智慧导览(绿色定位)、景区攻略(橙色书本)、我的(选中态蓝色人物图标)。底部白色圆角悬浮导航栏,与参考图底部风格一致。

整体风格:3D轻拟物,暖色调,圆润可爱,柔和光影,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。 【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格: - 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门" 每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。 【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。

【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门"

每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。

【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。 【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格: - 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门" 每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。 【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

整体背景:纯白色,干净极简。

【顶部】微信小程序胶囊导航栏,右上角胶囊按钮(三个点+圆圈)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。状态栏9:41。

【天气栏】左侧定位下拉图标"长沙"+太阳线条图标"28°C 晴",黑色文字。

【搜索栏】大圆角浅灰色搜索框,灰色放大镜线条图标,占位文字"搜索攻略、线路、玩法"灰色文字。

【分类Tab栏】四个圆角胶囊标签横向排列,选中态为浅绿色背景深绿色文字,未选中为浅灰背景灰色文字:
- 官方发布(选中态,绿色)
- 第三方
- 平台发布
- 旅游线路

【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,极简风格:
- 卡片1:上方岳麓山秋景风景大图(圆角),下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,右上角浅绿色圆角标签"精选"白字
- 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏"
- 卡片3:上方湖南博物院图,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏",右上角浅绿色标签"热门"

每张卡片上图下文,大圆角,白色背景,极淡阴影,极简清爽。

【底部Tab栏】四个极简线条图标tab:首页(房子线条图标)、智慧导览(定位线条图标)、景区攻略(选中态绿色书本线条图标)、我的(人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。