Está en la página 1de 5

Listado de los capítulos 1º parte 12.

- El cuadrado
1.- Introducción al diseño gráfico Elementos de diseño: el cuadrado. Entrar
La historia del diseño gráfico, desde los orígenes
de la humanidad hasta la aparición de la web e 13.- La circunferencia
Internet. Entrar Elementos de diseño: la circunferencia. Entrar

2.- Diseño gráfico 14.- Contornos mixtos


Una aproximación al diseño gráfico en general, Elementos de diseño: contornos mixtos, que son
con una descripción de los elementos que los que están compuestos por varios tipos de
componen habitualmente un diseño y las contornos. Entrar
características principales que podemos
encontrar en ellos. Entrar 15.- Contornos orgánicos
Elementos de diseño: contornos orgánicos, que
3.- Diseño gráfico en la web están formados por curvas libres. Entrar
El diseño web va más allá del diseño tradicional
pues existen muchos limitadores relacionados 16.- El diseño equilibrado. Introducción
con el medio donde se presentan las páginas: Estudio de las reglas básicas del diseño gráfico.
Internet. Conocemos las características No existe una fórmula que de un diseño infalible
fundamentales del diseño en la web. Entrar pero sí unas reglas básicas. Entrar

4.- Componentes gráficos de un ordenador 17.- El diseño equilibrado. Las proporciones


Descripción de los principales componentes Debemos tener en cuenta la definición a utilizar,
gráficos de un ordenador: La tarjeta de gráficos y los elementos gráficos y las proporciones... Entrar
el monitor. Entrar
18.- El diseño equilibrado. La escala
5.- Resolución de pantalla Se entiende por escala la relación entre las
Consideraciones relativas a los distintos tipos de proporciones de los elementos visuales de una
pantalla que pueden tener los visitantes y el composición. Entrar
espacio disponible para cada caso. Entrar
19.- El diseño equilibrado. El contraste
6.- Colores en un ordenador El contraste permite resaltar el peso visual, lo
Cómo trabajan los ordenadores para codificar un podemos conseguir por medio de diversos
color. El formato RGB. Entrar medios: tonos, colores, contornos y escala. Entrar

7.- Calibración del monitor 20.- El diseño equilibrado. Las agrupaciones


Una composición gráfica puede verse con
diferentes tonalidades dependiendo de la Como los elementos web deben agruparse para
configuración del monitor. Tenemos que calibrar obtener un resultado coherente. Entrar
el monitor para que el aspecto de nuestra obra
sea el mismo en todos los ordenadores. Entrar
21.- El diseño equilibrado. El reticulado
Cómo armonizar los bloques de contenido que
8.- Formas básicas en diseño gráfico formarán la composición del diseño. Entrar
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 22.- El diseño equilibrado. Las alineaciones
propio, pero que unidas de diferentes formas Necesarias para conseguir una composición
pueden constituir elementos comunicativos ordenada y lógica, así como para relacionar
distintos. Entrar elementos. Entrar

9.- El punto 23.- El diseño equilibrado. Las simetrías


El punto es la unidad mínima de información Otro condicionante para que el diseño de la web
visual, y está caracterizado por su forma, tenga una organización natural. Entrar
tamaño, color y ubicación. Entrar
24.- El diseño equilibrado. El equilibrio
10.- La línea entre contenidos
La línea es el elemento básico de todo grafismo y La organización espacial, primordial para atraer
uno de los más usados. Representa la forma de al usuario. Entrar
expresión más sencilla y pura, pero también la
más dinámica y variada. Entrar 25.- El diseño equilibrado. La jerarquía
visual
11.- El contorno La organización guia al usuario en la
El contorno es el objeto gráfico creado cuando el contemplación de una página web. Entrar
trazo de una línea se une en un mismo punto.
Entrar
26.- Teoría del color. Introducción 37.- El color en la web. El problema de las
Es una parte fundamental de la web, productor imágenes
de sensaciones. Entrar Los colores de las imágenes pueden sufrir
cambios si deben ir encapsulados en estructuras
27.- Teoría del color. Naturaleza del color tales como tablas, capas, etc. Esto puede tener
Descripción formal del color como un fenómeno una solución aproximada, pero no óptima. Vamos
físico. Entrar a ver los problemas que se pueden presentar.
Entrar
28.- Teoría del color. La percepción del color
38.- El color en la web. Colores y partes de
Como el ojo puede detectar y clasificar los una página
colores que le llegan. Entrar Es importante saber escoger los colores que
definirán una parte de la página para que sea
29.- Teoría del color. Modelos de color factible el cometido de ésta. Veremos que colores
Descripción de los tipos de color conocidos, así son los más apropiados para cada sección del
como se aborda una explicación de como los sitio. Entrar
objetos adquieren los colores. Entrar
39.- El color en la web. Elección de la paleta
30.- Teoría del color. Tipos de color para un sitio web
En este capítulo describiremos como a partir de Es necesario escoger colores acordes con los que
los colores primarios se pueden conseguir otros, lleva el logotipo de la página. En este capítulo
y dependiendo de las tonalidades hacer vamos a ver relaciones posibles para conseguir la
diferentes clasificaciones. Entrar funcionalidad esperada. Entrar

