Capacitacin Informtica

Mdulo II Creacin de productos multimedia a travs de software de diseo Submdulo III Elaboracin de Pginas Web. (64 hrs.)

Utilizar los elementos fundamentales del diseo

1.1. Analizar las teoras del diseo (minimalismo, conceptualismo, etc.). 1.2. Identificar el impacto y el enfoque en diseos existentes. 1.3. Disear formatos considerando las zonas ureas, direccin, sentido y equilibrio. 1.4. Aplicar la teora del color considerando el crculo cromtico, contrastes, el RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow).

Analizar los elementos fundamentales del diseo

Qu es el diseo? Proceso de creacin visual con un propsito, el cual cumple con exigencias practicas. Un buen diseo es la mejor expresin visual de la esencia de `algo` cuya creacin no debe ser solo esttica sino tambin funcional.

Elementos del Diseo

Los siguientes elementos son las bases que construyen el Diseo.
Una lnea es definida como una marca con longitud y direccin, creada mediante un punto que se mueve a lo largo de una superficie. Una lnea puede variar en longitud, ancho, direccin, curvatura y color. Una forma es creada cuando lneas actuales se encuentran alrededor de un espacio. Un cambio en el color o el sombreado puede definir una forma Tamao: Este se refiere a las variaciones de las proporciones de los objetos, lneas o formas.

Espacio es el rea vaca o abierta entre, alrededor, arriba, debajo o entre objetos

Ms elementos que construyen el Diseo.

El Color es el carcter 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 implcita). 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 adicin de blanco o negro a dicho color.

Principios de Diseo
Los principios emplean elementos del diseo para crear composiciones.
El Balance es el sentido de equidad visual en una forma, figura, valor, color, etc.

El contraste es la yuxtaposicin (fusin) de los elementos opuestos.

El nfasis es usado para crear ciertas partes de sus trabajos artsticos a travs de llamado atencin de manera especial. El centro de inters o punto foco es el lugar del dibujo que le invita a enfocar su mirada

Ms elementos que construyen el Diseo.

La Proporcin describe el tamao, ubicacin o el monto de una cosa comparada con otra.

Los Patrones son creados mediante la repeticin de un elemento (lnea, forma o color) una y otra vez

La Gradacin es el tamao y direccin producidos por una perspectiva lineal. La Gradacin del color es desde gamas calidas a fras y por su parte los tonos oscuros a claros producen una perspectiva area. La Gradacin puede agregar inters y movimiento a una forma

Composicin
La combinacin de distintos elementos para formar un todo.

Teoras del Diseo

El Minimalismo y el Diseo: Es una corriente esttica, este trmino ltimamente esta en auge y esta siendo utilizado desde un tiempo por muchos diseadores, no solo los grficos y web, sino tambin industriales, interactivos, etc.

Conceptualismo: El arte conceptual o conceptualismo se bas en la primaca de la idea o concepto por encima de la tcnica o forma final del objeto.

Minimalismo
Bsicamente 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 slo texto en blanco y negro tengamos un diseo minimalista. Va mucho ms all de eso. Como para entenderlo de otra manera:
Minimalismo = Menos desorden = Menos distraccin = Ms tiempo enfocado en lo importante

Caractersticas de los diseos minimalistas

Abundancia de los espacios en blanco, tipografa efectiva, maximizan el efecto de las imgenes, efectivo uso del color, claridad del propsito, eliminacin de los elementos extra y enfoque..

minimalismo combina funcionalidad y estilo, slo muestra lo que sirve, lo dems lo despoja. Esto para nada tiene que significar que sea algo simple ni mucho menos aburrido.

El

lo relaciono con elegancia.

Particularmente

Inkscape
Es un programa de grficos vectoriales similares editor para Adobe Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape aparte es el uso de grficos vectoriales escalables (SVG - Scalable Vector Graphic). incluyen: Las caractersticas soportadas

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 ms variadas manifestaciones creativas, entre las que se incluyen: propuestas escritas, fotografas, videos, documentos, mapas, planos, trabajos de tierra, ensamblajes, ambientaciones.

Diseo de Formatos
Toda obra de comunicacin visual nace de la necesidad de transmitir un mensaje especfico. Un diseador grfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un mtodo especfico (diseo) construye mensajes (comunicacin) con medios visuales (grafismos). No es el creador del mensaje, sino su intrprete.

El principal componente de toda composicin grfica es pues el mensaje a interpretar, la informacin que se desea hacer llegar al destinatario a travs del grafismo.

El mensaje se debe representar por medio de diferentes elementos grficos, que pueden ser muchos y variados, aunque los ms comunes son:

Elementos grficos simples: puntos y lneas de todo tipo (libres, rectas, quebradas curvas, etc.) Elementos geomtricos, con contorno o sin l: polgonos, crculos, elipses, valos, etc. Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes textuales. Grficos varios: logotipos, iconos, etc. Ilustraciones Fotografas Cualquier otro elemento visual apto para comunicar un mensaje.

Aplicar el color considerando el circulo cromtico, contrastes, el RGB y CMY

Empezaremos diciendo que el color en s no existe, no es una caracterstica del objeto, es ms bien una apreciacin subjetiva nuestra. Por tanto, podemos definirlo como, una sensacin que se produce en respuesta a la estimulacin del ojo y de sus mecanismos nerviosos, por la energa luminosa de ciertas longitudes de onda.

 El

color es un elemento bsico 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 slo 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.

Terias del Color

Circulo Cromtico. RGB (Red, Green, Blue) y CMY (Cyan, Magenta, Yellow). Contrastes

Investigar las caractersticas mas importantes.

Circulo Cromtico

El crculo cromtico nos sirve para observar la organizacin bsica y la interrelacin de los colores. En este crculo cromtico podemos encontrar: los colores primarios: rojo, azul y amarillo; los secundarios: verde, violeta y naranja; y los terciarios: rojo violceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violceo.

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.

Contrastes
El 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 energa. Es la luminosidad de un color (la capacidad de reflejar el blanco), es decir, el brillo. La saturacin: Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente.