ESTRUCTURA Y ELEMENTOS DE DISEÑO

Presentación del tema: "ESTRUCTURA Y ELEMENTOS DE DISEÑO"— Transcripción de la presentación:

1 ESTRUCTURA Y ELEMENTOS DE DISEÑO
DISEÑO DE PÁGINAS WEB ESTRUCTURA Y ELEMENTOS DE DISEÑO

2 EL COLOR El color es un fenómeno psicológico, una experiencia subjetiva que depende de dos conjuntos de factores: las propiedades físicas de la luz y el modo en que se organiza el sistema nervioso humano.

3 FORMATOS DE COLOR R G B

4 FORMATOS DE IMAGEN GIF Utilizan un máximo de 256 colores, y son recomendables para dibujos con grandes áreas de un mismo color o de tonos no continuos. También si se muestra texto. Suelen utilizarse por su capacidad de generar animación.

5 FORMATOS DE IMAGEN JPG Estas imágenes pueden contener millones de colores, en un archivo comprimido de tamaño razonable. Por tanto, son especialmente indicadas para fotografías o gráficos complejos.

6 FORMATOS DE IMAGEN PNG Se trata de un formato de compresión sin perdida. Este formato de imagen tiene la capacidad de manejar transparencia y puede ser ha 8, 24 o 36 bits. Y tiene mayor calidad de imagen que un JPG

7 PIXELES Un píxel o pixel, plural píxeles es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico. La resolución expresada en (PPP) o (DPI), son los píxeles por unidad de longitud, es decir, los píxeles por pulgada. La pulgada mide 2,54 cm. La resolución mínima para impresión es de 300 DPI, la resolución mínima para pantalla es de 72 DPI.

8 PIXELES

9 FUENTES TIPOGRÁFICAS Una fuente es un conjunto de caracteres del tamaño de un tipo de letra, y usualmente incluye letras de caja alta, caja baja, versalitas, cifras, fracciones, ligaduras, signos matemáticos, de puntuación y de referencia.

10 FACTORES QUE AFECTAN LA TIPOGRAFÍA

11 ESTRUCTURAS WEB La estructura de un conjunto de páginas web es muy importante, ya que una buena estructura permitirá al lector visualizar todos los contenidos de una manera fácil y clara, mientras que un conjunto de páginas web con una mala estructura producirá en el lector una sensación de estar perdido, no encontrará rápidamente lo que busca y terminará por abandonar nuestro sitio. Para escoger el tipo de estructura hay que tener en cuenta: Planifique la estructura antes de empezar La estructura depende del contenido

12 TIPOS DE ESTRUCTURAS Jerárquica
La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida. Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, además de saber que, con forme se adentra en la estructura obtiene información más específica y que la información más general se encuentra en los niveles superiores.

13 TIPOS DE ESTRUCTURAS Lineal
Esta estructura es muy útil cuando queremos que el usuario siga un camino fijo y guiado, además impedimos que se distraiga con enlaces a otras páginas. Por otra parte podemos causar a lector la sensación de estar encerrado si el camino es muy largo o poco interesante. Este tipo de estructura sería válido para tutoriales de aprendizaje o tours de visita guiada.

14 TIPOS DE ESTRUCTURAS Red
La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente. Este tipo de organización es la más libre, pero también es la más peligrosa ya que si no se informa al lector de en dónde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos mostrar.

15 ESTRUCTURA VISUAL Banner o encabezado Contenido o cuerpo
La estructura visual de una pagina web esta compuesta principalmente de tres partes, la primera de ellas es el Banner o Encabezado, la segunda es el contenido o cuerpo y la tercera el pie de página o footer. Contenido o cuerpo Pie de página o footer

16 Wireframe

17 Wireframe tools Cacoo Gliffy Jumpchart MockFlow Wirefy Frame Box
wireframe.cc Pencil Project iPlotz iPhone Mockup InVision App

18