Curso práctico de diseño web

2.- Diseño gráfico
Una aproximación al diseño gráfico en general, con una descripción de los elementos que componen habitualmente un diseño y las características principales que podemos encontrar en ellos. Entrar

3.- Diseño gráfico en la web
El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: Internet. Conocemos las características fundamentales del diseño en la web. Entrar

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

5.- Resolución de pantalla
Consideraciones relativas a los distintos tipos de pantalla que pueden tener los visitantes y el espacio disponible para cada caso. Entrar

6.- Colores en un ordenador
Cómo trabajan los ordenadores para codificar un color. El formato RGB. Entrar

7.- Calibración del monitor
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. Entrar

8.- Formas básicas en diseño gráfico
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, pero que unidas de diferentes formas pueden constituir elementos comunicativos distintos. Entrar

9.- El punto
El punto es la unidad mínima de información visual, y está caracterizado por su forma, tamaño, color y ubicación. Entrar

10.- La línea
La línea es el elemento básico de todo grafismo y uno de los más usados. Representa la forma de expresión más sencilla y pura, pero también la más dinámica y variada. Entrar

11.- El contorno
El contorno es el objeto gráfico creado cuando el trazo de una línea se une en un mismo punto. Entrar

12.- El cuadrado
Elementos de diseño: el cuadrado. Entrar

13.- La circunferencia
Elementos de diseño: la circunferencia. Entrar

14.- Contornos mixtos
Elementos de diseño: contornos mixtos, que son los que están compuestos por varios tipos de contornos. Entrar

15.- Contornos orgánicos
Elementos de diseño: contornos orgánicos, que están formados por curvas libres. Entrar

16.- El diseño equilibrado. Introducción
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. Entrar

17.- El diseño equilibrado. Las proporciones
Debemos tener en cuenta la definición a utilizar, los elementos gráficos y las proporciones... Entrar

18.- El diseño equilibrado. La escala
Se entiende por escala la relación entre las proporciones de los elementos visuales de una composición. Entrar

19.- El diseño equilibrado. El contraste
El contraste permite resaltar el peso visual, lo podemos conseguir por medio de diversos medios: tonos, colores, contornos y escala. Entrar

20.- El diseño equilibrado. Las agrupaciones
Como los elementos web deben agruparse para obtener un resultado coherente. Entrar

21.- El diseño equilibrado. El reticulado
Cómo armonizar los bloques de contenido que formarán la composición del diseño. Entrar

22.- El diseño equilibrado. Las alineaciones
Necesarias para conseguir una composición ordenada y lógica, así como para relacionar elementos. Entrar

23.- El diseño equilibrado. Las simetrías
Otro condicionante para que el diseño de la web tenga una organización natural. Entrar

24.- El diseño equilibrado. El equilibrio entre contenidos
La organización espacial, primordial para atraer al usuario. Entrar

25.- El diseño equilibrado. La jerarquía visual
La organización guia al usuario en la contemplación de una página web. Entrar

26.- Teoría del color. Introducción
Es una parte fundamental de la web, productor de sensaciones. Entrar

27.- Teoría del color. Naturaleza del color
Descripción formal del color como un fenómeno físico. Entrar

28.- Teoría del color. La percepción del color
Como el ojo puede detectar y clasificar los colores que le llegan. Entrar

29.- Teoría del color. Modelos de color
Descripción de los tipos de color conocidos, así como se aborda una explicación de como los objetos adquieren los colores. Entrar

30.- Teoría del color. Tipos de color
En este capítulo describiremos como a partir de los colores primarios se pueden conseguir otros, y dependiendo de las tonalidades hacer diferentes clasificaciones. Entrar

31.- Teoría del color. Propiedades de los colores
Los colores tienen unas propiedades inherentes que les permite distinguirse de otros y acuñar distintas definiciones de tipo de color. Entrar

32.- Teoría del color. Contrastes de color
El contraste es un fenómento con el que se pueden diferenciar colores atendiendo a la luminosidad, al color de fondo sobre el que se proyectan... Entrar

33.- Teoría del color. Estudio de algunos colores I
En este capítulo describiremos las sensaciones que producen algunos colores como el rojo, el verde y el azul, así como su posible uso y su significado en una web. Entrar

