创意预览图

竖版9:16茶道APP介绍页,主色调暖棕+米白,浅米色背景带低透明度木质纹理。页面顶部居中深棕色主标题:"同好相聚,以茶会友",字体宋体或书法体,字号36-40。左半区小标题"茶友社区"无衬线粗体24

用户头像

1r31t6kkzpp...

2026.05.25
生成中国非遗文化主题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设计,参考左侧布局和右侧国潮青绿山水风格,整体新国潮水墨国风,主打春茶时令原叶新中式奶茶,采用国风手绘加传统国画青绿山水风格,走东方茶文化古风路线。色彩规范:主色茶绿#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通用点缀山茶花、茶枝、小卷轴、木纹、水墨云雾。