Tema 1 Planificación de interfaces gráficas
1.1 Introducción al diseño gráfico
AREAS DEL DISEÑO
DISEÑO INDUSTRIAL
DISEÑO ARQUITECTONICO
DISEÑO DE MODA
DISEÑO GRÁFICO
FUNCIONES DEL DISEÑO
Tendría una función comunicativa para que el diseño sea entendible a la vista del receptor.
Tendría una función publicitaria: se hace atractivo a la vista del receptor.
Tendría una función estética: intenta ser agradable a la vista del receptor.
1.2 El lenguaje visual
Muchos piensan en el diseño como en algún tipo de esfuerzo dedicado a embellecer la apariencia exterior de las cosas. Ciertamente, el solo embellecimiento es una parte
del diseño, pero el diseño es mucho más que eso.
El diseño es práctico. El diseñador es un hombre práctico. Pero antes de que esté preparado para enfrentarse con problemas prácticos, debe dominar un lenguaje
visual.
Interpretando el lenguaje visual
Hay numerosas formas de interpretar el lenguaje visual. A diferencia del lenguaje hablado o escrito, cuyas leyes gramaticales están más o menos establecidas, el lenguaje visual carece de leyes obvias
1.3 Elementos del diseño
SE DISTINGUEN 4 GRUPOS
Elementos conceptuales.
PUNTO
LINEA
PLANO
VOLUMEN
Elementos visuales.
FORMA
TAMAÑO
COLOR
TEXTURA
Elementos de relación.
DIRECCIÓN
POSICIÓN
ESPACIO
GRAVEDAD
Elementos prácticos.
REPRESENTACION
SIGNIFICADO
FUNCIÓN
1.4 Teoría del color
EL CIRCULO CROMÁTICO
COLORES PRIMARIOS
COLORES SEGUNDARIOS
COLORES TERCIARIOS
MATIZ
Atributo que permite distinguir, por ejemplo, el rojo del azul.
Es el recorrido de un tono a uno u otro lado del círculo cromático.
SATURACIÓN
También llamada intensidad. Este concepto representa la pureza
o intensidad de un color.
BRILLO
Se refiere a la cantidad de luz percibida. Se puede definir
como la cantidad de oscuridad que tiene un color.
SENSACIÓN Y SIGNIFICADO DEL COLOR
Los colores tienen influencia emocional y cada color lleva asignado unas
sensaciones de ideas y significados, sólo válido en la cultura occidental. En Japón el
blanco significa la muerte, mientras que en Occidente es la pureza, la vida, etc
1.5 La composición, el equilibrio y el dinamismo
TIPOS DE COMPOSICIÓN
COMPOSICIÓN EQUILIBRADA
COMPOSICION DEL TEXTO
TIPOS DE EQUILIBRIO
EQUILIBRIO SIMÉTRICO
EQUILIBRIO ASIMÉTRICO
TIPOS DE DINAMISMO
CONTRASTE Y ARMONIA
PROPORCIÓN
1.6 La tipografía.
La tipografía consiste simplemente en elegir un tipo de letra para un diseño o un
trabajo para que se pueda leer sin dificultad
CLASIFICACIÓN DE LAS FAMILIAS TIPOGRÁFICAS o TIPOS
GÓTICA
ESTILO ANTIGUO
CLÁSICA
TRANSICIONAL
MODERNA
EGIPCIA
SIN RASGO
SCRIPT
DECORATIVA
1.7 El diseño en las páginas web.
DISEÑO DE LA COMUNICACIÓN DIGITAL
En diseño de Comunicación Digital se explora las posibilidades expresivas, estéticas y comunicativas del lenguaje audiovisual en soportes digitales, buscando
nuevos modos narrativos para organizar información audiovisual.
PLANTEAMIENTO DE LA REALIZACIÓN DE UN SITIO WEB
ÁREA DE REDACCIÓN
Se definen los conceptos básicos del proyecto. Se establece su identidad, hay
que establecer el propósito o finalidad del proyecto, su utilidad o sentido.
ÁREA DE PRODUCCIÓN
Consiste en adecuar el proyecto interactivo al mercado, estudiar su viabilidad y
establecer, tanto en modo de desarrollarlo como las estrategias para su difusión
ÁREA TÉCNICA
Los responsables estudian y resuelven los aspectos del proyecto, asociados a su
implementación material en un medio digital, los de las primeras maquetas o prototipo, pasando por las versiones de prueba hasta su elaboración final.
ÁREA ARTISTICA
Compete la definición estética del proyecto interactivo. Hay que tener en cuenta
el estilo, en la que, en función tanto de la naturaleza de la aplicación como del perfil de
los usuarios a los que va destinado
1.8 Componentes de una interfaz web.
CABECERA
Se entiende por cabecera una zona de la interfaz web situada en la parte superior de la misma de ancha generalmente igual a la de la página y altura variable
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
CUERPO
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
PIE DE PAGINA
El pie de página es la parte de una interfaz web situada en la parte inferior de la
misma, bajo el cuerpo de la página
ESPACIOS EN BLANCO
Aunque parezca mentira, un elemento de especial importancia en un diseño web son los espacios en blanco, se definen como todas esas zonas de la interfaz en las que no hay ningún otro elemento gráfico
1.9 Maquetación web. Elementos de ordenación
Por maquetación web se entiende la distribución, en el espacio considerado
disponible, de los elementos que conforman una página web.
MAPA DEL SITIO WEB O MAPAS DE NAVEGACIÓN
MAQUETA O PROTOTIPO
GUÍAS DE ESTILO
GESTORES DE CONTENIDOS