31.- Teoría del color. Propiedades de los 40.- El color en la web. Herramientas
colores básicas para trabajar con colores
Los colores tienen unas propiedades inherentes Existe una gran variedad de herramientas que
que les permite distinguirse de otros y acuñar nos permiten manipular las características de los
distintas definiciones de tipo de color. Entrar colores para conseguir los que necesitemos.
Abordamos una amplia lista de programas en
este capítulo. 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 41.- Tipografía. Introducción
luminosidad, al color de fondo sobre el que se En esta sección vamos a hablar de los contenidos
proyectan... Entrar textuales de las páginas web, y en este primer
capítulo, vamos a hacer una introducción a este
estudio. Entrar
33.- Teoría del color. Estudio de algunos
colores I
En este capítulo describiremos las sensaciones 42.- Tipografía. Un poco de historia
que producen algunos colores como el rojo, el Vamos a ver como ha evolucionado la escritura
verde y el azul, así como su posible uso y su desde los tiempos de los babilonios hasta
significado en una web. Entrar nuestros días, pasando por el acotecimiento
tipográfico más importante: la invención de la
imprenta. Entrar
34.- Teoría del color. Estudio de algunos
colores II
Acabamos el apartado de la teoría del color con 43.- Medidas tipográficas
el estudio de más colores, las sensaciones que Seguimos con un poco más de historia de la
producen y su conveniencia de uso en los sitios tipografía, en este caso con sus medidas y cómo
web. Entrar se han ido adaptando a las necesidades actuales.
Entrar
35.- El color en la web. Colores disponibles
para la web 44.- Partes de una letra
Descubriremos el número de colores que Vamos a conocer las partes fundamentales de
podremos usar en una web, y si son estos los una letra y saber distinguirlas en el caso de tener
mismos se la web se ejecuta en un ordenador o que crear familias tipográficas. Entrar
en otro. Entrar
45.- Familias tipográficas
36.- El color en la web. Paletas de color Vamos a conocer las familias tipográficas y sus
seguras. Websafe y Reallysafe grupos y clasificaciones. Entrar
Las paletas de colores dan limitaciones a la hora
de presentar los colores que contiene la web. En 46.- Fuentes Serif y fuentes Sans Serif
este capítulo vamos a ver cuales son estas Vemos la clasificación de fuentes tipográficas en
limitaciones. Entrar Serif y Sans Serif. Entrar
47.- Tipografía digital mapas de bits. Conocemos qué son las
Vemos como podemos interletrar y diseñar resoluciones y cuáles son las adecuadas para los
caracteres de mejor calidad Entrar distintos trabajos. Entrar

48.- Fuentes para impresión y fuentes para 55.- Dimensiones de una imagen de mapa
pantalla de bits
Vemos tecnicas y tipos de fuentes tipograficas Explicación de los distintos tipos de medidas de
para tipos de resoluciones de pantalla e las dimensiones de los mapas de bits. Entrar
impresion. Entrar
56.- Modos de color
49.- Administración de fuentes en un Continuamos con los gráficos digitales,
ordenador estudiando los modos de color, que es la
Vemos donde estan las fuentes en nuestro cantidad máxima de colores de la paleta de un
ordenador, los rasgos caracteristicos, y como las mapa de bits. Entrar
administra el ordenador. Entrar
57.- Color y mapas de bits
50.- Tipografía y diseño Cómo se trata el color en los mapas de bits.
En esta ocasion vemos la eleccion de la paleta de Profundidad de color de las imágenes, paletas,
fuentes y de sus variantes, asi como el color, el etc. Entrar
grosor y otras características. Entrar
58.- Peso de un fichero Gráfico
51.- Tipografía en la web Estudio del tamaño que ocupan los mapas de bits
A la hora de manejar fuentes en una página web en disco, que suele estar relacionado con el
tenemos que tener en cuenta las limitaciones que número de colores con el que está codificado el
presenta este medio particular. Entrar gráfico. Entrar

