UX/UI Second Course

Post on 12-Aug-2015

64 views 2 download

Tags:

Transcript of UX/UI Second Course

StructuraCursului

2

Wireframes

UIUser Interface Guidelines Screens ResponsiveHandover

Wireframes

Homepage

PAUZA15 min

• Claritate

• Consistena

• Simplitate

• Controlul utilizatorului

• Direct

• Toleranta

• Feedback

• Estetica

Ce inseamna un UI bun ?

Elementele unui UI

SkeuomorphicFlat

Culori• Normal

• Hover

• Active

• Disable

Fonturi

• Titluri

• Content

• Butoane

• Categorii

PAUZA15 min

Handover

• Identificam screen-urile cele mai importante

• Functionalitate

• Interactiuni

• Handover to Dev.

Identity Guidelines

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

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

Grid

• Web

• Tablet

• Mobile

Responsive

PAUZA15 min

ClujBus identity guidelines

Multumesc, ne vedem in data de

21 MARTIE

Multumesc, ne vedem in data de