创意预览图

周末去哪儿大学生活动小程序首页界面原型,375x812px iPhone X尺寸,主色调活力橙#FF7A3D,辅助色天空蓝#4A90E2,背景浅灰白#F7F8FA,年轻活力现代简约清新风格,顶部有搜索

用户头像

GD916654622

2026.05.28
生成中国非遗文化主题App首页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前首页图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原。从上到下布局:- 顶部搜索区:高度56pt,左右边距16pt,左侧浅灰圆角8pt搜索框,占位文字"🔍 搜索项目/传承人/活动/课程",右侧24x24pt消息图标。- Banner轮播:高度160pt,左右边距16pt,圆角12pt,显示三张卡片"非遗节"、"大师专访"、"限时活动",右下角有轮播指示点。- 核心功能入口2x2网格:高度100pt,每个入口宽165pt、高80pt,圆角12pt。四个入口依次是【VR展馆】图标+文字;【限时体验课】带倒计时角标;【非遗直播】带"热播中"红点;【打卡挑战】带"今日挑战"标识。- 推荐流标题:高度44pt,左对齐文字"推荐作品",右侧"更多 >"。- 双列瀑布流:两列等宽,列间距12pt,左右边距16pt。每个卡片宽165pt,包含140pt高图片区、16pt加粗标题、标签(如"直播中"、"1.2w观看")、小头像+昵称。卡片依次展示:"剪纸教程"显示2.3w观看;"皮影戏"显示直播红点;"刺绣技法";"陶瓷手作"。- 右下角悬浮圆形朱砂红背景发布按钮带"+"。生成高清效果图,光线自然,无文字乱码,所有元素位置比例精准。生成中国非遗文化主题App首页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前首页图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原。从上到下布局:- 顶部搜索区:高度56pt,左右边距16pt,左侧浅灰圆角8pt搜索框,占位文字"🔍 搜索项目/传承人/活动/课程",右侧24x24pt消息图标。- Banner轮播:高度160pt,左右边距16pt,圆角12pt,显示三张卡片"非遗节"、"大师专访"、"限时活动",右下角有轮播指示点。- 核心功能入口2x2网格:高度100pt,每个入口宽165pt、高80pt,圆角12pt。四个入口依次是【VR展馆】图标+文字;【限时体验课】带倒计时角标;【非遗直播】带"热播中"红点;【打卡挑战】带"今日挑战"标识。- 推荐流标题:高度44pt,左对齐文字"推荐作品",右侧"更多 >"。- 双列瀑布流:两列等宽,列间距12pt,左右边距16pt。每个卡片宽165pt,包含140pt高图片区、16pt加粗标题、标签(如"直播中"、"1.2w观看")、小头像+昵称。卡片依次展示:"剪纸教程"显示2.3w观看;"皮影戏"显示直播红点;"刺绣技法";"陶瓷手作"。- 右下角悬浮圆形朱砂红背景发布按钮带"+"。生成高清效果图,光线自然,无文字乱码,所有元素位置比例精准。
生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。
创意 × 2
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。 从上到下布局: 1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。 2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。 3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。 4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。 5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。 操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。
从上到下布局:
1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。
2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。
3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。
4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。
5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。
操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。
创意 × 4