DIGU 02. diseño de interfaces
-
Upload
jorge-cantu-lopez -
Category
Design
-
view
184 -
download
0
Transcript of DIGU 02. diseño de interfaces
![Page 1: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/1.jpg)
Diseño GUIElectivo Diseño de Interfaces Gráficas de Usuario ESCUELA DE DISEÑO Y MULTIMEDIA
![Page 2: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/2.jpg)
Diseño DE INTERFACES DE USUARIO
![Page 3: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/3.jpg)
Diseño esconfiguración de imágenesconfiguración de objetosconfiguración de espaciosconfiguración de símbolosconfiguración de mensajesconfiguración de productosconfiguración de entornosconfiguración de experiencias
![Page 4: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/4.jpg)
funciones del Diseñofunción
instrumental/funcionalfunción simbólicafunción
estética/emocionalfunción social/cultural
![Page 5: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/5.jpg)
UTILIDADSIGNIFICADOESTILO
![Page 6: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/6.jpg)
UTILIDADSIGNIFICADOESTILO
![Page 7: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/7.jpg)
UTILIDADSIGNIFICADOESTILO
![Page 8: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/8.jpg)
la FORMA sigue a la FUNCIÓN
Louis Sullivanla FORMA sigue a la FICCIÓN
Horst Rittelel DISEÑO sigue al CONTENIDO
diseñar en ausencia de contenido no es DISEÑO, es DECORACIÓN.
Jeffrey Zeldman
![Page 9: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/9.jpg)
UTILITARIO
ESTÉTICO
SIMBÓLICO
![Page 10: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/10.jpg)
GUI principios de 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, semántica y funcional.jerarquía y relevancia: organización visual y conceptual de contenidos.libertad: movimiento a través de capas de información.reversibilidad y retroalimentación: en las acciones de los usuarios.
![Page 11: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/11.jpg)
GUI características
Una interfaz que sea:1. sencilla 2. clara 3. predecible 4. flexible 5. consistente 6. intuitiva 7. coherente
![Page 12: DIGU 02. diseño de interfaces](https://reader035.fdocuments.in/reader035/viewer/2022070516/5874e0d61a28abd05f8b7c59/html5/thumbnails/12.jpg)
Diseño GUIElectivo Diseño de Interfaces Gráficas de Usuario ESCUELA DE DISEÑO Y MULTIMEDIA