ArtGuide展览导览APP展览详情界面UI设计,iPhon… - 图片创意预览

ArtGuide展览导览APP展览详情界面UI设计,iPhon…

ArtGuide展览导览APP展览详情界面UI设计,iPhone 16尺寸,1380×3072px,包含展览封面、基本信息、介绍文案、预约购票按钮,兼具艺术氛围与信息可读性,延续首页整体风格

用户头像

李宛姝

2026.06.30
长沙文旅微信小程序景区攻略页面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超清。
📱 底部导航栏(五大金刚)1. 🏠 主页(广场)功能描述: 类似小红书的双列瀑布流,但只展示二手/定制/手作C服。特色卡片:“今日出没角色”:顶部滚动小标签(如:#五条悟 #小樱 #原神)。“急!漫展前急救”:专区,展示距离漫展3天内还能送达或同城自提的物品。“同校/同城”:基于LBS推荐,显示“XX国际学校 3人正在出 祢豆子”。2. 👗 分类(逛圈)功能描述: 整理癖狂喜的分类体系。分类维度:按作品(咒术回战/鬼灭/原神/光与夜之恋…)按部位(假发 / 美瞳 / 鞋子 / 道具武器 / 成品衣)按风格(Lo裙改 / 蒸汽波 / 校供感 / 暗黑系)特色功能: “身高/尺码匹配” 滑块。高中生还在长身体,输入自己身高和三围,直接筛选出穿着合适的衣服(避免买到穿不下的痛衣)。3. 📸 发布(中间凸起大按钮)icon设计: 一个带腮红的拍立得相机。发布流程:拍下实物图(必须上传带ID手写纸条的防骗图?可以但可选)。“箱损/瑕疵标注” 功能:新手卖家难免买到有瑕疵的,可以在图片上直接圈出“这里有点脱线”或“背后有轻微污渍”,避免纠纷。“试穿参考”:如果卖家本人有上身图,可以加一个“试穿滤镜”(类似AR特效,遮挡面部保护隐私,但展示上身效果)。4. 💬 消息(コミュニティ)功能描述: 社交与聊天。特色模块:“扩列墙”:可以发布交友信息,找同好一起去漫展。“拼团/拼邮”:很多海外代购C服运费贵,可以在这里找同城或同好拼单。聊天框:发送“拍下未付款”提醒,自带颜文字键盘。5. 👤 我的(推し活记录)功能描述: 个人中心。特色模块:“我的衣柜”:已购物品列表,可以记录“这件出过XXX角色”。“种草清单”:收藏夹。“我的出物”:管理发布的商品。“信用值”:基于交易记录给出的“好こえ~”(好感度)评分,类似闲鱼信用,但图标是可爱的星星或宝石。✨ 针对高中生痛点设计的“杀手级功能”1. “以物换物”模式(物々交換)很多高中生零花钱有限,买来的C服出掉可能只穿一次。功能: 在商品页增加一个“想换”按钮。你可以用自己穿过的【初音未来】服装,去交换别人的【马修】cos服。App提供双向邮寄担保,只收一点点保险费。2. “假发救援”专区假毛(假发)是最容易买错/变形的。功能: 专门分区给 “未打理/已造型” 的假发。并内置 “修剪教程” 短视频(可以跳转B站合作链接)。买假发送护理小卡。3. “家长友好模式”有时候寄到学校的快递怕被家长发现。功能: 快递单上可以勾选 “隐藏物品描述”,发货方填写为“复习资料”或“文具”。(贴心小细节!)4. 急急急!道具3D打印代工联系附近的创客空间或学校里的技术大佬,如果你的亚克力武器断了,可以在App上找“手作娘”或“3D打印代工”,上传图纸,本地交货。💬 一些小彩蛋设计加载动画: 是一个转圈圈的魔法阵。404/空页面: 显示一只流泪的粘土人,配文“呜哇!商品被买走啦~”。暗黑模式: 名字叫“夜场模式”,适合在被窝里偷偷逛。📱 底部导航栏(五大金刚)1. 🏠 主页(广场)功能描述: 类似小红书的双列瀑布流,但只展示二手/定制/手作C服。特色卡片:“今日出没角色”:顶部滚动小标签(如:#五条悟 #小樱 #原神)。“急!漫展前急救”:专区,展示距离漫展3天内还能送达或同城自提的物品。“同校/同城”:基于LBS推荐,显示“XX国际学校 3人正在出 祢豆子”。2. 👗 分类(逛圈)功能描述: 整理癖狂喜的分类体系。分类维度:按作品(咒术回战/鬼灭/原神/光与夜之恋…)按部位(假发 / 美瞳 / 鞋子 / 道具武器 / 成品衣)按风格(Lo裙改 / 蒸汽波 / 校供感 / 暗黑系)特色功能: “身高/尺码匹配” 滑块。高中生还在长身体,输入自己身高和三围,直接筛选出穿着合适的衣服(避免买到穿不下的痛衣)。3. 📸 发布(中间凸起大按钮)icon设计: 一个带腮红的拍立得相机。发布流程:拍下实物图(必须上传带ID手写纸条的防骗图?可以但可选)。“箱损/瑕疵标注” 功能:新手卖家难免买到有瑕疵的,可以在图片上直接圈出“这里有点脱线”或“背后有轻微污渍”,避免纠纷。“试穿参考”:如果卖家本人有上身图,可以加一个“试穿滤镜”(类似AR特效,遮挡面部保护隐私,但展示上身效果)。4. 💬 消息(コミュニティ)功能描述: 社交与聊天。特色模块:“扩列墙”:可以发布交友信息,找同好一起去漫展。“拼团/拼邮”:很多海外代购C服运费贵,可以在这里找同城或同好拼单。聊天框:发送“拍下未付款”提醒,自带颜文字键盘。5. 👤 我的(推し活记录)功能描述: 个人中心。特色模块:“我的衣柜”:已购物品列表,可以记录“这件出过XXX角色”。“种草清单”:收藏夹。“我的出物”:管理发布的商品。“信用值”:基于交易记录给出的“好こえ~”(好感度)评分,类似闲鱼信用,但图标是可爱的星星或宝石。✨ 针对高中生痛点设计的“杀手级功能”1. “以物换物”模式(物々交換)很多高中生零花钱有限,买来的C服出掉可能只穿一次。功能: 在商品页增加一个“想换”按钮。你可以用自己穿过的【初音未来】服装,去交换别人的【马修】cos服。App提供双向邮寄担保,只收一点点保险费。2. “假发救援”专区假毛(假发)是最容易买错/变形的。功能: 专门分区给 “未打理/已造型” 的假发。并内置 “修剪教程” 短视频(可以跳转B站合作链接)。买假发送护理小卡。3. “家长友好模式”有时候寄到学校的快递怕被家长发现。功能: 快递单上可以勾选 “隐藏物品描述”,发货方填写为“复习资料”或“文具”。(贴心小细节!)4. 急急急!道具3D打印代工联系附近的创客空间或学校里的技术大佬,如果你的亚克力武器断了,可以在App上找“手作娘”或“3D打印代工”,上传图纸,本地交货。💬 一些小彩蛋设计加载动画: 是一个转圈圈的魔法阵。404/空页面: 显示一只流泪的粘土人,配文“呜哇!商品被买走啦~”。暗黑模式: 名字叫“夜场模式”,适合在被窝里偷偷逛。