课程简介
本课紧跟界面终端多样化发展的新业态，构建移动端（读书打卡App界面设计）、PC 端（高校官方网站界面）和车载终端（“智行1号”车载系统界面优化）3 个典型终端的界面设计项目实施教学；并对标UI设计岗位能力需求，依据分析项目需求—设计界面交互—设计界面元素—对接交付文档的UI设计工作流程设置项目任务；对标界面设计职业技能等级证书（初、中级）标准要求，课程融入二维构成设计基础知识，使学习者通过课程掌握UI设计整体工作流程和技能方法，具备界面设计基础能力。
课程以教师实拍视频精讲和个案实操演示为主、辅以PPT进行知识要点展示、以发帖互动答疑解惑，配套多个界面设计等真实项目案例资源，搭建理实一体的项目制+任务式学习场景，助力学生掌握课程要点。课程搭载虚拟仿真实训，帮助学习者攻克构成设计、色彩搭配等艺术设计相关的课程难点，有效解决学习者缺乏艺术基础问题。并带领学习者追踪业界设计新趋势，紧跟设计潮流更新深色模式等热点技术进行内容更新，促进学习者全面提升设计技能、创新能力和审美能力，促使理性思维和感性认知共同发展。
课程还创新设置“小白探路”模块，邀请学习亲历者提示重难点，分享学习经验技巧，带给学习者陪伴式学习新体验，友好面向零基础学习者。助力学习者轻松跨入互联网UI设计师职业行列，打下进阶互联网行业体验设计师、全链路设计师的坚实基础。
课程大纲
项目一：移动终端——读书打卡App界面设计制作
任务1.1分析项目需求
1.1.1行业认知：UI设计概念及行业发展
1.1.2初识图形图像
1.1.3产品思维概念
1.1.4发布任务
1.1.5读书打卡App界面设计项目需求分析
任务1.2设计制作产品原型
1.2.2界面交互设计
1.2.3UI设计规范
1.2.4原型设计
1.2.5原型设计工具Axure
1.2.6界面中的“排兵布阵”
1.2.8制作读书打卡App产品原型
任务1.3设计界面视觉
1.3.1搭配界面色彩（色彩的产生）
1.3.1搭配界面色彩（色彩的分类）
1.3.1搭配界面色彩（色相）
1.3.1搭配界面色彩（色相环）
1.3.1搭配界面色彩（色彩的明度与纯度）
1.3.1搭配读书打卡App界面色彩
1.3.2设计制作界面图标（UI图标设计）
1.3.2设计制作界面图标（构成设计认知）
1.3.2设计制作界面图标（构成形状要素：点）
1.3.2设计制作界面图标（构成形状要素：线）
1.3.2设计制作界面图标（构成形状要素：面）
1.3.2设计制作界面图标（基本形的创建）
1.3.2设计制作界面图标（绘制纯平面图标）
1.3.3设计与制作Banner（构成法则1——构成中的骨骼及作用）
1.3.3设计与制作Banner（构成法则2——重复、近似、渐变）
1.3.3设计与制作Banner（实操制作读书打卡Appbanner）
1.3.4设计界面字体（界面字体运用）t
1.3.4设计界面字体（实操排布读书打卡App界面字体）t
任务1.4交付与对接t
1.4.1切图神器——cutterman
1.4.2标注神器——pxcook
1.4.3项目标注与切图实操演示
项目二：PC终端——高校官方网站界面设计
任务2.1分析项目需求
2.2.1发布任务（文档，项目介绍）
2.2.2需求分析
任务2.3设计制作产品原型
2.3.1界面交互设计
2.3.2UI设计规范
2.3.3界面布局技巧
2.2.4实操演示
任务2.3设计界面视觉
2.3.1搭配界面色彩（色彩的对比）
2.3.1搭配界面色彩（色彩的调和）
2.3.1搭配界面色彩（界面配色实操）
2.3.2设计制作界面图标（图底关系的概念及运用）
2.3.2设计制作界面图标（绘制渐变图标）
2.3.3设计与制作Banner（构成法则3——特异、放射、密集）
2.3.3设计与制作Banner（构成法则4——发射、密集、分割）
2.3.3设计与制作Banner（banner制作实操）
2.3.4设计界面字体t（界面字体运用实操演示）
任务2.4文档交付与对接t
2.4.3项目标注与切图实操演示
项目三：车载终端——“智行1号”车载系统界面优化设计
任务3.1分析项目需求
3.1.1发布任务（文档，项目介绍）
3.1.2智能终端发展趋势
3.1.3认知HMI设计
3.1.4竞品分析
任务3.2设计制作产品原型
3.2.1多人在线协同设计工具MasterGo
3.2.1车载界面设计规范
3.2.1车载界面交互设计原则
3.2.1实操演示
任务3.3设计界面视觉
3.3.1搭配界面色彩（色彩会说话）
3.3.1搭配界面色彩（深色模式）
3.3.1搭配界面色彩（界面配色）
3.3.2设计制作界面图标（绘制拟物化图标）
3.3.3设计界面字体（车载界面字体运用）t
任务1.4文档交付与对接t
1.4.1项目提案技巧
课程资源项目案例
案例一：Banner设计案例
案例二：定制系统界面切图实例
案例三：定制系统界面设计制作实体项目
案例四：界面图标设计案例
案例五：移动端界面设计案例
任务1.1分析项目需求
1.1.1行业认知：UI设计概念及行业发展
1.1.2初识图形图像
1.1.3产品思维概念
1.1.4发布任务
1.1.5读书打卡App界面设计项目需求分析
任务1.2设计制作产品原型
1.2.2界面交互设计
1.2.3UI设计规范
1.2.4原型设计
1.2.5原型设计工具Axure
1.2.6界面中的“排兵布阵”
1.2.8制作读书打卡App产品原型
任务1.3设计界面视觉
1.3.1搭配界面色彩（色彩的产生）
1.3.1搭配界面色彩（色彩的分类）
1.3.1搭配界面色彩（色相）
1.3.1搭配界面色彩（色相环）
1.3.1搭配界面色彩（色彩的明度与纯度）
1.3.1搭配读书打卡App界面色彩
1.3.2设计制作界面图标（UI图标设计）
1.3.2设计制作界面图标（构成设计认知）
1.3.2设计制作界面图标（构成形状要素：点）
1.3.2设计制作界面图标（构成形状要素：线）
1.3.2设计制作界面图标（构成形状要素：面）
1.3.2设计制作界面图标（基本形的创建）
1.3.2设计制作界面图标（绘制纯平面图标）
1.3.3设计与制作Banner（构成法则1——构成中的骨骼及作用）
1.3.3设计与制作Banner（构成法则2——重复、近似、渐变）
1.3.3设计与制作Banner（实操制作读书打卡Appbanner）
1.3.4设计界面字体（界面字体运用）t
1.3.4设计界面字体（实操排布读书打卡App界面字体）t
任务1.4交付与对接t
1.4.1切图神器——cutterman
1.4.2标注神器——pxcook
1.4.3项目标注与切图实操演示
项目二：PC终端——高校官方网站界面设计
任务2.1分析项目需求
2.2.1发布任务（文档，项目介绍）
2.2.2需求分析
任务2.3设计制作产品原型
2.3.1界面交互设计
2.3.2UI设计规范
2.3.3界面布局技巧
2.2.4实操演示
任务2.3设计界面视觉
2.3.1搭配界面色彩（色彩的对比）
2.3.1搭配界面色彩（色彩的调和）
2.3.1搭配界面色彩（界面配色实操）
2.3.2设计制作界面图标（图底关系的概念及运用）
2.3.2设计制作界面图标（绘制渐变图标）
2.3.3设计与制作Banner（构成法则3——特异、放射、密集）
2.3.3设计与制作Banner（构成法则4——发射、密集、分割）
2.3.3设计与制作Banner（banner制作实操）
2.3.4设计界面字体t（界面字体运用实操演示）
任务2.4文档交付与对接t
2.4.3项目标注与切图实操演示
项目三：车载终端——“智行1号”车载系统界面优化设计
任务3.1分析项目需求
3.1.1发布任务（文档，项目介绍）
3.1.2智能终端发展趋势
3.1.3认知HMI设计
3.1.4竞品分析
任务3.2设计制作产品原型
3.2.1多人在线协同设计工具MasterGo
3.2.1车载界面设计规范
3.2.1车载界面交互设计原则
3.2.1实操演示
任务3.3设计界面视觉
3.3.1搭配界面色彩（色彩会说话）
3.3.1搭配界面色彩（深色模式）
3.3.1搭配界面色彩（界面配色）
3.3.2设计制作界面图标（绘制拟物化图标）
3.3.3设计界面字体（车载界面字体运用）t
任务1.4文档交付与对接t
1.4.1项目提案技巧
课程资源项目案例
案例一：Banner设计案例
案例二：定制系统界面切图实例
案例三：定制系统界面设计制作实体项目
案例四：界面图标设计案例
案例五：移动端界面设计案例
