📘 课程简介
本课程系统构建UI设计师全链路能力体系,涵盖四大核心阶段:平面设计基础、C4D三维设计、电商网站设计及专业UI设计。学员将掌握Sketch、Adobe XD、墨刀等主流设计工具,深入学习APP界面规范、原型设计、动效制作、切图标注等实战技能。课程包含大量商业项目实战案例,如车载界面、智能手表设计、电商专题页等,同时培养职业素养和求职能力。通过本课程学习,你将具备独立完成从需求分析到设计落地的全流程能力,成为具备核心竞争力的专业UI设计师。
下载地址
📂 课程目录
四大阶段:平面设计 → C4D三维设计 → 电商网站 → UI设计
工具覆盖:PS / AI / CDR / C4D / AE / Sketch / Adobe XD / 墨刀
阶段一:平面设计
1.1 平面基础实战(GRAPHIC 01)
| 主题 |
内容 |
| 邀请函设计 |
邀请函设计(上/下)+ 开班典礼 |
| 电商Banner ① |
Banner设计基础(上/下) |
| 电商Banner ② |
Banner进阶(上/下) |
| 海报设计(线上)① |
海报设计入门 |
| 海报设计(线上)② |
海报设计进阶 |
1.2 平面进阶实战(GRAPHIC 02)
| 主题 |
内容 |
| 卡通插画 |
插画绘制(上/下) |
| 名片 / 工牌 / 工位牌 |
办公物料设计 |
| 海报设计(线下)① |
线下实战一 |
| 海报设计(线下)② |
线下实战二 |
| 单页设计 |
DM单页设计(上/下) |
1.3 CorelDRAW(选修)
界面与基础操作 → 图形绘制(饼图/井字图)→ 线条造型 → 描图与辅助工具 → 渐变/混合/填充 → 综合案例(汉堡包/光盘/立体铅笔)→ 封套/透镜/透明阴影/立体空间 → 文本与图文混排 → 综合实战(苹果造型/笑脸图标/端午海报/音乐海报/贺卡/宣传单页)
1.4 品牌设计(BRAND 01:字体与版式)
| 主题 |
内容 |
| 字体海报 ① / ② |
字体设计与应用 |
| 系列海报版式 ① / ② / ③ |
版式系统训练 |
1.5 品牌设计(BRAND 02:色彩与标志)
| 主题 |
内容 |
| 色彩情感海报 ① / ② |
色彩情绪表达 |
| 标志设计 ① / ② / ③ |
Logo设计方法 |
1.6 品牌设计(BRAND 03:VIS与实训)
| 主题 |
内容 |
| 标志设计 ④ |
Logo深化 |
| 品牌VIS ① / ② |
视觉识别系统 |
| 实训:会展会议 ① / ② |
会展物料综合实训 |
1.7 产品精修(PHOTO,选修)
修图基础(理论/工具/铺光)→ 口罩精修 → 软管精修 → 科颜氏护肤品精修 → 手表精修 → 耳机精修
阶段二:C4D三维设计
2.1 三维实战 ①
| 主题 |
内容 |
| C4D行业与软件基础 |
入门认知 |
| 礼物设计 ① / ② |
建模实战 |
| 平面场景设计 |
场景搭建 |
| 电商场景设计 ① |
电商应用 |
2.2 三维实战 ②
| 主题 |
内容 |
| 电商场景设计 ② |
电商应用进阶 |
| 产品设计 ① / ② |
产品建模渲染 |
| 卡通角色 |
角色建模 |
| 文字场景 |
三维字体场景 |
2.3 AE动效(赠送,选修)
行业认知 → 图层与关键帧动画 → 渲染输出 → 形状图层动画 → 弹跳/动态海报/咖啡动效 → 手机界面动效 → AE模板修改
阶段三:电商网站
3.1 电商设计 ①
| 主题 |
内容 |
| H5电商详情页 ① / ② |
详情页设计 |
| H5专题着陆页 ① / ② / ③ |
着陆页设计 |
3.2 电商设计 ②
| 主题 |
内容 |
| 活动专题页 ① / ② |
促销活动页面 |
| 节日专题页 ① / ② |
节日营销页面 |
| EDM邮箱广告 |
邮件营销设计 |
3.3 电商设计 ③
| 主题 |
内容 |
| 全屏站 / 响应式 ① / ② |
响应式网站 |
| 企业站 ① / ② |
企业官网设计 |
| 后台界面 |
管理系统界面 |
3.4 前端代码(赠送,选修)
HTML常用标签与综合案例 → CSS选择器与常用属性 → jQuery(动效/事件/选择器/DOM操作/CSS操作/尺寸遍历/过滤)
3.5 店铺装修(赠送,选修)
开店与店铺设置 → 宝贝管理与发布 → 切图与尺寸规范 → 首页/店招/Banner/代金券/自定义栏目装修 → 链接添加
阶段四:UI设计
4.1 UI设计 ①
| 主题 |
内容 |
| XD基础与设计规范 |
工具与规范入门 |
| 全链路项目界面设计 ① / ② |
完整项目实战 |
| 商业实战项目案例 ① / ② |
商业案例 |
4.2 UI设计 ②
| 主题 |
内容 |
| Android小程序 ① / ② |
移动端界面 |
| 车载界面 ① / ② |
车机UI设计 |
| 智能手表界面 |
穿戴设备UI |
4.3 Sketch & XD 界面设计(赠送,选修)
- Sketch:安装 → 画板与图形 → 布尔运算 → 单色/彩色剪影图标 → APP模块(导航/列表/视频/图文组合)→ 界面规范与墨刀原型 → 界面制作/适配/切图/标注
- Adobe XD:软件基础 → 图标设计(剪影/彩色/渐变)→ 蒙版与组件 → 重复网格 → 墨刀原型图 → APP效果图制作 → 界面动效(含复杂动效)→ 导出/适配/标注
配套资料
- 课堂文件:各课时配套源文件与素材(2021.8–2022.3)
- 阶段课件:平面创意 / 品牌广告(含字体、版式、色彩、Logo提案PPT)/ C4D
- 字体库:免费书法体/圆体/宋体/黑体/思源宋体 + 收费推荐字库
- 设计作品:AI作品 / PS作品(JPG + PSD源文件)
- 素质课程(选修):职业选择 / 职场竞争力 / 职场礼仪 / 求职能力
|