fudamentos del diseÑo grÁfico

8/7/2019 FUDAMENTOS DEL DISEO GRFICO

1/41

Mnica Daz Cazorla


2/41

El DISEO GRFICO es una profesin cuya actividadindustrial est dirigida a idear y proyectar mensajes visuales,contemplando diversas necesidades que varan segn el caso.

El diseo grfico es la proyeccinde la imaginacin y la creatividad.

COMUNICAR VISUALMENTE


3/41

Clasificacin de productos de diseo grfico

Etiquetas: las cuales pueden ser frontales, colgantes, de seguridad,envolventes, etc.

Envases: los ms comunes son los rgidos, semirgidos, flexibles y las

latas.

Editorial: generalmente estos productos se clasifican de acuerdo altamao de informacin que disponen en afiches, flyers o volantes,libros, peridicos, revistas, catlogos, CD, DVD, VHS, etc.

Sealtica: incluye seales de peligro, seales de trfico, seales debanderas martimas

,seales de ferrocarril, entre otras.

Cartelera: carteles formativos e informativos
http://es.wikipedia.org/w/index.php?title=Etiquetas&action=edit&redlink=1http://es.wikipedia.org/w/index.php?title=Envases&action=edit&redlink=1http://es.wikipedia.org/wiki/Editorialhttp://es.wikipedia.org/wiki/Se%C3%B1al%C3%A9ticahttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_peligrohttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_tr%C3%A1ficohttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_banderashttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_banderashttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_ferrocarrilhttp://es.wikipedia.org/wiki/Carteler%C3%ADahttp://es.wikipedia.org/wiki/Carteler%C3%ADahttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_ferrocarrilhttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_banderashttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_banderashttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_tr%C3%A1ficohttp://es.wikipedia.org/wiki/Se%C3%B1ales_de_peligrohttp://es.wikipedia.org/wiki/Se%C3%B1al%C3%A9ticahttp://es.wikipedia.org/wiki/Editorialhttp://es.wikipedia.org/w/index.php?title=Envases&action=edit&redlink=1http://es.wikipedia.org/w/index.php?title=Etiquetas&action=edit&redlink=1


4/41


5/41

Una teora joven en pleno desarrollo

Al tratarse de una disciplina relativamente joven, a quienesensean a disear y a los propios diseadores les cuesta ponersede acuerdo en la mayora de los temas bsicos ms relevantes

del diseo grfico.Hasta fines de los aos 80 existan muy pocos libros de textosobre asuntos tericos. Ya en los primeros aos del siglo XXI lacantidad de libros se multiplic.

El diseo grfico es interdisciplinario y por ello el diseadornecesita tener conocimientos de otras actividades tales como lafotografa, el dibujo a mano alzada, el dibujo tcnico, lageometra descriptiva, la psicologa de la percepcin, lasemiologa

, la tipografa, la tecnologa y la comunicacin.
http://es.wikipedia.org/wiki/Fotograf%C3%ADahttp://es.wikipedia.org/wiki/Semiolog%C3%ADahttp://es.wikipedia.org/wiki/Semiolog%C3%ADahttp://es.wikipedia.org/wiki/Fotograf%C3%ADa


6/41

Adobe Creative Suite Photoshop Freehand Illustrator

Indesign Dreamweaver Flash Fireworks Corel Corporation Corel Draw

Photo-Paint Corel Trace Otras compaas QuarkXPress

, primer programa creado para maquetacineditorial, similar a Adobe Indesign.