52.- Disposición de textos en una página 59.- Optimización de ficheros gráficos


web Cómo reducir el tamaño en bytes de un archivo
Para acabar con el tema de tipografías, tratamos gráfico. Ejemplos de técnicas utilizadas para
la disposición correcta de textos en las páginas optimizar el peso de las imágenes. Entrar
web. Entrar
60.- Gráficos vectoriales
53.- Introducción a los gráficos digitales Descripción de los gráficos vectoriales. Ejemplos
Qué son, como nos ayudan en los diseños y la de creación y usos de los mismos. Entrar
manera de trabajar con los gráficos digitales.
Entrar 61.- Metaficheros gráficos
Tipo de ficheros gráficos que permiten trabajar
54.- Gráficos de mapas de bits. tanto con mapas de bits como con vectores.
Resoluciones Descripciones detalladas y usos. Entrar
Vemos uno de los tipos de gráficos digitales: los
Listado de los capítulos 2º parte Hablamos de los programas de dibujo más
1.- Introducción a la digitalización de importantes y de sus herramientas principales.
imágenes Entrar
Vemos los tipos, tratamiento y formas de
almacenamiento de las imágenes digitales. 13.- Digitalización de imágenes. Programas
Entrar de creación de animaciones vectoriales
Seguimos con el curso de digitalización de
2.- Digitalización de imágenes. El escáner imágenes explicando un poco sobre el programa
Definimos el escáner, los elementos que lo de animación vectorial Macromedia Flash. Entrar
forman y su modo de utilización. Entrar
14.- Digitalización de imágenes. Tabletas
3.- Digitalización de imágenes. Los tipos de digitalizadoras
escáneres Para finalizar el tema de digitalización de
En este capítulo trataremos sobre los modelos de imágenes, vamos a estudiar un poco otra de las
escáneres, sus características, ventajas y herramientas de que dispone el diseñador gráfico
desventajas y precios entre otras cuestiones. y el diseñador web para sus trabajos: las tabletas
Entrar digitalizadoras. Entrar

4.- Digitalización de imágenes. Resolución 15.- Introducción a los formatos gráficos


de un escáner Introducción teórica de los formatos gráficos en
Hablamos de las distintas resoluciones de un general. Entrar
escaner y recomendamos las más indicadas
según el tipo de imágen. Entrar 16.- Formatos gráficos. Formatos nativos de
aplicaciones de diseño
5.- Digitalización de imágenes. Trabajando Vemos diferentes tipos de formatos gráficos asi
con el escáner como sus compatibilidades. Entrar
Cómo empezar a trabajar con un escáner de
sobremesa, instalación, configuración, y 17.- Formatos gráficos y gestión de ficheros
características. Entrar
Distintos tipos de formatos para las imágenes de
6.- Digitalización de imágenes. Fotografía la web. Entrar
digital
Las cámaras digitales, tipos, precios y 18.- Formatos gráficos y gestión de
características. Entrar ficheros. Comparativa de formatos
Se comparan los diferentes tipos de formatos
7.- Digitalización de imágenes. Mecanismo anteriormente explicados. Entrar
de una cámara digital
Describimos detalladamente el funcionamiento 19.- Formatos gráficos y gestión de
de una cámara digital. Entrar ficheros. Optimización de gráficos
Diferentes formas de optimizar las imágenes de
8.- Digitalización de imágenes. Resolución una página web. Entrar
de la cámara y calidad de la captura
Explicamos cuales son los factores que influyen 20.- Otros formatos gráficos
en mayor medida en la calidad de las imágenes. Describimos dos tipos de formatos gráficos no
Entrar muy comunes en las páginas web. Entrar

9.- Digitalización de imágenes. Los pros y 21.- Gestión de ficheros


