¡Listo! Tengo el diseño... ¿cómo sigo?

28
¡Listo! Tengo el diseño … ¿cómo sigo? #GX2842 Fabián Bonilla [email protected]

description

 

Transcript of ¡Listo! Tengo el diseño... ¿cómo sigo?

Page 1: ¡Listo! Tengo el diseño... ¿cómo sigo?

¡Listo! Tengo el diseño …¿cómo sigo?#GX2842

Fabián Bonilla

[email protected]

Page 2: ¡Listo! Tengo el diseño... ¿cómo sigo?

IDEA

ESTRUCTURA

VISUAL

DESARROLLO

MODELO

Page 3: ¡Listo! Tengo el diseño... ¿cómo sigo?
Page 4: ¡Listo! Tengo el diseño... ¿cómo sigo?

Aplicación GeneXus XXII

#F8D232

#00833E

#E40E21

#9163A6

#B3B3B3

#3896D3

#AE2024

#6AB96C

#F8AB42

Page 5: ¡Listo! Tengo el diseño... ¿cómo sigo?

Diseño de aplicaciones SD

• User Experience

UX

UI • User Interface

Page 6: ¡Listo! Tengo el diseño... ¿cómo sigo?

Dashboards

iOS - TABS

AndroidTABLE

UX

Page 7: ¡Listo! Tengo el diseño... ¿cómo sigo?

List & Detail

LIST DETAIL

UX

Page 8: ¡Listo! Tengo el diseño... ¿cómo sigo?

Work With for Smart Devices

UX

Page 9: ¡Listo! Tengo el diseño... ¿cómo sigo?

Multiples Layouts

Phone Tablet

UX

Page 10: ¡Listo! Tengo el diseño... ¿cómo sigo?

Multiples Layouts

iPhone

iPad

UX

Page 11: ¡Listo! Tengo el diseño... ¿cómo sigo?

Multiples Layouts

iOS

Android

BlackBerry

iPad

iPhone

Phone

Tablet 7”

Tablet 10”

Phone

Landscape

Portrait

Platform Device Orientation

UX

Page 12: ¡Listo! Tengo el diseño... ¿cómo sigo?

Detail - ModeUX

Page 13: ¡Listo! Tengo el diseño... ¿cómo sigo?

GridsUX - Search

Page 14: ¡Listo! Tengo el diseño... ¿cómo sigo?

Grids – Break by

UX

Page 15: ¡Listo! Tengo el diseño... ¿cómo sigo?

Grids - OrdersUX

Page 16: ¡Listo! Tengo el diseño... ¿cómo sigo?

Diseño de aplicaciones SD

• User InterfaceUI

Page 17: ¡Listo! Tengo el diseño... ¿cómo sigo?

ThemesUI

Page 18: ¡Listo! Tengo el diseño... ¿cómo sigo?

ImágenesUI

Page 19: ¡Listo! Tengo el diseño... ¿cómo sigo?

ImágenesUI

Page 20: ¡Listo! Tengo el diseño... ¿cómo sigo?

Retina Display

UI

Page 21: ¡Listo! Tengo el diseño... ¿cómo sigo?

Retina Display

UI

Page 22: ¡Listo! Tengo el diseño... ¿cómo sigo?

Tablas & Colores

UI

Page 23: ¡Listo! Tengo el diseño... ¿cómo sigo?

Colors / Highlighted Colors

UI

Page 24: ¡Listo! Tengo el diseño... ¿cómo sigo?

Carga dinámica de clases

UI

Page 25: ¡Listo! Tengo el diseño... ¿cómo sigo?

Tablas & Colores

UI

Page 26: ¡Listo! Tengo el diseño... ¿cómo sigo?

DESARROLLO

Page 27: ¡Listo! Tengo el diseño... ¿cómo sigo?

Por donde seguir • Café con Diseño Smart Devices

Hoy – 10:30Sala Torres García, piso 25

• Usabilidad y Diseño en Smart DevicesHoy – 11:45Conference Room, piso 4

• Community Wiki

• Blog de Tipshttp://tips.genexus.com

Page 28: ¡Listo! Tengo el diseño... ¿cómo sigo?

¡MUCHAS GRACIAS!