elementos de diseño web
DESCRIPTION
Algunas laminas para explicar conceptos básicos de diseño.TRANSCRIPT
![Page 1: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/1.jpg)
Conceptos Diseño web
medioyforma.info
![Page 2: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/2.jpg)
Diseño webAlineación
!
Balance !
Consistencia y repetición
!
Contraste !
!
Proximidad !
Espacio en blanco !
Gestalt !
!
![Page 3: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/3.jpg)
Alineación
![Page 4: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/4.jpg)
Balance
![Page 5: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/5.jpg)
Consistencia y repetición
![Page 6: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/6.jpg)
Contraste
![Page 7: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/7.jpg)
Proximidad
![Page 8: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/8.jpg)
Espacio en Blanco
![Page 9: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/9.jpg)
Gestalt"La suma del todo es mayor que sus partes" es la idea detrás del principio de la gestalt.
Es la percepción de una composición como un todo.
![Page 10: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/10.jpg)
Algunos elementos a considerar en una pagina web
-Espacio -Navegación -Contacto -Call to action o registro -Busqueda !
!
-Footer y header -Estilos de botones -Fotografias -Tipografia
![Page 11: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/11.jpg)
EjercicioJuguemos un poco con las formas.
Dibujemos una composición de 4 círculos y 2cuadrados y 1 triángulo.
![Page 12: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/12.jpg)
y pasemoslos a código html y css
![Page 13: Elementos de diseño web](https://reader036.vdocuments.co/reader036/viewer/2022081907/5495d678b47959604d8b4e48/html5/thumbnails/13.jpg)
http://desktoppub.about.com/od/designprinciples/
Conceptos tomados de la pagina