Recursos para diseño de ui (1)
-
Upload
genexus -
Category
Presentations & Public Speaking
-
view
106 -
download
3
Transcript of Recursos para diseño de ui (1)
![Page 1: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/1.jpg)
Recursos
para diseño de UI
Alejandro Cimas
@cimasan
#GXMX
![Page 2: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/2.jpg)
Un juego
![Page 3: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/3.jpg)
Multiples layouts
Transiciones
Canvas
Menu
Transformaciones
Navegacion Slide
![Page 4: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/4.jpg)
Navegación Slide
Estilo de navegación para aplicaciones móviles.
Accesible desde cualquier pantalla.
![Page 5: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/5.jpg)
Multiples layouts
Transiciones
Canvas
Menu Navegación Slide
Transformaciones
Estilo de navegación para aplicaciones móviles.
Accesible desde cualquier pantalla.
![Page 6: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/6.jpg)
Navegación Slide
![Page 7: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/7.jpg)
![Page 8: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/8.jpg)
Transiciones
Conectan las pantallas.
Explican de que forman se relacionan.
![Page 9: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/9.jpg)
Transiciones
![Page 10: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/10.jpg)
![Page 11: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/11.jpg)
Layouts Multiples
Diferentes alternativas para la forma en que se distribuyen los elementos de un Grid.
![Page 12: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/12.jpg)
Múltiples Layouts
![Page 13: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/13.jpg)
![Page 14: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/14.jpg)
Canvas
El control Canvas permite ubicar elementos en pantalla usando posicionemiento absoluto, lo que nos da la Posibilidad de superponerlos.
![Page 15: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/15.jpg)
Canvas
![Page 16: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/16.jpg)
![Page 17: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/17.jpg)
![Page 18: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/18.jpg)
Transformaciones
![Page 19: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/19.jpg)
Transformaciones
![Page 20: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/20.jpg)
Multiples layouts
Transiciones
Canvas
Menu
Transformaciones
Navegacion Slide
![Page 21: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/21.jpg)
21
Matrix Control
![Page 22: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/22.jpg)
22
Matrix Control Drag & Drop Call Options Tab Page Control Images Density Eventos: ClienteStart, Back
StartClient
![Page 23: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/23.jpg)
24
![Page 24: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/24.jpg)
25
showcase.genexus.com
![Page 25: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/25.jpg)
26
Brasil Pronostica
2014
![Page 26: Recursos para diseño de ui (1)](https://reader033.fdocuments.co/reader033/viewer/2022052911/559ceb1f1a28ab39708b46dd/html5/thumbnails/26.jpg)
¡Muchas gracias!