TEMA.1
LENGUAJE VISUAL
cubre existencias prácticas
Da la esencia de "algo"
embellece la apariencia exterior de las cosas.
Existen principios, reglas o conceptos.
El diseño de las páginas web
Diseño de la comunicación Digital
se explora posibilidades expresivas, estéticas y comunicativas en soportes digitales
Soportes on-line
Soportes off-line
Características fundamentales
Integración de formatos
Interactividad
Hipertexto
Sistema de escritura ramificada sólo posible en entornos digitales en el que la información se estructura en una red de nodos y enlaces.
Factores del planteamiento de la realización de un sitio web
Área de redacción
Se establece el propósito o la finalidad.
Área de producción
Área técnica
Primeras maquetas o prototipos.
Área artística
La parte estética del proyecto.
Elementos del diseño
Elementos conceptuales
Punto
Línea
Plano
Volumen
Elementos visuales
Forma
Tamaño
Color
Textura
Elementos de relación
Dirección
Posición
Espacio
Gravedad
Elementos prácticos
Representación
Significado
Función
Contorno
Cuadrado
Círculo
TEORÍA DEL COLOR
Círculo cromático
colores primarios
Rojo
Azul
Amarillo
Colores secundarios
Se obtienen mezclando los primarios
Verde
Violeta
Naranja
Colores terciarios
mezclando primario y secundario
Elementos
Tono
Atributo que permite distinguir un color de otro
Saturación
Pureza de un color
Valor/Brillo
Cantidad de luz percibida
Tienen significado
Cada color tiene una sensación y significado.
Componentes de una interfaz web
Cabecera
Parte superior de la interfaz web.
Fotografía, formularios, banners....
Sistema de navegación.
Permiten la navegación por las diferentes secciones.
Cuerpo de la página
Suele ser el objetivo del sitio, lo que el usuario quiere ver.
Pie de página
Es la parte inferior de la página.
Suelen contener enlaces a servicios.
Espacios en blanco.
Tipografía
Es un fiel reflejo de su época
FAMILIAS TIPOGRÁFICAS
Gótica
Estilo antiguo
Clásica
Transicional
Moderna
Egipcia
Sin rasgo o sansserif
Script
Decorativa
Partes que componen las letras
Altura de las mayúsculas
Altura X
Hombro
Asta
El blanco interno
El brazo
La cola
El cuerpo
La inclinación
La línea de base
La oreja o ibulo
El serif
Composición, equilibrio y dinamismo
Composición
Composición equilibrada
El espectador busca una visión equilibrada. Los diseños se basan en un eje vertical y otro horizontal.
Composición del texto
Legible
Equilibrio
Simétrico
Igualdad de peso y tono
Asimétrico
No existen las mismas dimensiones.
Contraste y armonía
Armonía: solución sencilla
Contraste: capta la atención
Proporción
Relación equilibrada entre un área con otra.
Regla de los tercios.
la imagen se divide en 9 partes iguales utilizando líneas horizontales y verticales.
Maquetación web
Distribución de los elementos en el espacio disponible.
Mapas de navegación
Estructura de enlaces que permiten saber que páginaas llevan a cuáles.
Prototipo
Esquema de cómo quedará el sitio web.
Guías de estilo
Es un documento que define las pautas y normas de calidad que logran conseguir una coherencia del sitio.
homogeneidad.
Gestores de contenido
Interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio.
Permite manejar de manera independiente el contenido y el diseño.