将该界面设计为酒店预订APP风格,保留所有原有元素和文字内容,… - 图片创意预览

将该界面设计为酒店预订APP风格,保留所有原有元素和文字内容,…

将该界面设计为酒店预订APP风格,保留所有原有元素和文字内容,优化整体视觉风格为高端酒店平台设计,补全占位区域,保持布局结构不变

用户头像

用户WnOgYAoP

2026.05.27
长沙文旅微信小程序我的页面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界面,375px宽度比例,简洁清爽风格,白色为主深灰文字点缀橙红色。配色:主色橙红色#FF6B35,背景白色#FFFFFF,卡片浅灰阴影,正文深灰#333,辅助文字#999。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"收藏案例"17px加粗,右侧无按钮,底部1px浅灰分割线。2.横向筛选标签栏:白色背景,横向排列6个标签:全部、客厅、卧室、厨房、卫生间、全屋;选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮,未选中灰色#666文字,可左右滑动。3.主体双列瀑布流卡片布局:两列等宽,卡片间距10px,左右边距12px;每张白色圆角卡片带轻微浅灰阴影,上方案例效果图圆角(家装实景图如客厅卧室厨房等),图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角;图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px,再下方灰色小字收藏时间如"2026-08-10收藏"12px;卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、案例、服务、我的;"案例"Tab当前选中,图标和文字均为橙红色#FF6B35,未选中图标灰色#999。整体简洁清爽,留白舒适,高清商用UI设计稿,iPhone手机屏幕比例微信小程序「我的收藏-案例」页面,竖屏手机端UI界面,375px宽度比例,简洁清爽风格,白色为主深灰文字点缀橙红色。配色:主色橙红色#FF6B35,背景白色#FFFFFF,卡片浅灰阴影,正文深灰#333,辅助文字#999。页面布局从上到下:1.顶部导航栏:白色背景,左侧灰色返回箭头图标,中间深灰色文字标题"收藏案例"17px加粗,右侧无按钮,底部1px浅灰分割线。2.横向筛选标签栏:白色背景,横向排列6个标签:全部、客厅、卧室、厨房、卫生间、全屋;选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮,未选中灰色#666文字,可左右滑动。3.主体双列瀑布流卡片布局:两列等宽,卡片间距10px,左右边距12px;每张白色圆角卡片带轻微浅灰阴影,上方案例效果图圆角(家装实景图如客厅卧室厨房等),图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角;图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px,再下方灰色小字收藏时间如"2026-08-10收藏"12px;卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar:白色背景顶部1px浅灰分割线,4个Tab等分——首页、案例、服务、我的;"案例"Tab当前选中,图标和文字均为橙红色#FF6B35,未选中图标灰色#999。整体简洁清爽,留白舒适,高清商用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超清。