已添加
登录/注册
4页以上
4页以上
GD144298590...
2025.12.25
做同款
桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。
GD1442985904
桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。 4页
GD1442985904
H5竖屏页面,19城打卡互动地图,展示广东、香港、澳门,每个城市可点击弹出亮点,包含体育赛事、城市风光、文体旅融合,清晰地图设计,突出三地联动
1qm3bi1hprXXVo5g-HB
桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。
GD1442985904
H5开放页,画面展示茉莉花包裹从横州出发的出海路线图,经过南宁、广州,到达新加坡、巴黎,旁侧标注出口数据,整体风格清新大气,有丝路元素和茉莉花装饰,国风质感
GD820831591
桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人格,领桂味年礼”**,副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效:页面中央设置腊肠造型的“开始测试”按钮,点击时有咬开爆汁的动态效果,搭配柳州方言“过年吃腊味,桂味联最正”的趣味音效。<br/> <br/>第二页:品牌故事页<br/> <br/>- 核心内容:顶部标题为**“50年国企老味,桂味联的腊味传承”**,左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图;右侧嵌入15秒短视频,呈现低温风热烘干的全链路制作过程。<br/>- 交互设计:底部设置“解锁年味测试”的箭头按钮,点击时弹出“国企品质,放心年味”的文字浮窗,引导进入下一页。<br/> <br/>第三页:互动环节页<br/> <br/>- 主题:“你的年味人格,由桂味联定义”,设计3道趣味选择题(配动效+音效):<br/>1. 问题:过年选腊味,你更看重?<br/>选项:A.老字号品质 B.新奇口味 C.礼盒颜值(点击选项弹出对应腊味食材动效,搭配方言“选得妙!”音效)<br/>2. 问题:腊味常出现在你的哪个场景?<br/>选项:A.家庭团圆饭 B.走亲访友 C.日常加餐(弹出对应场景年味插画动效)<br/>3. 问题:你偏爱哪种腊味口味?<br/>选项:A.经典广味 B.川味麻辣 C.荔浦芋味(弹出对应口味香气动态图标)<br/>- 交互设计:答完所有题目后,点击“查看结果”按钮,按钮设计为腊味礼盒造型,点击时有礼盒打开的动效。<br/> <br/>第四页:转化引导页<br/> <br/>- 结果展示:根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格,对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流:<br/>1. 弹出**“参与测试即领10元无门槛券”**,点击可一键领取并跳转券包;<br/>2. 设置“立即下单”按钮,直接跳转桂味联电商旗舰店;<br/>3. 增加“线下核销”按钮,显示柳州本地年味体验区地址及核销码,凭码可兑换试吃装;<br/>4. 底部设置“分享领大礼包”入口,分享H5至朋友圈可参与腊味大礼包抽奖。 4页
GD1442985904
手绘卡通风格的柳州旅游地图,标注柳州主要旅游景点和地标,色彩明快生动,适合旅游宣传使用
用户YUqoeN2u
长沙文旅微信小程序景区攻略页面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超清。
罗小黑ioi
长沙文旅微信小程序景区攻略页面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超清。
罗小黑ioi
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。 整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。 【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。 【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字: - 官方发布(选中态,深绿) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格: - 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。 【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。 整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。
罗小黑ioi
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,新中式国潮青绿山水风格,与参考图首页风格完全一致。 整体背景:米白偏浅绿底色,顶部有淡墨青绿山水装饰,底部有祥云山水纹样,新中式韵味浓厚。 【顶部】状态栏9:41,中间黑色灵动岛。下方左侧"长沙"地名+下拉箭头,旁边太阳图标"28°C 晴",右侧铃铛消息图标带红点+圆形古风人物头像。背景有淡青绿山水和古亭剪影。 【搜索栏】左侧定位图标"岳麓区"标签,右侧大圆角白色搜索框,带放大镜图标,占位文字"搜索攻略、线路、玩法"。 【页面标题】书法字体"景区攻略"四个大字,深绿色,左侧有小祥云装饰。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为深绿色背景米白文字,未选中为浅米色背景深灰文字: - 官方发布(选中态,深绿) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带柔和阴影,新中式风格: - 卡片1:上方岳麓山秋景风景大图(圆角),图右下角有印章样式"精选"红色标签;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字"官方发布 · 2.3万阅读 · 568收藏"灰色,左下角有小山水装饰线 - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角印章样式"热门"红色标签,下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,柔和阴影,新中式细节装饰。 【底部Tab栏】五个新中式风格图标tab:首页(房子图标)、智慧导览(定位图标)、景区攻略(选中态深绿色,书本/卷轴图标)、文化长沙(古亭图标)、我的(人物图标)。底部白色圆角悬浮导航栏,与参考图底部完全一致。 整体风格:新中式国潮青绿山水风,米白底色,青绿朱红点缀,山水祥云装饰,书法字体,文化底蕴浓厚,与首页风格完全统一,界面精致,2K超清。
罗小黑ioi
H5互动环节全运场馆打卡首页,打卡地图背景,排列展示广东奥体中心、香港体育馆、澳门奥林匹克体育中心三地核心场馆缩略图,页面上方标题文字"打卡全运主场馆,感受湾区场馆魅力",页面底部标注文字"选择场馆,开始打卡",场馆图标有轻微闪烁效果提示
1qm3bi1hprXXVo5g-HB
保留左侧竖向时间轴,右侧以长沙地图为底图,以近似导航的方式按照实际路线线索连接五个美食点位,保留原有五个点位信息:公交新村粉店(1星小火)、黑色经典臭豆腐(3星中火)、光脑壳家常菜馆(5星大火)、正宗桂林卤粉(4星大火)、茶颜悦色(2星余烬),保持竖版9:16手绘水彩复古版画风格,主题“辣度宇宙·长沙24H”,旧纸张纹理颗粒感暖米色底,左侧保留太阳月亮图标及天色渐变,背景保留岳麓山、橘子洲、IFS、文和友、湘江桥淡彩剪影,主标题上方中央保留复古招牌字体和红章,主色调热辣红橙,强调深辣椒红与茶颜青绿,水彩晕染+版画硬阴影,纸张纤维折痕
GD588118205
重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容(天气、搜索、Banner、金刚区、公告、热门景区、发现周边)的风格和布局不变,只修改底部导航栏和最底部的山水装饰。 底部导航栏修改要求: 1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条,悬浮在页面最下方,有轻微阴影 2. 导航栏包含5个tab,从左到右依次是: - 首页:房子图标 + 文字"首页",青绿色选中态 - 智慧导览:地图定位图标 + 文字"智慧导览",灰色未选中 - 景区攻略:书本/指南图标 + 文字"景区攻略",灰色未选中 - 文化长沙:古建筑/文化图标 + 文字"文化长沙",灰色未选中 - 我的:人物头像图标 + 文字"我的",灰色未选中 3. 每个tab图标为简约线性风格,选中态图标填充颜色 4. 导航栏底部留出iPhone底部安全区(Home Indicator小横条)的空间 5. 移除底部多余的山水装饰图案,让底部导航栏干净整洁 同时修正发现周边的标题文字,把错误的"发门景边"改为正确的"发现周边"。 整体保持新中式青绿山水风格,界面精致,2K超清。
罗小黑ioi
重新设计这张长沙文旅新中式首页的底部区域。保持页面上方所有内容(天气、搜索、Banner、金刚区、公告、热门景区、发现周边)的风格和布局不变,只修改底部导航栏和最底部的山水装饰。 底部导航栏修改要求: 1. 底部导航栏为白色半透明磨砂玻璃质感的圆角矩形条,悬浮在页面最下方,有轻微阴影 2. 导航栏包含5个tab,从左到右依次是: - 首页:房子图标 + 文字"首页",青绿色选中态 - 智慧导览:地图定位图标 + 文字"智慧导览",灰色未选中 - 景区攻略:书本/指南图标 + 文字"景区攻略",灰色未选中 - 文化长沙:古建筑/文化图标 + 文字"文化长沙",灰色未选中 - 我的:人物头像图标 + 文字"我的",灰色未选中 3. 每个tab图标为简约线性风格,选中态图标填充颜色 4. 导航栏底部留出iPhone底部安全区(Home Indicator小横条)的空间 5. 移除底部多余的山水装饰图案,让底部导航栏干净整洁 同时修正发现周边的标题文字,把错误的"发门景边"改为正确的"发现周边"。 整体保持新中式青绿山水风格,界面精致,2K超清。
罗小黑ioi
帮我为溧阳上河城设计一个关于618购物节的H5促销作品要求达成引流转化目标至少15页
起床天才
将海报里的话题#烟火深圳替换为#高州美食,其余文案、画面元素和整体风格保持不变
1q6ah2awk5289octk-HB
设计醒过美食APP引导页第1张,9:16竖屏,暖橙清新美食插画风格,主题为发现附近美食,包含简约美食地图插画,配文"发现身边好味道",底部有分页点和下一步按钮,风格清新适配移动端
用户48YCXTgG
1qm3hh1f4qFb59vA-HB
将这张长沙文旅国潮青绿山水风格首页调整为iPhone 17尺寸1179x2556竖屏。严格保证页面中所有元素(图标、卡片、文字、图片)的宽高比例不变形,不拉伸不压缩。适配方式:在顶部状态栏区域增加灵动岛(黑色药丸形状,位于屏幕顶部中央),状态栏时间15:24显示在左侧,信号wifi电量在右侧;在底部导航栏下方增加iPhone底部安全区(Home Indicator小横条)的留白空间。中间所有内容区域(山水大标题、搜索栏、8个金刚区图标、官方公告、热门景区、发现周边、底部导航栏)保持原有比例和大小完全不变,只是通过顶部和底部增加空间来适配更长的屏幕。所有元素不变形,布局整体居中均匀分布。
罗小黑ioi
将这张长沙文旅国潮青绿山水风格首页调整为iPhone 17尺寸1179x2556竖屏。严格保证页面中所有元素(图标、卡片、文字、图片)的宽高比例不变形,不拉伸不压缩。适配方式:在顶部状态栏区域增加灵动岛(黑色药丸形状,位于屏幕顶部中央),状态栏时间15:24显示在左侧,信号wifi电量在右侧;在底部导航栏下方增加iPhone底部安全区(Home Indicator小横条)的留白空间。中间所有内容区域(山水大标题、搜索栏、8个金刚区图标、官方公告、热门景区、发现周边、底部导航栏)保持原有比例和大小完全不变,只是通过顶部和底部增加空间来适配更长的屏幕。所有元素不变形,布局整体居中均匀分布。
罗小黑ioi
国潮风济源文旅互动H5攻略预约页设计,排版布局分上下区域,上方展示济源美食美景九宫格小图,下方设计预约表单输入框和预约按钮,采用国潮线条装饰元素,整体风格活泼新潮,适配手机竖屏
GD155195776
重新生成
GD995877788
将打卡路线图进行游戏化美化,整体改成赛博朋克游戏风格,保留所有文字和路线信息不变,增加科技感像素游戏UI元素,酷炫电子游戏视觉效果
ipGcH65o
长沙文旅微信小程序景区攻略页面UI设计,iPhone竖屏带灵动岛,简约清新白色风格,彩色圆形图标,与参考图首页风格完全一致。 整体背景:纯白色,干净清爽。 【顶部】状态栏9:41,中间黑色灵动岛。微信小程序胶囊导航栏(右上角三个点+圆圈胶囊按钮)。下方白色导航栏:左侧返回箭头,居中标题"景区攻略"黑色粗体文字。右侧圆形古风人物头像。 【天气栏】左侧定位下拉图标"长沙"+太阳图标"28°C 晴",黑色文字。 【搜索栏】大圆角浅灰色搜索框,灰色放大镜图标,占位文字"搜索攻略、线路、玩法"灰色文字。 【分类Tab栏】四个圆角胶囊标签横向排列,选中态为绿色背景白色文字,未选中为浅灰背景深灰文字: - 官方发布(选中态,绿色) - 第三方 - 平台发布 - 旅游线路 【攻略内容列表】官方发布tab下的攻略卡片列表,竖向滚动,每张卡片为大圆角白色卡片,带极淡阴影,简约风格: - 卡片1:上方岳麓山秋景风景大图(大圆角),图右下角有绿色圆角标签"精选"白字;下方左侧标题"岳麓山一日游最佳路线推荐"黑色粗体,底部小字灰色"官方发布 · 2.3万阅读 · 568收藏" - 卡片2:上方橘子洲风景大图,下方标题"橘子洲头游玩全攻略 必打卡景点",底部小字"官方发布 · 1.8万阅读 · 423收藏" - 卡片3:上方湖南博物院图,右上角绿色标签"热门",下方标题"湖南博物院参观指南 预约方式",底部小字"官方发布 · 3.1万阅读 · 892收藏" 每张卡片上图下文,大圆角,白色背景,极淡阴影。 【底部Tab栏】四个简约图标tab:首页(绿色房子图标+"首页")、导览(灰色地图图标+"导览")、行程(灰色日历图标+"行程")、我的(灰色人物图标+"我的")。底部白色导航栏,与参考图底部完全一致。 整体风格:简约清新白色风,绿色点缀,彩色圆形图标风格统一,圆角卡片,干净清爽,与首页风格完全统一,界面精致,2K超清。
罗小黑ioi