设计小程序预约旅居页面,手机竖屏,适合老年人使用,大按钮大字体… - 图片创意预览

设计小程序预约旅居页面,手机竖屏,适合老年人使用,大按钮大字体…

设计小程序预约旅居页面,手机竖屏,适合老年人使用,大按钮大字体。顶部栏左上角是向左的←返回按钮,中间显示标题“预约旅居”。内容区域三个大选项每个独立成行:第一行:“📍 想去哪里?”,当前选择“皖南(

用户头像

GD435363940

2026.05.27
长沙文旅微信小程序景区攻略页面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界面,375px宽度比例,简约现代风格,白色为主背景色,突出套餐丰富可选性价比高。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"超值套餐"标题,右侧无按钮,白色背景底部1px浅灰分割线。2.顶部Banner区:高度约140px,渐变背景从深绿#07C160到浅绿#38D9A9,中间白色大字"选择你的翻新套餐",下方白色小字"按需选择 · 省心省力 · 质保三年",右下角简约家居线条图标装饰。3.分类Tab栏:白色背景,横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋",默认选中"全部",选中项底部绿色下划线文字绿色加粗,未选中文字灰色#666,可左右滑动。4.套餐对比入口:列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表:纵向排列多个套餐卡片,每个白色圆角12px带轻微阴影,卡片间距12px左右边距16px;每个卡片左侧100×100px圆角8px套餐缩略图(对应空间实景图),右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色,名称下方灰色小字简介"防水+瓷砖+洁具+吊顶,7天完工",简介下方2-3个小标签"含主材""包施工""质保3年",标签背景浅绿色#E8F8EE文字深绿色圆角4px;卡片底部左侧价格如"¥3,999"深绿色加粗18px,右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示:第二个套餐卡片右上角红色飘带标签"热门推荐",卡片浅绿色描边2px更突出。7.底部提示条:浅灰色背景条,文字"不确定选哪个?",右侧绿色文字按钮"免费咨询"。8.底部固定操作栏:高度56px白色背景顶部浅灰分割线,左侧客服图标+文字"咨询",右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰,价格醒目,方便用户快速对比选择,高清商用UI设计稿,iPhone手机屏幕比例微信小程序装修套餐选择页,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色为主背景色,突出套餐丰富可选性价比高。主色调微信绿色#07C160,促销红色#FF4D4F,正文色#333,辅助文字色#999,分割线色#F0F0F0,卡片圆角12px,模块间距12px。页面从上到下包含以下模块:1.顶部导航栏:左侧灰色返回箭头,中间深灰色文字"超值套餐"标题,右侧无按钮,白色背景底部1px浅灰分割线。2.顶部Banner区:高度约140px,渐变背景从深绿#07C160到浅绿#38D9A9,中间白色大字"选择你的翻新套餐",下方白色小字"按需选择 · 省心省力 · 质保三年",右下角简约家居线条图标装饰。3.分类Tab栏:白色背景,横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋",默认选中"全部",选中项底部绿色下划线文字绿色加粗,未选中文字灰色#666,可左右滑动。4.套餐对比入口:列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表:纵向排列多个套餐卡片,每个白色圆角12px带轻微阴影,卡片间距12px左右边距16px;每个卡片左侧100×100px圆角8px套餐缩略图(对应空间实景图),右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色,名称下方灰色小字简介"防水+瓷砖+洁具+吊顶,7天完工",简介下方2-3个小标签"含主材""包施工""质保3年",标签背景浅绿色#E8F8EE文字深绿色圆角4px;卡片底部左侧价格如"¥3,999"深绿色加粗18px,右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示:第二个套餐卡片右上角红色飘带标签"热门推荐",卡片浅绿色描边2px更突出。7.底部提示条:浅灰色背景条,文字"不确定选哪个?",右侧绿色文字按钮"免费咨询"。8.底部固定操作栏:高度56px白色背景顶部浅灰分割线,左侧客服图标+文字"咨询",右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰,价格醒目,方便用户快速对比选择,高清商用UI设计稿,iPhone手机屏幕比例
长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。 【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等): 第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标) 第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标) 每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口: 我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标) 所有图标区域白色背景,分组清晰。 【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

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

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

【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等):
第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标)
第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标)
每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口:
我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标)

