Pensando em UX / UI com o material design

Pensando em UX/UI com o Material DesignThiago Marques

Olá!

Thiago Marques

UX & UI

User EXperience User Interaction

User Experience

Dann Saffer (http://www.odannyboy.com)

UX is not UI

UX Designer

Lado Emocional

Facilidade de Uso

Fuidez e Clareza

Parte Criativa e Visual

Elementos consistentes

O famoso "Designer"

UI Designer

O Material Design em siwww.google.com/design

Objetivo 1

Objetivo 2

Os 3 princípios

1.Metáfora

2. Forte, gráfico e intencional

3. Movimento fornece significado

3D World

Luz e Sombra

Propriedades

1 dpiDensity-independent Pixels

9mm, o que corresponde a cerca de 48dp.

margem de 8dp

Dos & Dont's

1. Status bar

2. App bar

3. Background

4. Cards/Dialogs

CoresRecomendacao Google:

500 (cores primárias)

3 - primária

1 - secundária

Opacidade

Opacidade

Barra de Status

Cor Destaque

Cor Destaque

Cor Destaque

Integracao

Roboto

Roboto

Devicesdesign.google.com/devices

E não para...

E agora? Por onde comecar?

Material Design

Litegetmdl.io

Polymerpolymer-project.org

Obrigado!

thiagomartins.marques@gmail.com

Twitter @althi