La historia del diseño gráfico, desde los orígenes de la humanidad hasta la aparición de la web e Internet. Características del diseño gráfico en la actualidad y el diseño gráfico en la web de manera particular.

Descripción de los principales componentes gráficos de un ordenador: La tarjeta de gráficos y el monitor.

Consideraciones relativas a los distintos tipos de pantalla que pueden tener los visitantes y el espacio disponible para cada caso.

Cómo trabajan los ordenadores para codificar un color. El formato RGB.

Una composición gráfica puede verse con diferentes tonalidades dependiendo de la configuración del monitor. Tenemos que calibrar el monitor para que el aspecto de nuestra obra sea el mismo en todos los ordenadores.

El lenguaje visual a través de grafismos puede descomponerse en entidades básicas, cada una de las cuales tiene por sí misma un significado propio y unidas de diferentes formas pueden constituir elementos comunicativos distintos. El punto, la...

Estudio de las reglas básicas del diseño gráfico. No existe una fórmula que de un diseño infalible pero sí unas reglas básicas para conseguir un diseño equilibrado y por tanto correcto y agradable a la vista: Proporciones, escala y...

Como los elementos web deben agruparse para obtener un resultado coherente, conseguir belleza y armonía requiere gestionar bien los grupos de elementos, en retícula, con alineación, simetría, etc.

La organización guia al usuario en la contemplación de una página web. Explicaciones técnicas y prácticas sobre la jerarquía visual de elementos para conseguir un diseño web equilibrado.

Comenzamos a explicar la teoría del color, una parte fundamental de cualquier diseño gráfico y de la estética de la web en particular. Naturaleza del color y su percepción.

Descripción de los sistemas o modelos de color conocidos y utilizados en el diseño, computación y electrónica: RGB, CMYK, HSV, Pantone.

En este capítulo describiremos como a partir de los colores primarios se pueden conseguir otros, y dependiendo de las tonalidades hacer diferentes clasificaciones: Colores fríos y cálidos, claros y oscuros, tonos pastel o gamas de grises.

Los colores tienen unas propiedades inherentes que les permite distinguirse de otros: saturación, tono, brillo. Ello nos permite hacer grupos de colores como cromáticos, complementarios, cercanos, triadas, etc. Analizamos también el contraste...

En este capítulo describiremos las sensaciones que producen algunos colores básicos como el rojo, el verde y el azul, amarillo, naranja, violeta, marrón, gris... así como su posible uso y su significado en una web.

Descubriremos el número de colores que podremos usar en una web, y si son estos los mismos se la web se ejecuta en un ordenador o en otro, abordando a continuación paletas de color seguras: Websafe y Reallysafe

Los colores de las imágenes pueden sufrir cambios si deben ir encapsulados en estructuras tales como tablas, capas, etc. Esto puede tener una solución aproximada, pero no óptima. Vamos a ver los problemas que se pueden presentar.

Es importante saber escoger los colores que definirán cada parte de la página, atendiendo a su objetivo. Veremos qué colores son los más apropiados para cada sección del sitio.

Es necesario escoger colores acordes con el objetivo global para el que se construye el sitio, así como la imagen corporativa del cliente. En este capítulo vamos a ver relaciones posibles para conseguir la funcionalidad esperada y al final vamos...

En esta sección vamos a hablar de los contenidos textuales de las páginas web, y en este primer capítulo, vamos a hacer una introducción a la tipografía. Hablaremos sobre qué es tipografía, su historia y cuáles son las medidas...

Vamos a conocer las familias tipográficas y sus grupos y clasificaciones. Estudiamos las partes de una legra para identificar las características de una tipografía y luego vemos las familias principales.

Tratamos la tipografía digital de manera general. Vemos técnicas y tipos de fuentes tipográficas para tipos de resoluciones de pantalla e impresión y cómo administrar las fuentes en un ordenador.

Qué debemos de tener en cuenta para el uso de tipografías en diseño en general y en diseño web en particular. Qué es una paleta de tipografías y qué tipografías son seguras para usar en la web.

Para acabar con el tema de tipografías, tratamos la disposición correcta de textos en las páginas web.