34.- Teoría del color. Estudio de algunos colores II
Acabamos el apartado de la teoría del color con el estudio de más colores, las sensaciones que producen y su conveniencia de uso en los sitios web. Entrar

35.- El color en la web. Colores disponibles para la 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. Entrar

36.- El color en la web. Paletas de color seguras. Websafe y Reallysafe
Las paletas de colores dan limitaciones a la hora de presentar los colores que contiene la web. En este capítulo vamos a ver cuales son estas limitaciones. Entrar

37.- El color en la web. El problema de las imágenes
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. Entrar

38.- El color en la web. Colores y partes de una página
Es importante saber escoger los colores que definirán una parte de la página para que sea factible el cometido de ésta. Veremos que colores son los más apropiados para cada sección del sitio. Entrar

39.- El color en la web. Elección de la paleta para un sitio web
Es necesario escoger colores acordes con los que lleva el logotipo de la página. En este capítulo vamos a ver relaciones posibles para conseguir la funcionalidad esperada. Entrar

40.- El color en la web. Herramientas básicas para trabajar con colores
Existe una gran variedad de herramientas que nos permiten manipular las características de los colores para conseguir los que necesitemos. Abordamos una amplia lista de programas en este capítulo. Entrar

41.- Tipografía. Introducción
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 este estudio. Entrar

42.- Tipografía. Un poco de historia
Vamos a ver como ha evolucionado la escritura desde los tiempos de los babilonios hasta nuestros días, pasando por el acotecimiento tipográfico más importante: la invención de la imprenta. Entrar

43.- Medidas tipográficas
Seguimos con un poco más de historia de la tipografía, en este caso con sus medidas y cómo se han ido adaptando a las necesidades actuales. Entrar

44.- Partes de una letra
Vamos a conocer las partes fundamentales de una letra y saber distinguirlas en el caso de tener que crear familias tipográficas. Entrar

45.- Familias tipográficas
Vamos a conocer las familias tipográficas y sus grupos y clasificaciones. Entrar

46.- Fuentes Serif y fuentes Sans Serif
Vemos la clasificación de fuentes tipográficas en Serif y Sans Serif. Entrar

47.- Tipografía digital
Vemos como podemos interletrar y diseñar caracteres de mejor calidad Entrar

48.- Fuentes para impresión y fuentes para pantalla
Vemos tecnicas y tipos de fuentes tipograficas para tipos de resoluciones de pantalla e impresion. Entrar

49.- Administración de fuentes en un ordenador
Vemos donde estan las fuentes en nuestro ordenador, los rasgos caracteristicos, y como las administra el ordenador. Entrar

50.- Tipografía y diseño
En esta ocasion vemos la eleccion de la paleta de fuentes y de sus variantes, asi como el color, el grosor y otras características. Entrar

51.- Tipografía en la web
A la hora de manejar fuentes en una página web tenemos que tener en cuenta las limitaciones que presenta este medio particular. Entrar

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

53.- Introducción a los gráficos digitales
Qué son, como nos ayudan en los diseños y la manera de trabajar con los gráficos digitales. Entrar

54.- Gráficos de mapas de bits. Resoluciones
Vemos uno de los tipos de gráficos digitales: los mapas de bits. Conocemos qué son las resoluciones y cuáles son las adecuadas para los distintos trabajos. Entrar

55.- Dimensiones de una imagen de mapa de bits
Explicación de los distintos tipos de medidas de las dimensiones de los mapas de bits. Entrar

56.- Modos de color
Continuamos con los gráficos digitales, estudiando los modos de color, que es la cantidad máxima de colores de la paleta de un mapa de bits. Entrar

57.- Color y mapas de bits
Cómo se trata el color en los mapas de bits. Profundidad de color de las imágenes, paletas, etc. Entrar

58.- Peso de un fichero Gráfico
Estudio del tamaño que ocupan los mapas de bits en disco, que suele estar relacionado con el número de colores con el que está codificado el gráfico. Entrar

59.- Optimización de ficheros gráficos
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. Entrar

60.- Gráficos vectoriales
Descripción de los gráficos vectoriales. Ejemplos de creación y usos de los mismos. Entrar

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