Tema 1 Planificación de interfaces gráficas
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.
GESTORES DE CONTENIDOS
GUÍAS DE ESTILO
MAQUETA O PROTOTIPO
MAPA DEL SITIO WEB O MAPAS DE NAVEGACIÓN
1.8 Componentes de una interfaz web.
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
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
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
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
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
1.7 El diseño en las páginas web.
PLANTEAMIENTO DE LA REALIZACIÓN DE UN SITIO WEB
Á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
Á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 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 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.
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.
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
DECORATIVA
SCRIPT
SIN RASGO
EGIPCIA
MODERNA
TRANSICIONAL
CLÁSICA
ESTILO ANTIGUO
GÓTICA
1.5 La composición, el equilibrio y el dinamismo
TIPOS DE DINAMISMO
PROPORCIÓN
CONTRASTE Y ARMONIA
TIPOS DE EQUILIBRIO
EQUILIBRIO ASIMÉTRICO
EQUILIBRIO SIMÉTRICO
TIPOS DE COMPOSICIÓN
COMPOSICION DEL TEXTO
COMPOSICIÓN EQUILIBRADA
1.4 Teoría del 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
BRILLO
Se refiere a la cantidad de luz percibida. Se puede definir
como la cantidad de oscuridad que tiene un color.
SATURACIÓN
También llamada intensidad. Este concepto representa la pureza
o intensidad de un color.
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.
EL CIRCULO CROMÁTICO
COLORES TERCIARIOS
COLORES SEGUNDARIOS
COLORES PRIMARIOS
1.3 Elementos del diseño
SE DISTINGUEN 4 GRUPOS
Elementos prácticos.
FUNCIÓN
SIGNIFICADO
REPRESENTACION
Elementos de relación.
GRAVEDAD
ESPACIO
POSICIÓN
DIRECCIÓN
Elementos visuales.
TEXTURA
COLOR
TAMAÑO
FORMA
Elementos conceptuales.
VOLUMEN
PLANO
LINEA
PUNTO
1.2 El 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
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.
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.
1.1 Introducción al diseño gráfico
FUNCIONES DEL DISEÑO
Tendría una función estética: intenta ser agradable a la vista del receptor.
Tendría una función publicitaria: se hace atractivo a la vista del receptor.
Tendría una función comunicativa para que el diseño sea entendible a la vista del receptor.
AREAS DEL DISEÑO
DISEÑO GRÁFICO
DISEÑO DE MODA
DISEÑO ARQUITECTONICO
DISEÑO INDUSTRIAL
