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
Upcoming SlideShare
Loading in...5
×

Clase - Guías de diseño web

579

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
579
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×