UI/UX项目班

Introduction & UX/UI

- About Lecturer

- The Speed Meeting Ice Breaker

- What you will learn for this course

- UX/UI design tools

- Workshop

- Homework

Mood board and Style guide

Mood Board

Colour

Typography

Style Guide

Workshop

Homework

Web layout and landing page

- Web & web application

- Common web layout

- RWD(move to class 9)

- Landing page

- Workshop

- Homework

User flow & ecommerce web

- User Journey

- Information Architecture

- User flow

- eCommerce web design

- Workshop

- Homework

Ecommerce workshop I

- Home workshop show and share (30mins)

- Ecommerce website workshop #1

- Finish rapid wireframe

Front end foundation I

1.编程的准备工作，网页开发编辑器的选择，网页浏览器（Chrome）功能介绍

2.HTML初步介绍，HTML的结构和语法讲解

3.如何准确使用HTML常用标签

4.如何使用绝对路径和相对路径引用外部文件

5.HTML 语义化标签使用方法

6.HTML5新增功能介绍

Ecommerce workshop II

- Ecommerce website workshop #2

- Finish Wireframe & UI

Front end foundation II

1. CSS是什么

2. HTML引入CSS的常见方法及解析

2. CSS的基本语法讲解

3. CSS常用选择器讲解以及如何使用CSS选择器

4. CSS中长度单位的介绍(px,em,rem等)

5. 什么是box model，如何利用padding和margin进行网页布局

RWD & Micro Interaction Design

- RWD

- Grid system

- Micro Interaction

- Figma Animation

- Workshop

- Homework

Double Diamond Design Thinking & Research

- Double Diamond Design Thinking

- Field Research

- Persona

- Problem Statement

- Workshop

- Homework

Mobile Application Design

- Mobile Application Design

- Workshop

- Homework

Apple Pass

- Apple Passes

- Workshop

- Homework

Ideation & Usability Testing

- Ideation

- Usability Testing

- Workshop

- Homework

Agile & Design Handover

- Agile and Scrum project management

- Design Documentation

- Introduction Zeplin

- Homework

Design Portfolios

Design Portfolios

Final Show Case

- Show your best portfolios in English

- Retroactive