los contras Pautas para el almacenamiento y localización de
Dos pequeñas listas con las posibles ventajas e las imágenes para el diseño web. Entrar
inconvenientes de las cámaras digitales. Entrar
22.- Soportes de almacenamiento externo
10.- Digitalización de imágenes. Programas Diferentes soportes de almacenamientio para las
gráficos imágenes de una web. Entrar
Vemos los tipos de programas gráficos para el
tratamiento de las imágenes escaneadas. Entrar 23.- Software para gestión de ficheros
gráficos
11.- Digitalización de imágenes. Programas Distintas aplicaciones para la gestión de ficheros
de pintura o retoque gráficos. Entrar
Pequeña descripción de los mejores programas
de retoque y pintura existentes en la actualidad 24.- Elementos gráficos para el diseño
en el mercado y mención de sus herramientas Comenzamos con una pequeña introducción para
más básicas. Entrar luego continuar con las ilustraciones. Entrar

12.- Digitalización de imágenes. Programas


de ilustración
25.- Elementos gráficos para el diseño II al mismo un estilo propio que lo distingue e
Comentamos las diferentes caracteristicas de los identifica. Entrar
textos con imágenes y los logotipos. Entrar
37.- Componentes de una interfaz web. Los
26.- Elementos gráficos para el diseño. sistemas de navegación
Fotografías Los sistemas de navegación son los elementos de
Detallamos la suma importancia de la fotografía una interfaz que permiten la navegación por las
en el diseño gráfico, así como las características diferentes secciones y páginas que componen el
de la misma. Entrar sitio web. Entrar

27.- Elementos gráficos para el diseño. 38.- Componentes de una interfaz web. El
Iconos cuerpo de una página
Uno de los elementos gráficos más usados junto El cuerpo es la parte de la página web donde se
con las fotografías para el diseño web. Entrar presenta al usuario toda la información referente
a los contenidos de la página. Entrar
28.- Elementos gráficos para el diseño.
Botones gráficos 39.- Componentes de una interfaz web. El
Son elementos exclusivos de las aplicaciones pie de página
informáticas y son muy comunes en las páginas El pie de página es el elemento de una intefaz
web. Entrar web situado en la parte inferior de la misma, bajo
el cuerpo de página. Entrar
29.- Elementos gráficos para el diseño.
Banners 40.- Componentes de una interfaz web. Los
Los banners son los anucios que se colocan en las espacios en blanco
páginas de internet. Entrar Explicamos la importancia de los espacios en
blanco de una interfaz asi como sus distintas
30.- Elementos gráficos para el diseño. usabilidades. Aunque no lo parezca los espacios
Cliparts y Dingbats en blanco son un componente más del diseño de
Un elemento gráfico ya diseñado que podemos la página web. Entrar
utilizar en nuestro diseño. Entrar
41.- Componentes de una interfaz web. La
31.- Elementos gráficos para el diseño. publicidad
Animaciones Las distintas localizaciones de la publicidad que
Un recurso muy utlilizado en el diseño de páginas se pueden dar en el diseño de una página web.
web. Entrar Entrar

32.- Capturas de pantalla e imágenes de 42.- Componentes de una interfaz web. Las
fondo barras de desplazamiento
Pasos a seguir para realizar capturas de pantallas Un elemento más a tener en cuenta en las
asi como establecer imágenes de fondo. Entrar interfaces web son las barras de desplazamiento
o scroll, situadas en la zona lateral derecha (barra
33.- Otros elementos gráficos de desplazamiento vertical) y en la zona inferior
Otros elementos que podemos utillizar en el de una página web (barra de desplazamiento
diseño de nuestra página web. Entrar horizontal). Entrar

34.- Componentes de una interfaz web. 43.- After Effects I


Introducción De la mano de Adobe hace ya algunos años llegó
Una introducción a los componentes de una el After Effects, un software de composición y
interfaz web para luego profundizar más en estos post-producción de video, de los más potentes
componentes tan importantes para el buen del mercado junto a “Discreet Combustion” y
diseño web. Entrar “Fusion”. Entrar

35.- Componentes de una interfaz web. 44.- After Effects II


Interfaces En el taller anterior, vimos una noción básica del
Qué son las interfaces, las interfaces web y las entorno After Effects, y como aplicar un efecto
interfaces gráficas. Explicamos también los desde cero. Entrar
distintos tipos de interfaces dentro de estas tres
categorias principales. Entrar

36.- Componentes de una interfaz web. El


dintel
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