- 破冰交流会——认识你的老师与同学
- 明确你的学习目的:系统性了解设计流程、实战经验积累、了解行业动向、明确就业方向
- 基础设计流程介绍
- 认识UX/UI设计工具:Sketch、XD、Figma、inVision、Zeplin
- 熟悉设计资源:Unsplash、Behance、Color Hunt、Medium
- Figma Tutorial
- Based on Tutor
- 了解Mood board的作用: 设计理念的延伸与可视化 - 了解如何创建Mood board:找到合适的设计风格
- - 了解三种配色方案
- - 色彩对比
- - 了解不同色调的正确应用
- - 学习配色工具和资源的使用
- - 了解UI Color System
- - Unsplash
- - 学习响应式网页设计(Responsive Web Design),让产品适应多种设备尺寸
- - 了解网格系统(Grid System),提高页面排版质量
- - Micro Interaction
- 学习响应式网页设计(Responsive Web Design),让产品适应多种设备尺寸
- 了解网格系统(Grid System),提高页面排版质量
- Micro Interaction
- Figma Animation
- 实战环节:用Figma设计商业网站原型
- 认识网页和网页端应用: 静态网页vs功能性网页
- 认识网页中的元素
- 介绍当前10种主流的网页布局
- Homepage vs Landing Page
- 解析Homepage和Landing Page的区别
- 实战环节:设计一个Landing Page
- - Landing Page的作用
- - Landing Page的设计思路
- - Landing Page案例分析
- 了解User Journey的重要性:理解用户与产品的交互需求,从用户视角理解用户痛点,为线框图打基础
- 介绍User Journey包含的内容
- 介绍User flow
- 了解如何设计线框图(Wireframe)
- 熟悉三种常见商业网站类型:Individual brand website, Online retailer, Marketplace
- 实战环节:根据商业主题设计一个User Flow
