创意预览图

参考提供图片的非遗古风茶文化UI设计风格,生成一套以陈皮介绍为主题的六组手机端UI界面设计,整体为浅棕绿色新中式国风配色,包含陈皮介绍、陈皮分类、陈皮知识、陈皮商城、陈皮社区、设置六个页面,保持原设计

用户头像

GD404268325

2026.03.20
生成中国非遗文化主题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
生成一张完整的非遗文化App UI设计作品竖版A3展板,比例1080×1527,主题“数字匠心 · 非遗新生”——非遗文化App界面设计。主色#DC4C3A朱砂红,背景#FDF8F0宣纸纹理米白加极淡低透明度云纹底纹,辅色#2B2B2B墨黑、#7E9A6B石绿、#3F5E6B靛蓝,融合传统美学与现代UI设计,雅致有文化气息。从上到下布局:1.顶部标题区(15%):主标题“非遗文化 App 界面设计”,副标题“数字匠心 · 非遗新生”,带朱砂红底色配非遗纹样的App图标,下方项目介绍:项目名称:非遗文化 App ——“传艺”;项目定位:一款聚焦中国非物质文化遗产的数字化平台,连接非遗传承人与爱好者,提供“学、看、买、玩”一站式体验。通过现代移动端设计语言,让传统手艺触手可及,助力非遗活态传承。目标用户:非遗爱好者、手工艺学习者、文化从业者、养生与心理健康关注者;核心价值:沉浸式体验(VR全景展馆、非遗直播)、系统化学习(限时体验课、传承人专访)、社区互动(打卡挑战、动态分享、非遗足迹)、电商闭环(文创产品、材料包、手作工具)、文化融合(传统养生、非遗与心理健康)。2.设计过程区(25%):左侧用户画像卡片展示非遗爱好者、手工艺学习者、文化从业者;中间设计规范展示色卡、圆角12pt、字体规范、底部导航结构;右侧用户旅程图:发现 → 学习 → 购买 → 分享 → 传承。3.设计成果区(45%):标题“核心界面展示”,第一行排列3个界面(首页、发现页、工坊页),第二行居中排列2个界面(动态页、我的页),每个界面尺寸一致,边缘加细描边微阴影,下方标注页面名称,使用提供的五个界面截图。4.底部信息区(15%):左侧列出关键功能标签:VR展馆|限时体验课|非遗直播|打卡挑战|非遗工坊|社区动态|非遗足迹|传统养生;中间设计亮点:双列瀑布流推荐、一站式非遗电商、社区互动打卡;右侧添加完整设计说明:设计理念:数字匠心 · 非遗新生,以“温润、雅致、可触达”为关键词,朱砂红象征厚重热情,宣纸米白模拟古籍质感,石绿靛蓝平衡层次;信息架构:底部5个Tab,分别对应首页推荐、发现搜索、工坊电商、动态社区、个人中心;关键亮点:双列瀑布流提升浏览密度,积分徽章增强粘性,悬浮按钮促进内容生产,传统养生拓宽使用场景;交互特色:导航高亮清晰,卡片分层明确,支持多种手势交互。右下角保留模拟二维码位置。整体配色严格使用指定色系,留白适当,主次分明,干净专业适合作品集展示。生成一张完整的非遗文化App UI设计作品竖版A3展板,比例1080×1527,主题“数字匠心 · 非遗新生”——非遗文化App界面设计。主色#DC4C3A朱砂红,背景#FDF8F0宣纸纹理米白加极淡低透明度云纹底纹,辅色#2B2B2B墨黑、#7E9A6B石绿、#3F5E6B靛蓝,融合传统美学与现代UI设计,雅致有文化气息。从上到下布局:1.顶部标题区(15%):主标题“非遗文化 App 界面设计”,副标题“数字匠心 · 非遗新生”,带朱砂红底色配非遗纹样的App图标,下方项目介绍:项目名称:非遗文化 App ——“传艺”;项目定位:一款聚焦中国非物质文化遗产的数字化平台,连接非遗传承人与爱好者,提供“学、看、买、玩”一站式体验。通过现代移动端设计语言,让传统手艺触手可及,助力非遗活态传承。目标用户:非遗爱好者、手工艺学习者、文化从业者、养生与心理健康关注者;核心价值:沉浸式体验(VR全景展馆、非遗直播)、系统化学习(限时体验课、传承人专访)、社区互动(打卡挑战、动态分享、非遗足迹)、电商闭环(文创产品、材料包、手作工具)、文化融合(传统养生、非遗与心理健康)。2.设计过程区(25%):左侧用户画像卡片展示非遗爱好者、手工艺学习者、文化从业者;中间设计规范展示色卡、圆角12pt、字体规范、底部导航结构;右侧用户旅程图:发现 → 学习 → 购买 → 分享 → 传承。3.设计成果区(45%):标题“核心界面展示”,第一行排列3个界面(首页、发现页、工坊页),第二行居中排列2个界面(动态页、我的页),每个界面尺寸一致,边缘加细描边微阴影,下方标注页面名称,使用提供的五个界面截图。4.底部信息区(15%):左侧列出关键功能标签:VR展馆|限时体验课|非遗直播|打卡挑战|非遗工坊|社区动态|非遗足迹|传统养生;中间设计亮点:双列瀑布流推荐、一站式非遗电商、社区互动打卡;右侧添加完整设计说明:设计理念:数字匠心 · 非遗新生,以“温润、雅致、可触达”为关键词,朱砂红象征厚重热情,宣纸米白模拟古籍质感,石绿靛蓝平衡层次;信息架构:底部5个Tab,分别对应首页推荐、发现搜索、工坊电商、动态社区、个人中心;关键亮点:双列瀑布流提升浏览密度,积分徽章增强粘性,悬浮按钮促进内容生产,传统养生拓宽使用场景;交互特色:导航高亮清晰,卡片分层明确,支持多种手势交互。右下角保留模拟二维码位置。整体配色严格使用指定色系,留白适当,主次分明,干净专业适合作品集展示。
新中式国风茶饮APP首页UI设计,参考左侧布局和右侧国潮青绿山水风格,整体新国潮水墨国风,主打春茶时令原叶新中式奶茶,采用国风手绘加传统国画青绿山水风格,走东方茶文化古风路线。色彩规范:主色茶绿#527A59,辅色米宣纸#F8F5E6,点缀茶汤黄#F9D89C,重色木棕#8C5F3B,留白瓷白#FFFFFF,全页面低饱和国画莫兰迪色系,禁用高饱和荧光色。 首页结构,严格按布局: 1.顶部主题Banner区首屏大图:左上角悬空手绘紫砂茶壶,壶口倾倒茶汤,茶汤蜿蜒化作河流贯穿画面,背景是青绿水墨山水、云雾、江南徽派仿古庭院茶铺木构飞檐古建筑,左右两侧点缀山茶花、黄蕊茉莉花、茶树枝叶,Banner竖排文案:主标题“春茶百味”,副标小字“东方茶饮花香风味”,画风:水彩水墨晕染加工笔花卉,新国潮手绘,线条柔和。 2.登录权益卡片区Banner下方通栏卡片:圆角宣纸边框加细仿古描边中式圆角,左侧文案“欢迎贵宾光临|登录可领取贵宾好礼”,右侧深墨绿圆角按钮“立即登录”白字,卡片底色米宣纸色。 3.双功能入口区左右等分两宫格卡片:左框【门店自取】配手绘中式小茶铺古建筑插画,下方英文小字COLLECTION;右框【外卖点单】配古风骑马驿卒信使手绘插画,下方英文小字TAKEOUT;两个卡片统一仿古圆角宣纸边框,米白底,图标全手绘不用扁平化图标。 4.卷轴活动Banner区双入口下方通栏:外形仿古左右木轴卷轴造型两端实木卷轴头,画面卷轴纸面加左右山茶花插画加右侧一杯成品奶茶手绘,居中文案主标题“春茶品质甄选”,副标题“请查收春日福利”。 5.底部Tab导航固定全局底部,4个导航项,全部中式手绘图标加中文文字:首页古风小房子图标,点单仿古单据卷轴图标,取茶中式青瓷茶壶图标,我的古风简约人形头像图标,导航底色主色茶绿色,选中图标加深棕色调。 通用UI组件规范:所有卡片边框圆角加细棕色仿古描边,底色优先米宣纸色,杜绝纯白纯黑;主按钮墨绿底白字圆角,辅助按钮宣纸底棕字细边框;大标题国风书法楷体宋体,正文常规细宋体,拒绝粗黑体卡通字体;全APP通用点缀山茶花、茶枝、小卷轴、木纹、水墨云雾。新中式国风茶饮APP首页UI设计,参考左侧布局和右侧国潮青绿山水风格,整体新国潮水墨国风,主打春茶时令原叶新中式奶茶,采用国风手绘加传统国画青绿山水风格,走东方茶文化古风路线。色彩规范:主色茶绿#527A59,辅色米宣纸#F8F5E6,点缀茶汤黄#F9D89C,重色木棕#8C5F3B,留白瓷白#FFFFFF,全页面低饱和国画莫兰迪色系,禁用高饱和荧光色。
首页结构,严格按布局:
1.顶部主题Banner区首屏大图:左上角悬空手绘紫砂茶壶,壶口倾倒茶汤,茶汤蜿蜒化作河流贯穿画面,背景是青绿水墨山水、云雾、江南徽派仿古庭院茶铺木构飞檐古建筑,左右两侧点缀山茶花、黄蕊茉莉花、茶树枝叶,Banner竖排文案:主标题“春茶百味”,副标小字“东方茶饮花香风味”,画风:水彩水墨晕染加工笔花卉,新国潮手绘,线条柔和。
2.登录权益卡片区Banner下方通栏卡片:圆角宣纸边框加细仿古描边中式圆角,左侧文案“欢迎贵宾光临|登录可领取贵宾好礼”,右侧深墨绿圆角按钮“立即登录”白字,卡片底色米宣纸色。
3.双功能入口区左右等分两宫格卡片:左框【门店自取】配手绘中式小茶铺古建筑插画,下方英文小字COLLECTION;右框【外卖点单】配古风骑马驿卒信使手绘插画,下方英文小字TAKEOUT;两个卡片统一仿古圆角宣纸边框,米白底,图标全手绘不用扁平化图标。
4.卷轴活动Banner区双入口下方通栏:外形仿古左右木轴卷轴造型两端实木卷轴头,画面卷轴纸面加左右山茶花插画加右侧一杯成品奶茶手绘,居中文案主标题“春茶品质甄选”,副标题“请查收春日福利”。
5.底部Tab导航固定全局底部,4个导航项,全部中式手绘图标加中文文字:首页古风小房子图标,点单仿古单据卷轴图标,取茶中式青瓷茶壶图标,我的古风简约人形头像图标,导航底色主色茶绿色,选中图标加深棕色调。
通用UI组件规范:所有卡片边框圆角加细棕色仿古描边,底色优先米宣纸色,杜绝纯白纯黑;主按钮墨绿底白字圆角,辅助按钮宣纸底棕字细边框;大标题国风书法楷体宋体,正文常规细宋体,拒绝粗黑体卡通字体;全APP通用点缀山茶花、茶枝、小卷轴、木纹、水墨云雾。
生成中国非遗文化主题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观看;"皮影戏"显示直播红点;"刺绣技法";"陶瓷手作"。- 右下角悬浮圆形朱砂红背景发布按钮带"+"。生成高清效果图,光线自然,无文字乱码,所有元素位置比例精准。