Guías de diseño gráficohttp://ucab-informaticaii.blogspot.com
Guías de diseño gráfico                                   UsabilidadEn interacción persona-ordenador, la usabilidad serefi...
Guías de diseño gráfico Simplicidad • Menos es mejor: Utilice la menor cantidad de recursos para comunicar lo que desee. •...
Qué quiere hacer la persona que ingresa en twitter.com:Saber de que se trata el servicioIngresar a su cuentaSuscribirse al...
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 man...
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 izquier...
Diagrama General - Ejemplo    LOGO                          Explicación del sitio web en una frase                  Barra ...
Clase - Guías de diseño web
Clase - Guías de diseño web
Clase - Guías de diseño web
Clase - Guías de diseño web
Clase - Guías de diseño web
Clase - Guías de diseño web
Clase - Guías de diseño web
Próxima SlideShare
Cargando en…5
×

Clase - Guías de diseño web

875 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
875
En SlideShare
0
De insertados
0
Número de insertados
127
Acciones
Compartido
0
Descargas
4
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Clase - Guías de diseño web

  1. 1. Guías de diseño gráficohttp://ucab-informaticaii.blogspot.com
  2. 2. Guías de diseño gráfico UsabilidadEn interacción persona-ordenador, la usabilidad serefiere a la claridad y la elegancia con que se diseñala interacción con un programa de ordenador o unsitio web.http://es.wikipedia.org/wiki/Usabilidad
  3. 3. 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.
  4. 4. Qué quiere hacer la persona que ingresa en twitter.com:Saber de que se trata el servicioIngresar a su cuentaSuscribirse al servicio
  5. 5. 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
  6. 6. 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
  7. 7. 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

×