Programas utilizados en Diseo grfico
http://es.wikipedia.org/wiki/Photoshophttp://es.wikipedia.org/wiki/Freehandhttp://es.wikipedia.org/wiki/Photoshophttp://es.wikipedia.org/wiki/Illustratorhttp://es.wikipedia.org/wiki/Adobe_InDesignhttp://es.wikipedia.org/wiki/Illustratorhttp://es.wikipedia.org/wiki/Adobe_InDesignhttp://es.wikipedia.org/wiki/Dreamweaverhttp://es.wikipedia.org/wiki/Fireworkshttp://es.wikipedia.org/wiki/Fireworkshttp://es.wikipedia.org/wiki/Corel_Drawhttp://es.wikipedia.org/wiki/Corel_Photo-Painthttp://es.wikipedia.org/w/index.php?title=Corel_Trace&action=edit&redlink=1http://es.wikipedia.org/wiki/Corel_Photo-Painthttp://es.wikipedia.org/w/index.php?title=Corel_Trace&action=edit&redlink=1http://es.wikipedia.org/wiki/QuarkXPresshttp://es.wikipedia.org/wiki/QuarkXPresshttp://es.wikipedia.org/w/index.php?title=Corel_Trace&action=edit&redlink=1http://es.wikipedia.org/wiki/Corel_Photo-Painthttp://es.wikipedia.org/wiki/Corel_Photo-Painthttp://es.wikipedia.org/wiki/Corel_Photo-Painthttp://es.wikipedia.org/wiki/Corel_Drawhttp://es.wikipedia.org/wiki/Corel_Drawhttp://es.wikipedia.org/wiki/Fireworkshttp://es.wikipedia.org/wiki/Flashhttp://es.wikipedia.org/wiki/Dreamweaverhttp://es.wikipedia.org/wiki/Adobe_InDesignhttp://es.wikipedia.org/wiki/Illustratorhttp://es.wikipedia.org/wiki/Freehandhttp://es.wikipedia.org/wiki/Photoshop


7/41

Fases del proceso del diseo

El proceso de disear, suele implicar las siguientes fases:

1. Observar y analizar el medio en el cual se desenvuelve el serhumano, descubriendo alguna necesidad.2. Planear y proyectar proponiendo un modo de solucionar estanecesidad, por medio de planos y maquetas, tratando dedescubrir la posibilidad y viabilidad de la(s) solucin(es).3. Construir y ejecutar llevando a la vida real la idea inicial, por

medio de materiales y procesos productivos.4. Evaluar, ya que es necesario saber cuando el diseo estfinalizado


8/41

El diseo se aplica, en todos los mbitos y se encuentra portodas partes. Dentro del mundo digital, en toda la red, internet( la web). Diseos de todo el mundopublicitario, revistas,peridicos, libros, manuales (diseo y maquetacin).Encontramos diseo en nuestro mobiliario, una silla, un

mueble... ( diseo industrial y ergonomia). Divisamos el diseoen el mundo multimedia, el cine, televisin, videos, musicales,trailers, y dems efectos especiales.


9/41

se relacionan como:Traza, delineacin de un edificio o de una figura.Descripcin de un objeto o cosa, hecho con las palabras.Disposicin de manchas, colores o dibujos que caracterizanexteriormente a diversos animales y plantas.Proyecto y plan, diseo urbanstico.

Concepcin original de un objeto u obra destinados a la produccin enserie, dentro del mundo de la moda, industrial.La Forma de cada uno de estos objetos.Un diseo, es una pieza con un cierto atractivo visual, con personalidad yde un gran equilibrio esttico.


10/41

Las formas bsicas deldiseo grfico son pocas: elpunto, la lnea y elcontorno. Pero son lamateria prima de toda lainformacin visual queaporta una composicin.Cada una tiene

caractersticas diferentes, loque les permite desempearfunciones determinadasdentro de la composicin.


11/41

FORMA DIRECCIN COLOR TEXTURA ESCALA DIMENSIN MOVIMIENTO


12/41

Definida por disposicin geomtrica.

La forma de una zona o contorno va a permitirnosreconocerlas como representaciones de objetos reales oimaginarios.


13/41

Proyeccin plana o espacial de una forma, continuacinimaginaria de la misma an despus de su finalizacin fsica.Puede ser horizontal, vertical o inclinada en diferentes grados.