Qué son, como nos ayudan en los diseños y la manera de trabajar con los gráficos digitales.

Vemos uno de los tipos de gráficos digitales: los mapas de bits. Conocemos sus particularidades y las características como son las resoluciones y dimensiones, viendo cuáles son las adecuadas para los distintos trabajos.

Estudiamos los modos de color, que es la cantidad máxima de colores de la paleta de un mapa de bits, su profundidad y paletas de color.

Peso y optimización. Explicamos cómo se calcula el peso de un archivo gráfico y también cómo reducir el tamaño en bytes de un archivo gráfico. Ejemplos de técnicas utilizadas para optimizar el peso de las imágenes.

Descripción de los gráficos vectoriales. Ejemplos de creación y usos de los mismos.

Tipo de ficheros gráficos que permiten trabajar tanto con mapas de bits como con vectores. Descripciones detalladas y usos.

Vemos los tipos, tratamiento y formas de almacenamiento de las imágenes digitales.

Definimos el escáner, los elementos que lo forman. Cuáles son los tipos de escáner, su resolución, y el modo de trabajo con un escáner de sobremesa.

Nos adentramos en el mundo de la fotografía digital, analizando características de las cámaras digitales, mecanismos, tipos, resoluciones, etc.

Programas esenciales para diseño gráfico, descritos y enumerados en grandes grupos: Pintura o retoque, Programas de ilustración, creación de animaciones vectoriales.

Para finalizar el tema de digitalización de imágenes, vamos a estudiar un poco otra de las herramientas de que dispone el diseñador gráfico y el diseñador web para sus trabajos: las tabletas digitalizadoras.

Introducción a los formatos gráficos. Vemos diferentes tipos de formatos gráficos así como sus compatibilidades.

Formatos gráficos disponibles para usar en páginas web, soportados por los navegadores. Descripciones y características de los archivos jpg, gif, png, bmp.

En este artículo comparamos los diferentes tipos de formatos gráficos y te explicamos cómo se pueden optimizar para que ocupen menos y por tanto tu web se descargue antes.

Describimos otros tipos de formatos gráficos no tan comunes en las páginas web, pero wue tienen importancia.

Pautas para el almacenamiento y localización de las imágenes para el diseño web.

Distintas aplicaciones para la gestión de ficheros gráficos y soportes para el almacenamiento externo.

Introducción a los elementos gráficos que podemos encontrar en los diseños en general y el diseño web en particular: ilustraciones, textos, logotipos

Detallamos la suma importancia de la fotografía en el diseño gráfico, así como las características de la misma.

Los iconos son uno de los elementos gráficos más usados en diseño web en general y los botones gráficos son parte fundamental de toda aplicación web.

Los banners son los anucios que se colocan en las páginas de internet.

Continuamos con elementos gráficos para el diseño web explicando los clipart, dingbats y otro recurso tan importante como las animaciones.

Pasos a seguir para realizar capturas de pantallas asi como establecer imágenes de fondo.

Otros elementos que podemos utillizar en el diseño de nuestra página web.

Qué son las interfaces de usuario, o interfaces gráficas, como una agrupación de elementos de diseño en una entidad. Revisamos y entendemos también las interfaces web.

En general, el dintel es un elemento común en las páginas web que bien utilizado se convierte en un elemento identificador del sitio, aportando al mismo un estilo propio que lo distingue e identifica.

Los sistemas de navegación son los elementos de una interfaz que permiten la navegación por las diferentes secciones y páginas que componen el sitio web.

El cuerpo es la parte de la página web donde se presenta al usuario toda la información referente a los contenidos de la página.

El pie de página es el elemento de una intefaz web situado en la parte inferior de la misma, bajo el cuerpo de página.

Explicamos la importancia de los espacios en blanco de una interfaz asi como sus distintas usabilidades. Aunque no lo parezca los espacios en blanco son un componente más del diseño de la página web.

Las distintas localizaciones de la publicidad que se pueden dar en el diseño de una página web.

Un elemento más a tener en cuenta en las interfaces web son las barras de desplazamiento o scroll, situadas en la zona lateral derecha (barra de desplazamiento vertical) y en la zona inferior de una página web (barra de desplazamiento...