clase - guías de diseño web
TRANSCRIPT
![Page 1: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/1.jpg)
Guías de diseño gráfico
http://ucab-informaticaii.blogspot.com
![Page 2: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/2.jpg)
Guías de diseño gráfico
UsabilidadEn interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web.http://es.wikipedia.org/wiki/Usabilidad
![Page 3: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/3.jpg)
Guías de diseño gráfico
Simplicidad• Menos es mejor: Utilice la menor cantidad de recursos para comunicar lo que desee.
• Para lograrlo es indispensable tener claro el objetivo comunicacional. ¿Qué quiero decir?.
• El visitante debe tener claro a primera vista y de manera muy sencilla de que se trata la página.
![Page 4: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/4.jpg)
Qué quiere hacer la persona que ingresa en twitter.com:
Saber de que se trata el servicioIngresar a su cuentaSuscribirse al servicio
![Page 5: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/5.jpg)
![Page 6: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/6.jpg)
![Page 7: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/7.jpg)
![Page 8: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/8.jpg)
Guías de diseño gráfico
Menos columnas• Por norma general no debemos usar más de tres columnas.
• Si el sitio no va a manejar demasiada información (ej.Página de noticias) lo recomendable es usar dos columnas
![Page 9: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/9.jpg)
![Page 10: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/10.jpg)
Guías de diseño gráfico
Lo más importante arriba• El visitante va a ver la página comenzado por la parte superior izquierda como si fuera un libro. Por esa razón se coloca el logo en ese lugar.• La información más importante debe estar situada en la parte superior
![Page 11: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/11.jpg)
![Page 12: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/12.jpg)
Diagrama General - Ejemplo
LOGO Explicación del sitio web en una frase
Barra de navegación si tiene varias secciones
Información destacada
Área para noticias / artículos Área para widgets
![Page 13: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/13.jpg)
![Page 14: Clase - Guías de diseño web](https://reader034.vdocumento.com/reader034/viewer/2022052603/55d587cfbb61eba46c8b4594/html5/thumbnails/14.jpg)