UI/UX训练营 课程安排

课程大纲

UI知识加油站
Introduction & UX/UI

- 破冰交流会——认识你的老师与同学

- 明确你的学习目的：系统性了解设计流程、实战经验积累、了解行业动向、明确就业方向

- 基础设计流程介绍

- 认识UX/UI设计工具：Sketch、XD、Figma、inVision、Zeplin

- 熟悉设计资源：Unsplash、Behance、Color Hunt、Medium

- Figma Tutorial

设计从业者的敲门转“作品集制作详解”

1. Based on Tutor

利用Mood board做更高效的风格设计

- 了解Mood board的作用: 设计理念的延伸与可视化 - 了解如何创建Mood board：找到合适的设计风格

设计基础知识——配色

1. - 了解三种配色方案
2. - 色彩对比
3. - 了解不同色调的正确应用
4. - 学习配色工具和资源的使用
5. - 了解UI Color System

设计资源和素材

1. - Pinterest
2. - Unsplash

响应式设计Responsive Design

1. - 学习响应式网页设计（Responsive Web Design），让产品适应多种设备尺寸
2. - 了解网格系统（Grid System），提高页面排版质量
3. - Micro Interaction

响应式网页设计（RWD） & 微交互设计

- 学习响应式网页设计（Responsive Web Design），让产品适应多种设备尺寸

- 了解网格系统（Grid System），提高页面排版质量

- Micro Interaction

- Figma Animation

- 实战环节：用Figma设计商业网站原型

网页布局&Landing Page

- 认识网页和网页端应用: 静态网页vs功能性网页

- 认识网页中的元素

- 介绍当前10种主流的网页布局

- Homepage vs Landing Page

- 解析Homepage和Landing Page的区别

- 实战环节：设计一个Landing Page

Landing Page设计

1. - Landing Page的作用
2. - Landing Page的设计思路
3. - Landing Page案例分析

User flow & 商业网站的设计

- 了解User Journey的重要性：理解用户与产品的交互需求，从用户视角理解用户痛点，为线框图打基础

- 介绍User Journey包含的内容

- 介绍User flow

- 了解如何设计线框图（Wireframe） 

- 熟悉三种常见商业网站类型：Individual brand website, Online retailer, Marketplace

- 实战环节：根据商业主题设计一个User Flow

UI项目练习
UI&UX Career Coaching
UI项目实战
商业项目设计实战：Presentation & Milestone 3 Seminar

- Show your best portfolios in English - Design pitch and presentation - Design Critic - Course Wrap up

UX知识加油站
移动端应用设计
- 了解移动端应用的优缺点
- 了解什么是Native Mobile Apps
- 了解移动端用户交互习惯：Thumb Zone Map
- 介绍移动端用户常用手势
- 分析两种常见移动端页面布局
- IOS vs Android
- 实战环节：利用IOS设计原件设计移动端界面
- Hand on practice (Apple Pass)
Ideation & Usability Testing
- 了解Double Diamond Design Thinking的三个流程：了解用户痛点、定义问题、制定计划
- 了解你的目标用户：定量研究VS定性研究
- 学习如何创建Persona
- Problem Statement 
- 学习如何分析竞争对手
- 了解设计过程中的需求分析：考察用户期望、梳理用户需求、叙述用户需求、调整用户期望
- 认识Balanced Breakthrough Model三要素: Desirability, Feasibility, Viability
Agile & Design Handover
1. - 介绍Agile和Scrum项目管理方式
2. - 对比两种不同的Agile Methodology：Scrum VS Kanban
3. - 介绍Scrum Sprint四个核心环节：Planning、Implementation、Review、Retrospect