57
Interaction Designers Prepared & Presented by Abdelrahman Belal & Aya Mohamed Session 1: Welcoming and UI/UX and Introduction to Photoshop.

First session

Embed Size (px)

Citation preview

Page 1: First session

Interaction DesignersPrepared & Presented by

Abdelrahman Belal & Aya Mohamed

Session 1: Welcoming and UI/UX and Introduction to Photoshop.

Page 2: First session

Abd El-Rahman Belal•Third level at FCI-CU•Participant at MSP-CU’15•HR Member at MSP-CU’16•AC Member at MSP-CU’17

Page 3: First session

Aya Mohamed•Second level at FCES-CU•Broker Member at MESE’16•Member at CareerZoom-CU’16•Human Rights Member at EU’17•AC Member at MSP-CU ’17

Page 4: First session
Page 5: First session

Agenda•What’s Interaction Design?

•UI/UX Design

•Examples on UI/UX Design

• Illustrator vs Photoshop

Page 6: First session

Interaction Design

Page 7: First session
Page 8: First session
Page 9: First session

Everything is UX & UX is Everything

Page 10: First session

Principles of UI &

UX Design

Digestibility

Clarity

Trust

Familiarity

Delight

Page 11: First session

1) Digestibility

Page 12: First session

2) Clarity

Page 13: First session

3) Trust

Page 14: First session

4) Familiarity

Page 15: First session

5) Delight

Page 16: First session
Page 17: First session
Page 18: First session

UI

Page 19: First session

City Beach Forest

Page 20: First session

City Beach Forest

NewYork

London

Paris

Page 21: First session
Page 22: First session
Page 23: First session
Page 24: First session
Page 25: First session
Page 26: First session
Page 27: First session
Page 28: First session
Page 29: First session
Page 30: First session
Page 31: First session
Page 32: First session
Page 33: First session
Page 34: First session
Page 35: First session
Page 36: First session
Page 37: First session
Page 38: First session
Page 39: First session
Page 40: First session
Page 41: First session

First Version

Page 42: First session

First Splash Screen

Page 43: First session

Most used for

Vectors based graphics

Pixels based graphics

Page 44: First session
Page 45: First session

Most used by

Designers Photographers

Page 46: First session

Zooming

Sharp and Clear Blurry and Messy

Page 47: First session

Art board

Multiple art boards Single canvas

Page 48: First session

File Saving

Fast Slow

Page 49: First session
Page 50: First session
Page 51: First session
Page 52: First session

Layering System

Page 53: First session
Page 54: First session
Page 55: First session

?

Page 56: First session

Aya Mohamed: [email protected]

Abdelrahman Belal: [email protected]

www.facebook.com/groups/1088096581319517/

Page 57: First session

Thank You