所有图标区域白色背景,分组清晰。

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

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏。下方白色导航栏:左侧设置齿轮图标,居中标题"我的"黑色粗体文字,右侧消息铃铛图标带小红点。 【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等): 第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标) 第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标) 每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口: 我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标) 所有图标区域白色背景,分组清晰。 【底部Tab栏】四个简约图标tab:首页(灰色房子+"首页")、导览(灰色地图+"导览")、行程(灰色日历+"行程")、我的(选中态绿色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。

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

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

【用户信息区】浅灰色极淡背景的大圆角卡片,左侧大圆形古风人物头像(与首页头像一致),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字。两行四列8个彩色圆形图标入口,每个图标是彩色圆形底色+白色线条图标,配色与首页金刚区完全一致(绿、红、黄、蓝、紫、橙等):
第一行:消息中心(绿色圆形+铃铛白图标)、积分商城(黄色圆形+礼物白图标)、管理后台(蓝色圆形+盾牌白图标)、我的行程(紫色圆形+日历白图标)
第二行:我的足迹(青色圆形+脚印白图标)、我的预约(橙色圆形+时钟白图标)、我的收藏(红色圆形+星星白图标)、我的门票(绿色圆形+门票白图标)
每个彩色圆形图标下方有深灰色文字标签,图标风格与首页金刚区完全一致。

【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字。一行四列4个彩色圆形图标入口:
我的攻略(蓝色圆形+笔纸白图标)、我的反馈(橙色圆形+气泡白图标)、中奖记录(黄色圆形+奖杯白图标)、更多(灰色圆形+四点白图标)

所有图标区域白色背景,分组清晰。

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

整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。 【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色: 第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标) 第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标) 每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口: 我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标) 所有图标区域白色背景,分组清晰,留白充足。 【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

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

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

【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色:
第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标)
第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标)
每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。

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

所有图标区域白色背景,分组清晰,留白充足。

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

整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。
长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。 整体背景:纯白色,干净极简。 【顶部】微信小程序胶囊导航栏,右上角胶囊按钮。下方白色导航栏:左侧设置齿轮线条图标,居中标题"我的"黑色粗体文字,右侧消息铃铛线条图标带小红点。状态栏9:41。 【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。 【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色: 第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标) 第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标) 每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。 【功能入口区2 - 更多服务】标题"更多服务"黑色加粗文字,一行四列4个线条图标入口: 我的攻略(笔纸线条图标)、我的反馈(气泡线条图标)、中奖记录(奖杯线条图标)、更多(三个点线条图标) 所有图标区域白色背景,分组清晰,留白充足。 【底部Tab栏】四个极简线条图标tab:首页(房子)、智慧导览(定位)、景区攻略(书本)、我的(选中态绿色人物线条图标)。底部白色导航栏,极简风格,与参考图底部完全一致。 整体风格:极简新中式线条风,白色背景,绿色点缀,线性图标,干净清爽,与首页风格完全统一,界面精致,2K超清。长沙文旅微信小程序我的页面UI设计,iPhone竖屏,极简新中式线条风格,与参考图首页风格完全一致。

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

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

【用户信息区】极浅绿灰色背景的大圆角卡片,左侧圆形用户头像(古风人物简笔画风格),右侧上方大字昵称"长沙旅行者"黑色粗体,下方小字电话号码"138****8888"灰色,右侧有"编辑资料>"灰色箭头文字。卡片底部有积分条:"我的积分 2580分"黑色文字 + "去兑换>"绿色文字,积分图标是简约线条金币。

【功能入口区1 - 常用服务】标题"常用服务"黑色加粗文字,两行四列8个极简线条图标入口,每个图标都是细线条风格,配色为深灰色,选中态绿色:
第一行:消息中心(铃铛线条图标)、积分商城(礼物盒线条图标)、管理后台(盾牌线条图标)、我的行程(日历路线线条图标)
第二行:我的足迹(脚印线条图标)、我的预约(时钟线条图标)、我的收藏(星星线条图标)、我的门票(门票线条图标)
每个线条图标下方有灰色文字标签,图标风格与首页金刚区完全一致,都是细线条新中式风格。

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

所有图标区域白色背景,分组清晰,留白充足。

【底部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。 【天气栏】左侧定位图标"长沙"+太阳图标"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超清。