14/41

Tal vez las ms importante y evidente, puede imprimir unfuerte carcter y dinamismo a los elementos a los que seaplica. Toda forma o zona tendr en general dos coloresdiferentes, el de su contorno y el de su parte interna, pudiendoaplicarse tanto colores puros como degradados de colores.


15/41

Aporta al diseo, una mirada o una sensacin, o una superficie.

La textura, permite crear una adptacin personalizada de la realidadaadiendo dimensin y riqueza al diseo.Exiten dos tipos de textura: Tctil y visual.

Tctil: Por ejemplo la de una superfcierugosa, con relieve o la de otra ms fina

como la de un papel. Sn todas aquellasperceptibles al tacto.

Visual: Aquellas texturas impresas que separecen a la realidad, como la arena, laspiedras, rocas.


16/41

Definimos el concepto de escala, cuando todos los elementos tienen la

capacidad de modificarse y definirse unos a otros. La escala normalmente seusa en la cartografa, planos, mapas... para poder representar una medidaproporcional al del tamao real. Este concepto, hace referencia, que pararealizar el plano, se ha aplicado un factor de reduccin determinado, parapoder dibujarlo o plasmarlo en un lugar ms pequeo, pero sin que pierda susproporciones.


17/41

Capacidad tridimensional de un elemento o zona. La dimensin slo

existe en el espacio real tridimensional, pero se puede simular en unacomposicin grfica plana mediante tcnicas de perspectiva, sombreadoo superposicin. Tambin, mediante el uso de fotografas, queintroducen espacios tridimensionales en la composicin.


18/41

Propiedad muy importante, que aporta connotaciones de dinamismo y

