Diseño Gráfico Orientado a la Web

Objetivo:

Diseñar una página web parece trivial, cualquiera puede hacerlo; pero
obtener una página bonita, atractiva, funcional, rápida, ... que
garantice el éxito de nuestro portal ya no lo es.
Para poder abordar el diseño de una página web y por extensión de
un portal, es necesario tener en cuenta muchos aspectos que no son
exclusivamente de informática si no que se mezclan con otras áreas
de conocimiento.
A través de este curso llegarás a conocer los aspectos más
importantes que hay que tener en cuenta para diseñar una buena
página web, y las herramientas que se pueden utilizar para su
desarrollo.

Dirigido a:
El curso va dirigido a todos aquellos que quieran trabajar en el diseño
o desarrollo de páginas web profesionalmente.
No son necesarios conocimientos previos.

Programa:

Diseño gráfico orientado a la Web

Diseño gráfico en la web ->Entrar

1. Introducción
2. Diseño gráfico
3. Diseño gráfico en la web

Gráficos, ordenadores y web ->Entrar

 Componentes gráficos de un ordenador
 Resolución de pantalla
 Colores en un ordenador
 Calibración del monitor Elementos de diseño gráfico
 Formas básicas en diseño gráfico
 El punto
 La línea
 El contorno
 El cuadrado
 La circunferencia
 El triángulo
 Contornos mixtos
 Contornos orgánicos
 Ejercicio 1
 Ejercicio 2 El diseño equilibrado
 Introducción
 Las proporciones
 La escala
 El contraste
 Las agrupaciones
 El reticulado
 Las alineaciones
 Las simetrías
 El equilibrio entre contenidos
 La jerarquía visual
 Ejercicio propuesto Teoría del color
 Introducción
 Naturaleza del color
 La percepción del color
 Modelos de color
 Tipos de color
 Propiedades de los colores
 Contrastes de color
 Estudio de algunos colores (I)
 Estudio de algunos colores (II)
 Ejercicio propuesto El color en la web
 Colores disponibles para la web
 Paletas de color seguras. Websafe y Reallysafe
 El problema de las imágenes
 Colores y partes de una página
 Elección de la paleta para un sitio web
 Herramientas básicas para trabajar con colores
 Ejercicio propuesto Tipografía
 Introducción
 Un poco de historia
 Medidas tipográficas
 Partes de una letra
 Familias tipográficas
 Fuentes Serif y fuentes Sans Serif
 Tipografía digital
 Fuentes para impresión y fuentes para pantalla
 Estudio de algunas fuentes
 Administración de fuentes en un ordenador
 Tipografía y diseño
 Tipografía en la web
 Disposición de textos en una página web
 Ejercicio propuesto Gráficos digitales
 Introducción
 Gráficos de mapas de bits. Resoluciones
 Dimensiones de una imagen de mapa de bits
 Modos de color
 Color y mapas de bits
 Peso de un fichero Gráfico
 Optimización de ficheros gráficos
 Gráficos vectoriales
 Metaficheros gráficos
 Ejercicio propuesto Digitalización de imágenes
 Introducción
 El escáner
 Tipos de escáner
 Resolución de un escáner
 Trabajando con el escáner
 Fotografía digital
 Mecanismo de una cámara digital
 Resolución de la cámara y calidad de la captura digital
 Ventajas e inconvenientes de las cámaras digitales
 Programas gráficos
 Programas de pintura o retoque
 Programas de ilustración
 Programas de creación de animaciones vectoriales
 Tabletas digitalizadoras Formatos gráficos y gestión de ficheros
 Introducción
 Formatos nativos de aplicaciones de diseño
 Formatos para la web
 Comparativa de formatos para la web
 Optimización de gráficos para la web
 Otros formatos gráficos
 Gestión de ficheros gráficos
 Soportes de almacenamiento externo
 Software para gestión de ficheros gráficos
 Ejercicio propuesto Elementos gráficos para el diseño
 Introducción
 Ilustraciones
 Textos con imágenes
 Logotipos
 Fotografías
 Iconos
 Botones gráficos
 Banners
 Cliparts y Dingbats
 Animaciones
 Capturas de pantalla
 Imágenes de fondo
 Otros elementos gráficos
 Recursos para la obtención de gráficos Componentes de una
