Interfaces gráficas

431 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
431
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Interfaces gráficas

  1. 1. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos diseño de interfaces [ taller de egreso ]
  2. 2. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz [del ingl. interface, superficie de contacto] 1. conexión física y funcional entre dos aparatos o sistemas independientes. 2. zona de comunicación o acción de un sistema sobre otro. 3. dispositivo que conecta dos aparatos o circuitos.
  3. 3. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz 1. conexión física y funcional entre dos aparatos o sistemas independientes. 2. zona de comunicación o acción de un sistema sobre otro.
  4. 4. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz 3. dispositivo que conecta dos aparatos o circuitos
  5. 5. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz [evolución de una interfaz]
  6. 6. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz [evolución de una interfaz]
  7. 7. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz [evolución de una interfaz]
  8. 8. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos sistema informático hardware software usuariointeracción interfaz
  9. 9. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interacción 1. acción que se ejerce recíprocamente entre dos o más objetos, agentes, fuerzas, funciones, etc. 2. relación proactiva entre personas y computadores, estableciendo flujos de comunicación bidireccional.
  10. 10. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz [principios que rigen el diseño] . necesidad. [consideración de las necesidades del usuario] . transparencia. [permitir acciones o aprendizajes del usuario] . ergonomía. [confort y limitaciones de los usuarios] . consistencia. [coherencia estética] . libertad. [movimiento a través de capas de información] . reversibilidad. [acciones de los usuarios]
  11. 11. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz de usuario [tipos de interfaces] interfaz física: un ratón y un teclado que sirven para introducir y manipular datos en nuestro ordenador. interfaz gráfica de usuario (GUI) permite, mediante iconos (cursor + objetos gráficos metafóricos), interactuar con los elementos gráficos convirtiendo al ser humano en usuario de la aplicación.
  12. 12. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz gráfica de usuario [evolución]
  13. 13. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Interfaz de comando
  14. 14. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Xerox Star (1981)
  15. 15. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Mac OS 1.0 (1984)
  16. 16. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows 1.0 (1985)
  17. 17. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows 3.0 (1990)
  18. 18. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Mac OS 7 (1991)
  19. 19. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows 95 (1995)
  20. 20. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Mac OS X - Aqua (2001)
  21. 21. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows XP - Luna (2001)
  22. 22. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Mac OS X Leopard (2007)
  23. 23. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows Vista - Aero (2007)
  24. 24. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Mac OS X Mountain Lion (2012)
  25. 25. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos Windows 8 - Metro (2012)
  26. 26. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos interfaz gráfica de usuario [evolución] Las GUI funcionan basadas en el paradigma WIMP (windows, icon, menu, pointer) en donde la interacción se ve mediada por un dispositivo de entrada (teclado, mouse, touchpad, lápiz óptico, etc.) Las interfaces post-WIMP, también llamadas NUI (natural user interface) se manipulan mediante movimientos gestuales de la mano, del cuerpo, o el uso de la voz.
  27. 27. Taller de Egreso | Diseño Gráfico Multimedia | Instituto Profesional Arcos diseño de interfaces [ taller de egreso ]

×