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