Tema 1 Planificación de interfaces gráficas

Honelako gehiago

Modelo integrador

by Tabata Osuna

Proceso de Socialización

by Pedro Eliaquín Ajurin Agustin

Importancia de la lengua escrita

by Lidia Gutierrez

LAS FICHAS

by Javier Domínguez Pelegrín

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