Embed Size (px)
Citation preview
Capacitación InformáticaMódulo II
Creación de productos multimedia a través de software de diseño
Submódulo III – Elaboración de Páginas Web. (64 hrs.)
Utilizar los elementos fundamentales del diseño
1.1. Analizar las teorías del diseño (minimalismo, conceptualismo, etc.).
1.2. Identificar el impacto y el enfoque en diseños existentes.
1.3. Diseñar formatos considerando las zonas áureas, dirección, sentido y equilibrio.
1.4. Aplicar la teoría del color considerando el círculo cromático, contrastes, el RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow).
Analizar los elementos fundamentales del diseño
¿Qué es el diseño? Proceso de creación visual con un propósito, el cual cumple con exigencias practicas. Un buen diseño es la mejor expresión visual de la esencia de `algo` cuya creación no debe ser solo estética sino también funcional.
Elementos del Diseño
Una línea es definida como una marca con longitud y dirección, creada mediante un punto que se mueve a lo largo de una superficie. Una línea puede variar en longitud, ancho, dirección, curvatura y color.
Los siguientes elementos son las bases que construyen el Diseño.
Una forma es creada cuando líneas actuales se encuentran alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma
Tamaño: Este se refiere a las variaciones de las proporciones de los objetos, líneas o formas.
Espacio es el área vacía o abierta entre, alrededor, arriba, debajo o entre objetos
Más elementos que construyen el Diseño.El Color es el carácter percibido de una superficie de acuerdo con la longitud de onda o la luz reflejada desde esta. El Color posee tres dimensiones: TINTE (otra palabra para color, indicada por su nombre así como rojo o amarillo), VALOR (su luminosidad o oscuridad), INTENSIDAD (su brillo u opacidad).La Textura es la forma como se
siente la superficie (textura actual) o como puede ser observada (textura implícita). Las Texturas son descritas con palabras como áspero, sedoso o rugoso.
El Valor es que tan oscuro o claro se ve algo. Podemos alcanzar cambios de valores en el color por medio de la adición de blanco o negro a dicho color.
Principios de Diseño
El Balance es el sentido de equidad visual en una forma, figura, valor, color, etc.
Los principios emplean elementos del diseño para crear composiciones.
El contraste es la yuxtaposición (fusión) de los elementos opuestos.
El Énfasis es usado para crear ciertas partes de sus trabajos artísticos a través de llamado atención de manera especial. El centro de interés o punto foco es el lugar del dibujo que le invita a enfocar su mirada
Más elementos que construyen el Diseño.
La Proporción describe el tamaño, ubicación o el monto de una cosa comparada con otra.
Los Patrones son creados mediante la repetición de un elemento (línea, forma o color) una y otra vez
La Gradación es el tamaño y dirección producidos por una perspectiva lineal. La Gradación del color es desde gamas calidas a frías y por su parte los tonos oscuros a claros producen una perspectiva aérea. La Gradación puede agregar interés y movimiento a una forma
ComposiciónLa combinación de distintos elementos para formar un todo.
Teorías del DiseñoEl Minimalismo y el Diseño:Es una corriente estética, este término últimamente esta en auge y esta siendo utilizado desde un tiempo por muchos diseñadores, no solo los gráficos y web, sino también industriales, interactivos, etc.Conceptualismo:El arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto.
MinimalismoBásicamente lo que se busca es no
sobrecargar el sitio con elementos que no aportan verdaderamente a la funcionalidad del mismo o al objetivo
con que fue creado.No significa que poniendo sólo texto en
blanco y negro tengamos un diseño minimalista. Va mucho más allá de eso. Como para entenderlo de otra manera:Minimalismo = Menos desorden = Menos
distracción = Más tiempo enfocado en lo importante
Características de los diseños minimalistas
Abundancia de los espacios en blanco,tipografía efectiva,maximizan el efecto de las imágenes, efectivo uso del color, claridad del propósito, eliminación de los elementos extra y enfoque..
El minimalismo combina funcionalidad y estilo, sólo
muestra lo que sirve, lo demás lo despoja. Esto
para nada tiene que significar que sea algo
simple ni mucho menos aburrido.
Particularmente lo relaciono con
elegancia.
InkscapeEs un programa de gráficos
vectoriales similares editor para Adobe Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape aparte es el uso de gráficos vectoriales escalables (SVG - Scalable Vector Graphic).
• Las características soportadas incluyen: formas, trazos, texto, marcadores, clones, mezclas de
canales alfa, transformaciones, gradientes, patrones y agrupamientos.
Conceptualismo
El Conceptualismo es un movimiento amplio y abierto a las más variadas manifestaciones creativas, entre las que se incluyen: propuestas escritas, fotografías, videos, documentos, mapas, planos, trabajos de tierra, ensamblajes, ambientaciones.
Diseño de FormatosToda obra de comunicación visual nace
de la necesidad de transmitir un mensaje específico.
Un diseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un método específico (diseño) construye mensajes (comunicación) con medios visuales (grafismos).
No es el creador del mensaje, sino su intérprete.
El principal componente de toda composición gráfica es
pues el mensaje a interpretar, la información
que se desea hacer llegar al destinatario a través del
grafismo.
El mensaje se debe representar por medio de diferentes elementos gráficos, que pueden ser muchos y variados, aunque los más comunes son: Elementos gráficos simples: puntos y líneas de todo
tipo (libres, rectas, quebradas curvas, etc.) Elementos geométricos, con contorno o sin él:
polígonos, círculos, elipses, óvalos, etc. Tipos: letras de diferentes formas y estructura,
utilizadas para presentar mensajes textuales. Gráficos varios: logotipos, iconos, etc. Ilustraciones Fotografías Cualquier otro elemento visual apto para comunicar
un mensaje.
Aplicar el color considerando el circulo
cromático, contrastes, el RGB y CMY
Empezaremos diciendo que el color en sí no existe, no es una característica del objeto, es más bien una apreciación subjetiva nuestra.
Por tanto, podemos definirlo como, una sensación que se produce en respuesta a la estimulación del ojo y de sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes de onda.
El color es un elemento básico a la hora de elaborar
un mensaje visual.
Muchas veces, el color no es un simple atributo que recubre la forma de las cosas en busca de la fidelidad reproducida.
A pesar de que, sin el color la forma permanece, con frecuencia el Mensajes es, precisamente, el Color, o lo que sólo puede expresarse por el Color.
El color está presente en todos los aspectos de la identidad empresarial y de marca.
En la identidad, las empresas pueden hacer que el color sea el principal elemento de su identidad utilizando un único color o una paleta de colores como parte de su identidad visual.
Investigar las características mas importantes.
Circulo Cromático.RGB (Red, Green, Blue) y CMY
(Cyan, Magenta, Yellow).Contrastes
Teórias del Color
Circulo CromáticoEl círculo cromático nos sirve para
observar la organización básica y la interrelación de los colores.
En este círculo cromático podemos encontrar:
los colores primarios: rojo, azul y amarillo;
los secundarios: verde, violeta y naranja; y los terciarios: rojo violáceo, rojo
anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.
RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow).
Los tonos secundarios se obtienen al mezclar partes iguales de dos primarios; los tonos terciarios se consiguen al mezclar partes iguales de un tono primario y de un secundario adyacente.
Los primarios son colores que se consideran absolutos y que no pueden crearse mediante la mezcla de otros colores.
ContrastesEl tono: Es el matiz del color, es la
cualidad que define la mezcla de un color con blanco y negro.
La brillantez: Tiene que ver con la intensidad o el nivel de energía. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo.
La saturación: Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente.