interfaz web
 Introducción
 Interfaces, interfaces gráficas e interfaces web
 El dintel
 Los sistemas de navegacion
 El cuerpo de la página
 El pie de página
 Los espacios en blanco
 La publicidad
 Las barras de desplazamiento
 Ejercicio propuesto Tipos de páginas web
 Introducción
 La página de inicio
 Páginas de entrada a una sección
 Páginas textuales
 Formularios
 Tablas
 Fichas
 Listas
 Páginas mixtas
 Ventanas flotantes Ejercicio Final
 Diseño una propuesta de página web en modo gráfico

Programa: Diseño Gráfico En La Web

Introducción
Diseño Gráfico
Diseño Gráfico En La Web
gráficos, Ordenadores y Páginas Web
Componentes Gráficos De Un Ordenador
Drivers
Resoluciones De Pantalla
Colores En Un Ordenador
Calibración Del Monitor
elementos De Diseño Gráfico
Formas Básicas
Agrupando Formas
Elementos Característicos De Una Página Web
Distribución De Elementos En Una Página
El Reticulado
Alineaciones
Simetrías
Maquetación De Elementos
Monotonía En El Diseño
El Diseño Simple y Regular
conceptos De Diseño Gráfico
Percepción Visual
Información, Redundancia y Ruido
Realidad y Creatividad
Estética
Percepción y Significado
Diseño y Comunicación
teoría Del Color
Introducción
Naturaleza Del Color
Paletas De Color Seguras. Websafe y Reallysafe
Tipos De Color
Propiedades De Los Colores
Psicología Del Color
Contrastes y Colores
Gamas De Colores a Emplear En La Web
Coloreando Las Partes De Una Página
tipografía
Introducción
Un Poco De Historia
Partes De Una Letra
Familias Tipográficas
Tamaños De Las Fuentes
Fuentes De Impresión y Fuentes De Pantalla
Tipos y Ordenadores
Tipografía y Diseño
la Interfaz Gráfica De Usuario
¿qué Es Una Interfaz De Usuario?
Interfases Gráficas e Interfases Web
Interfases y Usuarios
Interfases y Escenarios
Metáforas y Asociaciones
Creatividad o Clasicismo
Proceso De Diseño: Inclusión De Elementos, Distribución, Colores,
Formas
La Consistencia En El Diseño. El Manual De Estilos
formatos Gráficos En La Web
Gráficos Vectoriales y De Mapa De Bits
El Formato Gif
El Formato Jpg
El Formato Png
El Formato Swf
Optimización De Imágenes Para La Web
Uso Del Material Gráfico En Las Páginas Web
principales Elementos Gráficos De Una Interfaz Web.
Tipos
Gráficos Simples
Fotografías
Ilustraciones
Animaciones
Logotipos
Banners
Iconos
Gráficos De Datos
Menús De Navegación
principios Básicos Del Diseño De Interfase Web De Usuario
diseño De Un Sitio Web
Delimitación Del Tema
Recopilando Información
Arquitectura De La Información
Estructura De Un Sitio Web
Sistemas De Navegación
El Mapa Web
Tipos De Sitios Web
Sitios Estáticos y Sitios Dinámicos
Definiendo La Audiencia
El Diseño Modular
El Diseño Elástico (para Todas Las Resoluciones)
Diseño De La Home y Creación De La Plantilla Base
Presentación Al Cliente. Primer Rediseño
Diseñando El Resto De Páginas
Test y Testeo. Segundo Resideño
anexo. Aplicaciones Gráficas
Tipos De Aplicaciones
Entornos De Trabajo
Menús De Herramientas
Principales Herramientas
Conceptos Comunes
Adobe Ilustrator
Adobe Photoshop
Adobe Image Ready
Paint Shop Pro
Macromedia Flash
ejercicio Final Del Curso
Diseño Una Propuesta De Página Web En Modo Gráfico