Syllabus
● Introduction
● Prototyping tools
● Material design
● Typography
● Affinity designer and Iconography
● Human interface Guidelines
● Work with Developers Device Metrics
● Design presentation
Introduction➔ What is User Experience
◆ Personas◆ User Research ◆ User Stories◆ Wireframes◆ User Testing
➔ What is User Interface
◆ Layout◆ Visual Design ◆ Branding
Prototyping Tools➔ Introducing prototyping tools such
us Sketch, Adobe XD, FIgma➔ Figma
◆ Understanding Adobe XD Interface◆ Creating elementary components
➔ Adobe XD◆ Understanding Adobe XD Interface◆ Creating elementary components
Material Design
➔ What is Material Design
➔ Material Environment
➔ Pixel density and Responsive layout grid
➔ Behavior
➔ Navigation
➔ Color
Typography
➔ The Type System
➔ Headlines
➔ Texts
➔ Buttons’ Texts
➔ Google fonts
➔ Main types for devices
Iconography and Affinity Designer
➔ Iconography◆ Product icons◆ Icons Grid System
➔ Introduction of Affinity Designer interface◆ Creating Icons with keyline
Human Interface Guidelines
➔ Device Screen Sizes and Orientation
➔ IOS UI Kit
Work with Developers and Clients
➔ Zeplin
➔ Invision
➔ Figma
Design Presentation
➔ Behance and Dribbble
➔ Creating photos of real interaction with an app
Top Related