053 las mas-lindas_son_mejores

26
Las más lindas son mejores Ursula Bartram María Inés Carriquiry

Upload: genexus

Post on 09-Jul-2015

708 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 053 las mas-lindas_son_mejores

Las más lindas son mejores

Ursula Bartram

María Inés Carriquiry

Page 2: 053 las mas-lindas_son_mejores

Aplicación Beneficios

Page 3: 053 las mas-lindas_son_mejores

Arrancamos…

Page 4: 053 las mas-lindas_son_mejores

Qué

Layouts1

Temas2

Imágenes3

Controles para SD4

Page 5: 053 las mas-lindas_son_mejores

Layouts 1

Page 6: 053 las mas-lindas_son_mejores

Tablets vs. Phones1

Page 7: 053 las mas-lindas_son_mejores

Flip vs. Split1

FLIP SPLIT

Page 8: 053 las mas-lindas_son_mejores

Temas – Nuevo Objeto 2• Colores

• Fondos

• Tipos de Letra

• Margin & Padding

• Y más

Page 9: 053 las mas-lindas_son_mejores

Detail 2

Page 10: 053 las mas-lindas_son_mejores

Ejemplo 2

Page 11: 053 las mas-lindas_son_mejores

Detail Pronto 2

Page 12: 053 las mas-lindas_son_mejores

”Una imagen vale más

que mil palabras

3

Page 13: 053 las mas-lindas_son_mejores

iTunes512x512px

iPad72x72px

iPhoneiPod57x57px

iPhone 4114x114px

• extra alta (xhdpi).- 320 dpi en 96 x 96 px• alta (hdpi) - 240 dpi en 72 x 72 px• media (mdpi) - 160 dpi en 48 x 48 px• baja (ldpi) - 120 dpi en 36 x 36 px

Icono de la aplicación3

Page 14: 053 las mas-lindas_son_mejores

Densidad de una imagen

Resolución : 480x800pxTamaño del display: 3x5”Densidad: Medium (160 dpi)

Resolución : 480x800pxTamaño del display: 2x3.3”Densidad: High (240 dpi)

3

Page 15: 053 las mas-lindas_son_mejores

Welcome Background iPad

iPhone - iPod320 x 480 pxiPhone 4640 x 960 pxiPad Landscape 1024 x 748 pxiPad Portrait 768 x 1004 px

iPad Landscape 703 x 704 pxiPad Portrait 768 x 960 px

3

Page 16: 053 las mas-lindas_son_mejores

Tabs3

Page 17: 053 las mas-lindas_son_mejores

Imágenes – Conclusiones

• 1 diseño global, varios formatos de imagen

• Conocer el destino de las imágenes

• Guidelines en el Wiki -Imágenes para aplicaciones Smart Devices –http://wiki.gxtechnical.com/commwiki/servlet/hwiki?Im%C3%A1genes+para+aplicaciones+Smart+Devices,

3

Page 18: 053 las mas-lindas_son_mejores

Controles para SD 4

Conferencias relacionadas• Native applications Rock!

Franklin Buitrón, 2B - 11:00• Extensibilidad en los Smart Devices

Marcos Crispino, 2C - 15:00

Page 19: 053 las mas-lindas_son_mejores

Ejemplos 4

Page 20: 053 las mas-lindas_son_mejores

Beneficios Después

Page 21: 053 las mas-lindas_son_mejores
Page 22: 053 las mas-lindas_son_mejores

¡Se puede!

Page 23: 053 las mas-lindas_son_mejores
Page 24: 053 las mas-lindas_son_mejores

Para terminar…

• Trabajar en equipo con diseñador

• Respetar a cada usuario

• Genexus = Oportunidad

Page 25: 053 las mas-lindas_son_mejores

Puede implementarse el

mejor sistema del mundo

pero, si no entusiasmamos a

quienes lo tienen que

usar, no pasará nada.

Breogán Gonda

Page 26: 053 las mas-lindas_son_mejores

¡MUCHAS GRACIAS!

Ursula [email protected]

María Inés Carriquiry [email protected]