任务:对现有微信小程序“个人中心”页面进行UI美化 | AI智能生成设计模板-千图AI

任务:对现有微信小程序“个人中心”页面进行UI美化设计,生成一张全新的、可直接输出的个人中心UI界面设计图。整体需在保留核心功能布局的基础上,提升视觉质感和品牌调性,使其与优化后的商城首页风格统一。

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

布局结构:采用纵向滚动布局,从上到下依次为:用户信息与资产卡片、订单入口、常用工具区、营销活动区、其他服务入口以及底部导航栏。

分区与元素细节:

顶部用户信息与资产卡片:位于屏幕最上方,是页面的视觉重心。设计一个大的、圆角为20px的磨砂玻璃卡片(背景为半透明白色,模糊度10%)作为信息容器。卡片内部上半部分,左侧为圆形用户头像(带金色描边),右侧显示用户昵称(白色、加粗、大号),昵称下方显示“会员等级:钻石会员”的金色标签。卡片内部下半部分,用三条浅灰色的竖线将区域三等分,分别显示“账户余额”、“积分”、“优惠券”三项。每项的数字为红色(#C41A1A)、加粗、大号,数字下方为白色小字说明。

订单入口区(我的订单):位于信息卡片下方。设计一个横向的功能区。左侧用白色大号字体显示“我的订单”标题,右侧有一个灰色的“查看全部”箭头。其下方,设计五个圆形图标(带微弱的灰色背景圆),横向排列,分别为:“待付款”、“待收货”、“待评价”、“售后单”、“全部订单”。图标使用简洁的线性图标,颜色为白色或浅灰色,每个图标下方配有相应的文字标签。

常用工具区(快捷入口):位于订单入口下方。设计为两行、每行四个的网格布局,共八个入口。分别为:“我的钱包”、“领券中心”、“签到”、“充值”、“提现”、“设置”、“收藏”、“浏览足迹”。每个入口由一个圆角方形图标和下方文字组成。图标背景为半透明的深灰色(#2A2A2A),图标主体为白色或红色,下方文字为白色,字号小巧精致。

营销与推广区(分销中心):位于常用工具下方。设计一个横向的、具有视觉冲击力的推广卡片。卡片背景使用深红色(#8B0000)到亮红色(#C41A1A)的渐变。卡片内部左侧显示“分销中心”的金色标题,以及“邀请好友,赚取佣金”的白色
AI 生成仅供参考,未经安全版权审查,请勿擅用。
收藏
AI改图
下载
更多
任务完成
描述你想生成的图片信息,如:画面里有什么风格/元素/色彩

暂无同款作品