fuerza. En las obras grficas puras no existe movimiento real, pero s seencuentra implcito en ciertos elementos y se puede conseguir con ciertastcnicas que engaan al ojo humano (o representando elementos que s lotienen en el mundo real.


19/41

El punto es el elemento ms simple y a la vez ms complejo de laimagen.El punto no tiene que estar representado fsicamente paramostrarse como elemento de la imagen o actuar plsticamente enla composicin, ya que puede ser intangible, imperceptible einmaterial.

Est definido por su forma (generalmente circular, pero tambinpuede ser rectangular, como ocurre en los monitores, triangular ouna mancha sin forma definida), por su tamao, por su color y por laubicacin que tenga dentro de la composicin grfica.

Las principales caractersticas del punto son:


20/41

Tiene un gran poder de atraccin cuando se encuentrasolo.

Puede producir sensacin de tensin cuando se aadeotro punto y construyen un vector direccional.

Da lugar a la creacin de otros conceptos como el colorcuando aparecen varios puntos en el mismo campovisual.


21/41

La lnea es el elemento bsico de todo grafismo y uno de los ms usados,

teniendo tanta importancia en un grafismo como la letra en un texto.

Est formada por la unin de varios puntos en sucesin, pudindoseasimilar a la trayectoria seguida por un punto en movimiento, por lo quetiene mucha energa y dinamismo.

Su presencia crea tensin y afecta al resto de elementos cercanos a ella.


22/41

Por su trazo las lneas pueden:

Transportar humor o una emocin.Organizar un diseo.Establece las columnas del texto.

Crear una textura.

Crear el movimiento.Definir una forma.Llamar la atencin a una palabra.Conectar trozos de informacin en su disposicin


23/41

Las propiedades mejor percibidas de una lnea son:grosor, longitud, orientacin (direccin) respecto a la

pgina, su ubicacin (posicin), su forma (recta ocurva) y su color.

Estas propiedades se vern afectadas tambin por el

nmero de lneas que haya en la composicin, suproximidad y la orientacin relativa entre ellas.


24/41

La lnea pueden tener los bordes lisos o

dentados, con extremos rectos, redondeados oen punta. Su cuerpo puede ser slido oTexturado, y su direccin puede ser curva orecta.

Y cada una de estas caractersticas matizar laforma en que es interpretada una lnea por elespectador.Podemos considerar diferentes tipos de lneas,

cada uno de los cuales tiene sus propiascualidades:


25/41

La lnea rectahorizontal expresa

equilibrio, calma,equilibrio estable.

La lnea recta

verticalsugiere

elevacin, movimientoascendente, actividad.


26/41

La lnea recta inclinada, porel contrario, expresatensin, inestabilidad,

desequilibrio. Parecen queestn a punto de caerse

Las curvas mscomnmente usadas

en diseo grficodigital son las curvasBzier.


27/41

Una curva Bzier quedatotalmente definida por cuatro

puntos caractersticos, lospuntos inicial y final de la curva ydos puntos de control(manejadores) que definen suforma.Para modificar su forma, bastacambiar de posicin uno de suspuntos de control.


28/41

Podemos definir el contorno como el objeto grfico creado

cuando el trazo de una lnea se une en un mismo punto. Esdecir, cuando una lnea continua empieza y acaba en unmismo punto.


29/41

Todo contorno delimita dos zonas, una acotada (elcontorno y su interior) y otra infinita (el fondo),

crendose un sub-mundo grfico particular en cadaforma definida por cada contorno.

Los principales contornos son el cuadrado, la circunferencia

y el tringulo a los que podemos aadir los contornosmixtos (combinaciones de los elementos bsicos)y los orgnicos (formados por curvas libres).


30/41

Los contornos orgnicos son utilizadosabundantemente en pintura y dibujo artstico,

ya que son la base para representar figurashumanas, bodegones, paisajes, etc.


31/41

En todo proceso de comunicacin existen lossiguientes elementos:

EL EMISOR EL MENSAJE CANAL EL RECEPTOR CDIGO CONTEXTO


32/41

No hay diseo grfico sin

mensaje

(o no debera haberlo).

Pero tampoco lo hay si no haynada que decir.

Los diseadores grficos han

venido al mundo a resolver

problemas de comunicacin.


33/41

Emisor. Persona que transmite algo a los dems.Mensaje. Informacin que el emisor enva al receptor.Canal. Elemento fsico que establece la conexin entre el emisor y elreceptor.Receptor. Persona que recibe el mensaje a travs del canal y lo interpreta.Cdigo. Es un conjunto de signos sistematizado junto con unas reglas que

permiten utilizarlos. El cdigo permite al emisor elaborar el mensaje y alreceptor interpretarlo. El emisor y el receptor deben utilizar el mismocdigo. La lengua es uno de los cdigos ms utilizados para establecer lacomunicacin entre los seres humanos.Contexto. Relacin que se establece entre las palabras de un mensaje y

que nos aclaran y facilitan la comprensin de lo que se quiere expresar.


34/41

Contexto

Conjunto de trminos (palabras) que facilitan la comprensin del mensaje.

Emisor

El que transmite el

mensaje.

Mensaje

Informacin

transmitida.

Canal

Soporte materialpor el que circula

el mensaje.

Receptor

El que recibe el

mensaje.

Cdigo

Conjunto de signos y reglas que conocen el emisor y el receptor.


35/41

Convencional

No convencional


36/41

Convencional

Medios electrnicos


37/41

Medios pictricos
http://xn--medios%20pictcos-4z7s.pptx/http://xn--medios%20pictcos-4z7s.pptx/


38/41

Medios tangibles

Son los bienes o aquellos que tienen una composicion principalmentematerial,como una prenda de vestir,un libro,o un lapicero.
http://www.elmundo.es/albumes/2007/05/30/microsoft_surface/index_1.html


39/41

Medios fotogrficos


40/41

Medios escritos


41/41

No convencional

Marketing telefnicoPublicidad en puntos de venta

Regalos publicitarios

fudamentos del diseÑo grÁfico

Documents