任务:生成一张微信小程序商城首页UI界面设计图,适 | AI智能生成设计模板-千图AI

任务:生成一张微信小程序商城首页UI界面设计图,适合红酒和枸杞的首页UI界面设计图。整体需在保留核心布局的基础上,提升视觉质感和品牌调性。

设计定位:高端、暗色调、沉浸式电商风格。以深邃的深灰色(#1A1A1A)到炭黑色(#0D0D0D)的渐变作为主背景,营造沉稳、高级的视觉基调。以红色(参考 #8B0000 至 #C41A1A)作为强调色,用于关键按钮、价格标签、促销标签和装饰元素。整体设计需体现“红酒”或“高端选品”的品类质感。

布局结构:采用纵向滚动布局,从上到下依次为:状态栏与搜索区、轮播图、功能图标区、优惠活动区、商品瀑布流(含商品卡片)以及底部导航栏。

分区与元素细节:

顶部状态栏与搜索区:位于屏幕最上方。状态栏与背景融合,显示时间、电量等信息(白色字体)。其下方为搜索框,背景为半透明白色(透明度15%),圆角为25px,框内左侧放置一个红色的“放大镜”图标,中间显示“搜索酒庄、产区、年份...”的占位文字,颜色为浅灰色(#B0B0B0)。搜索框右侧可添加一个“扫码”或“消息”图标,颜色为金色(#C9A96E)。

轮播图区域:位于搜索框下方。设计一个宽度占满屏幕、高度约为屏幕高度22%的横幅轮播图。轮播图内容以你上传的红酒商品图为主视觉,背景使用深红色(#8B0000)到深灰色的渐变,产品图需居中显示,并带有细腻的光影效果。在轮播图的右下角,叠加显示“澳洲原瓶进口”或“限时特惠”的促销文字标签,字体为金色(#C9A96E),带有发光效果。轮播图底部中间设计三个小圆点指示器,当前页面(第一个)为红色(#C41A1A),其余为灰色。

功能图标区(金刚区):位于轮播图下方,用于替代原图的“拼团、秒杀”等入口。设计八个圆形图标,以4x2的网格排列。八个入口分别为:“酒庄直供”(葡萄藤图标)、“限时闪购”(时钟图标)、“会员尊享”(皇冠图标)、“品鉴指南”(酒杯图标)、“新人专享”(礼物图标)、“积分商城”(金币图标)、“每日签到”(日历图标)、“专属客服”(耳机图标)。图标背景为半透明的深灰色(#2A2A2A),图标主体为白色或红色,下方文字为白色,字号小巧精致。

优惠活动区(横向滚动):位于金刚区下方。设计一个横向滑动的卡片区域,用于展示优惠券或活动。卡片背景为深灰色(#2A2A2A),圆角为12px,内边距适中。卡片内容可包含“满199减20”
AI 生成仅供参考,未经安全版权审查,请勿擅用。
收藏
AI改图
下载
更多
任务完成
描述你想生成的图片信息,如:画面里有什么风格/元素/色彩

暂无同款作品