ux/ui second course

17

Upload: iulian-corunga

Post on 12-Aug-2015

63 views

Category:

Design


2 download

TRANSCRIPT

Page 1: UX/UI Second Course
Page 2: UX/UI Second Course

StructuraCursului

2

Wireframes

UIUser Interface Guidelines Screens ResponsiveHandover

Page 3: UX/UI Second Course

Wireframes

Page 4: UX/UI Second Course

Homepage

Page 5: UX/UI Second Course

PAUZA15 min

Page 6: UX/UI Second Course

• Claritate

• Consistena

• Simplitate

• Controlul utilizatorului

• Direct

• Toleranta

• Feedback

• Estetica

Ce inseamna un UI bun ?

Page 7: UX/UI Second Course

Elementele unui UI

SkeuomorphicFlat

Page 8: UX/UI Second Course

Culori• Normal

• Hover

• Active

• Disable

Page 9: UX/UI Second Course

Fonturi

• Titluri

• Content

• Butoane

• Categorii

Page 10: UX/UI Second Course

PAUZA15 min

Page 11: UX/UI Second Course

Handover

• Identificam screen-urile cele mai importante

• Functionalitate

• Interactiuni

• Handover to Dev.

Page 12: UX/UI Second Course

Identity Guidelines

• Logo • Culori • Spatieri • Icon-uri • Artwork-uri• Font-uri

Page 13: UX/UI Second Course

• 320 px | 4 coloane • 768 px | 12 coloane • 960 px | 16 coloane

Grid

Page 14: UX/UI Second Course

• Web

• Tablet

• Mobile

Responsive

Page 15: UX/UI Second Course

PAUZA15 min

Page 16: UX/UI Second Course

ClujBus identity guidelines

Page 17: UX/UI Second Course

Multumesc, ne vedem in data de

21 MARTIE

Multumesc, ne vedem in data de