UI设计师-远程-1个月

项目编号：【181210】
项目简介
项目名称：慧学英语平台
技术栈：前端 Vue 3 + Element Plus（基于 Admin Plus 模板）；后端 FastAPI + MySQL
已有功能：用户登录/注册、单词书选择与学习进度、AI 生成短文、AI 对话、词典查询、学习设置、成绩统计等。
状态：功能已上线并稳定运行，但现有 UI 不够美观，需要整体设计提升。
设计范围（4 个核心页面）
首页（仪表盘）
展示学习进度、每日完成、连续学习天数、AI 对话轮次等概要卡片
词汇掌握占比、学习计划执行、AI 对话与短文趋势等图表
当前单词书进度、最近短文摘要、导出成绩单入口
AI 词汇短文页
短文展示区域（包含生成时的过场动画）
Tab：AI 对话 / 单词卡片 / 词典（需有小图标，清晰区分）
学习设置页
计划配置、每日配额等表单，左右布局高度需协调统一
单词书上传页（管理员）
表单：书名、简介、封面上传、词表文件上传、标签/水平选择
操作按钮、提示区域、进度/反馈提示优化
设计期望
风格：清爽、现代、信息密度适中；有层次感可使用柔和的渐变/半透明块但整体保持简洁。
统一色板/字体：希望由设计师提供一套统一色板与字体搭配，兼顾深浅背景区域。
图标与插画：为概要卡片、Tabs、空状态等提供一致的 icon/插画风格。
组件规范：卡片、表单、图表容器、按钮、提示、过场动画等需有统一的圆角、阴影、间距规范。
自适应：web端优先，兼顾常见笔记本分辨率；移动端自适应优先级可降低但布局需可收缩。
交互细节：加载/过场动画（短文生成）、悬浮提示、空数据占位、错误提示等。
成绩单导出（样式参考）：提供一份 PDF 设计稿样式（封面 + 统计卡片 + 图表 + 简要明细），用于前端导出时的视觉参考。
交付物
视觉稿：4 个页面的高保真设计（含桌面端主视图，关键弹窗/浮层）。
设计规范：色板、字体、间距、圆角、按钮/表单/卡片样式、图表配色方案、icon 规范。
资源：所用插画、图标（SVG/可商用素材）、过场动画（GIF/Lottie），并标明来源或授权。
说明文档：布局与组件标注、状态/交互动效说明，导出成绩单样式参考。
其他信息
开发框架：基于 Vue 3 + Element Plus，尽量沿用组件体系（可提供定制样式）。
品牌命名：慧学英语平台（可接受 logo/标识设计或调整）。
时间与预算：请在沟通时给出预估工期和报价。
将以上内容发布到程序员客栈等平台，设计师即可按此为 4 个核心页面提供整体 UI 设计方案。