1 iconos diseño gráfico de la iu – imagenes definición pequeña imagen gráfica que representa...
TRANSCRIPT
![Page 1: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/1.jpg)
1
Iconos
Diseño Gráfico de la IU – IMAGENES
DefiniciónPequeña imagen gráfica que representa unobjeto manipulable por el usuario.
Ventajas en el uso de iconos:• Requiere menos espacio que las palabras• Más rápido de reconocer para el usuario • En gral. significan lo mismo en varios idiomas
Características:• Extensión de archivo: GIF (el mejor) o PNG• Tamaños más usados: 16x16, 24x24, 32x32, 48x48 px
![Page 2: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/2.jpg)
2
Diseño Gráfico de la IU – IMAGENES
Iconos - Características de una buena familia
• Simples y bien reconocibles
No se sabe si la “E” es de “Eliminar” o “Editar”
No se sabe si la “E” es de “Eliminar” o “Editar”
No se entienden y son muy complejos
No se entienden y son muy complejos
El texto dice “Subir Archivo” y la flecha está para abajo…
El texto dice “Subir Archivo” y la flecha está para abajo…
![Page 3: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/3.jpg)
3
Diseño Gráfico de la IU – IMAGENES
Iconos - Características de una buena familia
• Un icono puede estar formado como máximo por 3 elementos
Estos 3 ejemplos están compuestos por más de 3 elementos. Son demasiado complejos, lo cual lleva a que cuando se achica el icono no se entienda
Estos 3 ejemplos están compuestos por más de 3 elementos. Son demasiado complejos, lo cual lleva a que cuando se achica el icono no se entienda
![Page 4: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/4.jpg)
4
Iconos - Características de una buena familia
Diseño Gráfico de la IU – IMAGENES
• Todos lo iconos están en la misma posición y dirección
El icono de ayuda está en otra perspectiva
El icono de ayuda está en otra perspectiva
El icono del sobre está rotado
El icono del sobre está rotado
![Page 5: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/5.jpg)
5
Iconos - Características de una buena familia
Diseño Gráfico de la IU – IMAGENES
• Usan la misma gama de colores
• Usan los mismos trazos
Los iconos de este menú no comparten ni la gama de colores ni las mismas características en los trazos
Los iconos de este menú no comparten ni la gama de colores ni las mismas características en los trazos
![Page 6: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/6.jpg)
6
Iconos – Buenos Ejemplos
Diseño Gráfico de la IU – IMAGENES
![Page 7: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/7.jpg)
7
Iconos – Buenos Ejemplos
Diseño Gráfico de la IU – IMAGENES
![Page 8: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/8.jpg)
8
Iconos - Buenos Ejemplos
Diseño Gráfico de la IU – IMAGENES
![Page 9: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/9.jpg)
9
Iconos – Buenos Ejemplos
Diseño Gráfico de la IU – IMAGENES
![Page 10: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/10.jpg)
10
Iconos - Ejemplos
Diseño Gráfico de la IU – IMAGENES
![Page 11: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/11.jpg)
11
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo Uso
![Page 12: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/12.jpg)
12
Diseño Gráfico de la IU – IMAGENES
Iconos – Buenos Ejemplos
![Page 13: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/13.jpg)
13
Iconos – Ejemplo Universia
Diseño Gráfico de la IU – IMAGENES
![Page 14: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/14.jpg)
14
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 15: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/15.jpg)
15
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 16: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/16.jpg)
16
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 17: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/17.jpg)
17
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 18: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/18.jpg)
18
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 19: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/19.jpg)
19
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso
![Page 20: 1 Iconos Diseño Gráfico de la IU – IMAGENES Definición Pequeña imagen gráfica que representa un objeto manipulable por el usuario. Ventajas en el uso de](https://reader036.vdocuments.net/reader036/viewer/2022062309/5665b4d51a28abb57c941202/html5/thumbnails/20.jpg)
20
Diseño Gráfico de la IU – IMAGENES
Iconos – Ejemplo de uso