创意预览图

咖啡外卖app第二个tabbar页面设计,页面顶部展示咖啡绿色天然生长环境的网图,中部展示咖啡现磨精细化制作工艺,突出现磨咖啡的品质生活理念,融入店面高效率便捷服务特点,添加今日幸运抽奖(剩余1次)领

用户头像

1q18t9d5cp-...

2026.05.22
[第3屏] 成分/产地专屏 - 精选咖啡豆原料微距与产地品质展示。本屏为原料产地专屏,无需展示产品包装主体,以咖啡豆原料和产地场景为主视觉。 [氛围/风格] 高级食材摄影风,微距质感,暖棕色调,真实自然有食欲感。 [元素布局] 画面上半部分为大比例咖啡豆微距特写(占屏约50%):烘焙均匀的深棕咖啡豆堆叠,颗粒饱满有光泽,表面油润可见,散落2-3片咖啡叶;画面下半部分左侧为非洲咖啡庄园山坡实景(咖啡树、红果、采摘场景剪影),右侧为蓝山山脉云雾风景;底部有一条横向信息带标注产地信息;咖啡豆颗粒大且清晰,主视觉合计占屏≥60%。 [光影质感] 侧上方柔和暖光打在咖啡豆上,形成自然高光与明暗层次,咖啡豆立体感强,油润质感突出,背景虚化突出主体。 [配色色系] 全局底色 #EDE0C8(浅米棕);主色 #6F4E37(咖啡棕)+ #3E2723(深烘棕);辅助色 #8BC34A(咖啡叶绿)+ #5B7B9C(远山蓝)。 [视角构图] 微距俯视+场景拼图,上重下轻布局,阅读动线顶部咖啡豆特写 → 中部产地场景 → 底部产地文字。 [文字版式] 咖啡豆区域上方叠加主标题「一颗好豆 一杯好咖啡」,手写感字体;左下产地区配文「埃塞俄比亚 · 耶加雪菲 花香果酸」;右下产地区配文「乌干达 · 罗布斯塔 醇厚浓香」;底部信息带标注「SCA 80+ 精选级生豆」「高海拔种植」「手工采摘」;圆润黑体字,字色深棕,字号适中可读。 [比例分辨率] 3:4竖版比例,width=1200,height=1600,4K分辨率,高清微距质感。 [负向提示词] 咖啡豆变形,颜色发灰,无油润质感,产地画面模糊,文字过小,水印,杂乱背景。[第3屏] 成分/产地专屏 - 精选咖啡豆原料微距与产地品质展示。本屏为原料产地专屏,无需展示产品包装主体,以咖啡豆原料和产地场景为主视觉。
[氛围/风格] 高级食材摄影风,微距质感,暖棕色调,真实自然有食欲感。
[元素布局] 画面上半部分为大比例咖啡豆微距特写(占屏约50%):烘焙均匀的深棕咖啡豆堆叠,颗粒饱满有光泽,表面油润可见,散落2-3片咖啡叶;画面下半部分左侧为非洲咖啡庄园山坡实景(咖啡树、红果、采摘场景剪影),右侧为蓝山山脉云雾风景;底部有一条横向信息带标注产地信息;咖啡豆颗粒大且清晰,主视觉合计占屏≥60%。
[光影质感] 侧上方柔和暖光打在咖啡豆上,形成自然高光与明暗层次,咖啡豆立体感强,油润质感突出,背景虚化突出主体。
[配色色系] 全局底色 #EDE0C8(浅米棕);主色 #6F4E37(咖啡棕)+ #3E2723(深烘棕);辅助色 #8BC34A(咖啡叶绿)+ #5B7B9C(远山蓝)。
[视角构图] 微距俯视+场景拼图,上重下轻布局,阅读动线顶部咖啡豆特写 → 中部产地场景 → 底部产地文字。
[文字版式] 咖啡豆区域上方叠加主标题「一颗好豆 一杯好咖啡」,手写感字体;左下产地区配文「埃塞俄比亚 · 耶加雪菲 花香果酸」;右下产地区配文「乌干达 · 罗布斯塔 醇厚浓香」;底部信息带标注「SCA 80+ 精选级生豆」「高海拔种植」「手工采摘」;圆润黑体字,字色深棕,字号适中可读。
[比例分辨率] 3:4竖版比例,width=1200,height=1600,4K分辨率,高清微距质感。
[负向提示词] 咖啡豆变形,颜色发灰,无油润质感,产地画面模糊,文字过小,水印,杂乱背景。
新中式国风茶饮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通用点缀山茶花、茶枝、小卷轴、木纹、水墨云雾。