情境:一家新兴的茶饮品牌 ——“茶韵清悠”,主打高品质中式茶饮… - 图片创意预览

情境:一家新兴的茶饮品牌 ——“茶韵清悠”,主打高品质中式茶饮…

情境:一家新兴的茶饮品牌 ——“茶韵清悠”,主打高品质中式茶饮,目标客户为年轻的都市白领和茶饮爱好者。品牌希望通过独特的视觉设计在竞争激烈的茶饮市场中脱颖而出,吸引目标客户群体,提升品牌知名度和美誉度

用户头像

¹⁰y

2026.01.08
新中式国风茶饮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通用点缀山茶花、茶枝、小卷轴、木纹、水墨云雾。
[第5张] 模特展示 - 年轻东方女性品茶生活方式。本张使用【图1】产品包装袋作为桌上道具。 [氛围/风格] 雅致生活方式摄影,温馨治愈,东方女性气质,自然真实不做作。 [元素布局] 画面右侧为一位25-30岁东方年轻女性,肩部以上入镜,侧脸微低头轻嗅茶香,手持白瓷茶杯凑近鼻尖,表情放松愉悦;左侧桌面摆放【图1】墨绿色小包装袋(占比约15%)、一只玻璃公道杯与一小碟干茶;背景为虚化的中式书房或茶室,有竹帘与绿植点缀;整体氛围安静雅致。女性穿着素色棉麻上衣。 [光影质感] 左侧窗边自然光,柔和侧光打在人物侧脸与茶杯上,皮肤通透有光泽,茶汤透亮,整体温暖柔和。 [配色色系] 全局底色 #F5F5F0 米白暖调;主色 #2E7D32 墨绿茶系;辅助色 #BCAAA4 木色、#FFCCBC 肤色暖调。 [视角构图] 人物侧脸45°,肩部以上构图,人物与茶汤各占画面约40%和20%,阅读动线从人物表情到茶汤再到包装。 [文字版式] 温润宋体标题,字色墨绿。左上主标题「一杯清茶 片刻悠然」,副标题「日常里的小确幸」;右下三个生活场景标签「办公提神」「居家放松」「待客品茗」,横排胶囊样式。文字不遮挡人物面部。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 人物变形,面部失真,包装文字错乱,水印,低俗,过度暴露,极限词。[第5张] 模特展示 - 年轻东方女性品茶生活方式。本张使用【图1】产品包装袋作为桌上道具。
[氛围/风格] 雅致生活方式摄影,温馨治愈,东方女性气质,自然真实不做作。
[元素布局] 画面右侧为一位25-30岁东方年轻女性,肩部以上入镜,侧脸微低头轻嗅茶香,手持白瓷茶杯凑近鼻尖,表情放松愉悦;左侧桌面摆放【图1】墨绿色小包装袋(占比约15%)、一只玻璃公道杯与一小碟干茶;背景为虚化的中式书房或茶室,有竹帘与绿植点缀;整体氛围安静雅致。女性穿着素色棉麻上衣。
[光影质感] 左侧窗边自然光,柔和侧光打在人物侧脸与茶杯上,皮肤通透有光泽,茶汤透亮,整体温暖柔和。
[配色色系] 全局底色 #F5F5F0 米白暖调;主色 #2E7D32 墨绿茶系;辅助色 #BCAAA4 木色、#FFCCBC 肤色暖调。
[视角构图] 人物侧脸45°,肩部以上构图,人物与茶汤各占画面约40%和20%,阅读动线从人物表情到茶汤再到包装。
[文字版式] 温润宋体标题,字色墨绿。左上主标题「一杯清茶 片刻悠然」,副标题「日常里的小确幸」;右下三个生活场景标签「办公提神」「居家放松」「待客品茗」,横排胶囊样式。文字不遮挡人物面部。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 人物变形,面部失真,包装文字错乱,水印,低俗,过度暴露,极限词。
[第5张] 模特展示 - 年轻东方女性品茶生活方式。本张使用【图1】产品包装袋作为桌上道具。 [氛围/风格] 雅致生活方式摄影,温馨治愈,东方女性气质,自然真实不做作。 [元素布局] 画面右侧为一位25-30岁东方年轻女性,肩部以上入镜,侧脸微低头轻嗅茶香,手持白瓷茶杯凑近鼻尖,表情放松愉悦;左侧桌面摆放【图1】墨绿色小包装袋(占比约15%)、一只玻璃公道杯与一小碟干茶;背景为虚化的中式书房或茶室,有竹帘与绿植点缀;整体氛围安静雅致。女性穿着素色棉麻上衣。 [光影质感] 左侧窗边自然光,柔和侧光打在人物侧脸与茶杯上,皮肤通透有光泽,茶汤透亮,整体温暖柔和。 [配色色系] 全局底色 #F5F5F0 米白暖调;主色 #2E7D32 墨绿茶系;辅助色 #BCAAA4 木色、#FFCCBC 肤色暖调。 [视角构图] 人物侧脸45°,肩部以上构图,人物与茶汤各占画面约40%和20%,阅读动线从人物表情到茶汤再到包装。 [文字版式] 温润宋体标题,字色墨绿。左上主标题「一杯清茶 片刻悠然」,副标题「日常里的小确幸」;右下三个生活场景标签「办公提神」「居家放松」「待客品茗」,横排胶囊样式。文字不遮挡人物面部。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 人物变形,面部失真,包装文字错乱,水印,低俗,过度暴露,极限词。[第5张] 模特展示 - 年轻东方女性品茶生活方式。本张使用【图1】产品包装袋作为桌上道具。
[氛围/风格] 雅致生活方式摄影,温馨治愈,东方女性气质,自然真实不做作。
[元素布局] 画面右侧为一位25-30岁东方年轻女性,肩部以上入镜,侧脸微低头轻嗅茶香,手持白瓷茶杯凑近鼻尖,表情放松愉悦;左侧桌面摆放【图1】墨绿色小包装袋(占比约15%)、一只玻璃公道杯与一小碟干茶;背景为虚化的中式书房或茶室,有竹帘与绿植点缀;整体氛围安静雅致。女性穿着素色棉麻上衣。
[光影质感] 左侧窗边自然光,柔和侧光打在人物侧脸与茶杯上,皮肤通透有光泽,茶汤透亮,整体温暖柔和。
[配色色系] 全局底色 #F5F5F0 米白暖调;主色 #2E7D32 墨绿茶系;辅助色 #BCAAA4 木色、#FFCCBC 肤色暖调。
[视角构图] 人物侧脸45°,肩部以上构图,人物与茶汤各占画面约40%和20%,阅读动线从人物表情到茶汤再到包装。
[文字版式] 温润宋体标题,字色墨绿。左上主标题「一杯清茶 片刻悠然」,副标题「日常里的小确幸」;右下三个生活场景标签「办公提神」「居家放松」「待客品茗」,横排胶囊样式。文字不遮挡人物面部。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 人物变形,面部失真,包装文字错乱,水印,低俗,过度暴露,极限词。