移动端景德镇旅游APP个人行程规划页UI设计,包含我的行程、智… - 图片创意预览

移动端景德镇旅游APP个人行程规划页UI设计,包含我的行程、智…

移动端景德镇旅游APP个人行程规划页UI设计,包含我的行程、智能推荐路线、我的预约板块,展示景德镇旅行时间安排,清新简约现代设计,适配手机屏幕

用户头像

1qkcakper5w...

2026.06.02
长沙文旅微信小程序我的页面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竖屏,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超清。