1

Cuaderno

Nociones bsicas de diseo

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

Nociones bsicas de diseo: Introduccin al diseo..................................................... 3 Percepcin del objeto ..................................................... 4 Percepcin visual ........................................................... 6 Elementos bsicos: Elementos bsicos y sus caractersticas ......................... 7 El contorno ...................................................................... 8 El contorno / La direccin ............................................... 9 La textura / Escala / Dimensin ................................... 10

Oferta especial: Le construimos su pgina web GRATIS, infrmese pulsando aqu

P-2

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

Conceptos de diseo: Introduccin al diseo.

Las diversas tecnologas y mtodos utilizados antiguamente para la manipulacin y transmi sin de comunicacin visual intencionada, han ido modificando sucesivamente la actividad que hoy conocemos por diseo grfico, hasta el extremo, de confundir el campo de actividades y competencias que debera serle propio, incluyendo por supuesto, sus lejanas fuentes originales. El desarrollo de los productos y servici os ha crecido espectacularmente, lo que les obliga a competir entre s para ocupar un sitio en el mercado. Es en este momento cuando surge la publicidad, y con ella la evolucin del diseo grfico como forma estratgica de comunicar, atraer y ganar la batalla frente a los competidores. El cmo se transmite una determinada informacin es un elemento significativo trascendental para lograr persuadir, convencer, e incluso manipular a gran parte de la sociedad. El culto hacia los medios de comunicacin visual utilizados en la antigedad (como mosaicos, pinturas, lienzos...) ha permitido sobrevivir a muchos de ellos a la funcin temporal para la que fueron creados. Para estos objetos el medio ha acabado por convertirse en obra de arte, es decir, en el autntico y definitivo mensaje. La funcin del diseador es, transmitir una idea, un concepto o una imagen de la forma ms eficaz posible. Para ello, el diseador debe contar con una serie de herramientas como, la informacin necesaria de lo que se va a transmitir, los elementos grficos adecuados , su imaginacin y todo aquello que pueda servir para su comunicacin. Nuestro diseo debe constituir un todo, donde cada uno de los elementos grficos que utilicemos posean una funcin especfica, sin interferir en importancia y protagonismo a los elementos restantes (a no ser que sea intencionado). Un buen diseador debe comunicar las ideas y conceptos de una forma clara y directa, por medio de los elementos grficos. Por tanto, la eficacia de la comunicacin del mensaje visual que elabora el diseador, depender de la eleccin de los elementos que utilice y del conocimiento que tenga de ellos. Lo primero que hay que hacer para disear algo ( un anuncio en revista, una tarjeta...), es saber que es lo que se quiere transmitir al pblico y que tipo de pblico es ese, en definitiva, cual es la misin que debe cumplir ese diseo. El dilema con el que se encuentra el diseador es cmo elegir la mejor combinacin de los elementos y su ubicacin (texto, fotografas, lneas, titulares...), con el propsito de conseguir comunicar de la forma ms eficaz y atractiva posible. En esta parte empezaremos por conocer los elementos bsicos del diseo, pero primero aclararemos un trmino que facilitar nuestra comprensin del concepto que debemos tener de los elementos. La impresin o sensacin que causan dichos elementos, es decir la informacin que transmiten. Los diseadores pueden manipular los elementos siempre que tengan conocimiento de ellos y de lo que en s representan, ya que en el mbito del diseo es muy importante el factor psicolgico para conseguir el propsito que se busca: Informar y Persuadir. Por tanto, hay que tener en cuenta lo que puede llegar a expresar o trans mitir, un c olor, una forma, un t amao, una imagen o una disposici n determinada de los elementos que debemos incluir..., ya que ell o determinar nuestra comunicacin. En ambos casos, se consigue por medio de la atraccin, motivacin o inters. Ya hemos dejado claro la funcin del diseador, hacer un diseo que comunique una idea o un concepto de una forma eficaz. El diseo debe servir de vehculo al propsito final que tenga nuestro mensaje, a la imagen que queramos transmitir. Para desempear su funcin el diseador necesita una serie de requisitos: - Informacin sobre lo que se va a comunicar. - Eleccin de los elementos adecuados. - Componer dichos elementos de la forma ms atractiva posible.

P-3

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

Conceptos de diseo: Percepcin del objeto.

Antes de acometer el estudio de los el ementos bsicos que tendremos que considerar a la hora de plantearnos la realizacin del diseo, tendramos que saber cuales son las leyes que guan la percepcin de las cosas. Es decir, cmo vemos e identificamos la lnea, el color, el contorno, la textura y entorno que tienen las cosas. Si sabemos como es el proceso de percepcin fsica y psicolgica de los objetos, podremos ser capaces de tener ms elementos para poder influir en el receptor de nuestro trabajo de diseo. La percepcin de los objetos: Todas las percepciones comienzan por los ojos, permitindonos tener una mayor capacidad de recuerdo de las imgenes que de las palabras, ya que las primeras son ms caractersticas y, por lo tanto ms fciles de recordar. La percepcin est condicionada por el aprendizaje o conocimiento previo que tengamos de los objetos. Nuestro cerebro tiene tendencia a ubicar los elementos dentro de los parmetros referenciales que nos hemos construidos a travs de la experiencia previa o conocimiento. Hay varios factores que influyen en la percepcin, como son: a. La agrupacin: tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Es como cuando miramos al cielo y vemos en las nubes una serie de figuras. Tenemos varias formas de agrupacin por: Proximidad (la cercana de los distintos elementos nos hace tender a agruparlos). Por Semejanza (cuando los elementos son parecidos o iguales tambin tendemos a agruparlos). Por Continuida d (nuestra percepcin crea continuidad significativa, como en las tramas de una imagen). Por Simetra (para que los elementos formen figuras conocidas). Los signos ms bsicos de los nios o de comunicacin en la prehistoria nos pueden demostrar, adems de su valor sem ntico, una int encin natural del ser humano de organizar y estructurar las imgenes. b. Percepcin figura-fondo: percibimos los elementos separados del fondo, aunque tambin podemos tener la percepcin contraria, percibir el fondo como figura (muy habitual en los juegos de negativo y positivo). c. Percepcin de contorno: El contorno es precisamente lo que nos hace distinguir o separar la figura del fondo. Est marcado por un cambio de color o de saturacin del mismo. d. Pregnancia: Tendemos a rellenar aquellos huecos de informacin que nos faltan para completar el objeto complet o. La pregnancia nos permite completar la visin fsica que tiene nuestra retina.

P-4

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l
La percepcin del color: El mundo material es incoloro. La materia posee la caracterstica de absorber determinadas partes del espectro lumnico. La luz que no es absorbida es remitida y transmite estmulos de color diferentes al de la ambientacin general, al llegar estos estmulos espectrales distintos hasta el rgano de la vista es cuando nos produce una sensacin de color. Consideramos el poder de absorcin del material como el color propio de su cuerpo, y la composicin espectral de un haz de luz como su color luminoso. Aunque la absorcin slo es una cualidad latente y los rayos de luz slo son sus transmisores de informacin. El color slo es sensacin de color, producto del rgano de la vista. Los tres colores primarios: El ojo cuenta con tres tipos de clulas visuales, que rigen tres tipos diferentes de sensaciones, correspondientes a los colores primarios azul (azul violceo), verde y rojo (rojo anaranjado). A partir de ellos se forma para cada sensacin de color un cdigo de tres partes. A los tres componentes del rgano de la vista le corresponden ocho colores elementales, dos acromticos (blanco y negro) y seis colores elementales cromticos (amarillo, magenta, cyan, azul violeta, verde y rojo naranja). Los ocho colores elementales son las ocho posibilidades indivisas de variacin que resultan de los tres colores primarios. Representan las sensaciones de color extremas que el rgano de la vista es capaz de producir. .

P-5

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

Conceptos de diseo: Percepcin visual.

La existencia de los ocho colores elementales lo descubri ya Leonardo da Vinci "Al negro y al blanco le siguen el azul y amarillo, luego el verde y el leonido u ocre; despu s el color de la mora y el rojo. Estos son ocho colores, y no existen ms colores naturales" (Libro de Pintura. 1452-1519). Sntesis aditiva (televisin): Entendemos que a partir de distintas intensidad es de las luces de colores azul, rojo y verde podemos ob tener una diversidad de colores. Como ba se ha de estar presente el color elemental acromtico negro. La sntesis aditiva imit a tecnolg icamente lo q ue hace el rg ano de la vista, este princip io constituye la b ase tcnica de la televisin en color. Los colores elementales aditivos son negro, azul (azul violceo), verde y rojo (rojo anaranjado). Sntesis sustractiva (fotografa): Es lo opuesto o contrario a la sntesis aditiva. Se da cuando a una energa de radiacin existente se le sustrae algo de su absorcin. Tamb in se denomina sntesis sustractiva al principio en el que por la capacidad de absorcin de tres filtros conjuntados se puede obtener la diversidad del espacio de colores. En la sntesis sustractiva los efectos de tres capas de filtros combinan sus poderes de absorcin frente al blanco. Este es el principio de trabajo d e la fotografa en color. Los cuatro colores elementales sustractivos son blanco, amarillo, magenta y cyan. La percepcin en lo visual: En la comunicacin visual el diseador tendr que tener en cuenta tanto la vertiente psicolgica d e la percepcin humana como las significaciones culturales que pue den tener ciertos elementos. El diseador grfico es una especie de arquitecto del espacio grfico y debe distribuir los eleme ntos en funcin de una estructura interna que teng a una significacin, gua o intencin coincidente con el mensaje que se quiera transmitir. Esta estructura ser la responsable de la eleccin cromtica y su intencionalidad expresiva, de la elecci n de las imge nes o de la dis posicin de los bloques de texto. Algunos factores psicolgicos que debemos conoce r son:

a. El equilibrio: El receptor tiene necesidad de buscar el equilibrio de la composicin y los ejes en los cuales des cansa. El de sequilibrio cre a provocacin e inestabilidad . Tendremos q ue analizar que es lo que queremos transmitir al receptor y con respecto a es to crear una composicin determinada. b. La referencia horizontal: Necesitamos ver que los objetos o partes que comp onen una composicin estn de alguna forma apoyados. La parte inferior se ver mejor que la superior, ya que ser donde se constituya la base. c. Angulo inferior izquierdo: Los hbitos de lectura occidentales han motivado prop iciado que la atencin se centre ms en la parte izquierda y en concre to en la inferior izquierda. d. Relajamiento -tensin: psicolgicamente cuando tenemos una compos icin equilibrada, simtrica o predecible; sin embargo generaremos te nsin en el receptor si no es capaz de encontrar una lgica visual en la composicin que le presentamos.

P-6

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

Elementos bsicos y sus caractersticas.

De igual forma que e l lenguaje verbal puede descompone rse en diversas unidades de distinta significacin, tambin tenemos un lenguaje no verbal, visual, que pue de constituir un alfabeto de significacin. Es decir, que las imgenes podran descomponerse en unida des de significacin ms pequeas en funcin de algunos de sus componentes: color, lnea... Los elementos bsicos son pues: el punto, la lnea, el plano, e l contorno, la textura y el color. Cada uno tiene caractersticas diferentes, lo que les permite desempear funciones determinadas dentro de la composicin. El punto: Es la unidad mnima de comunicacin visual, el eleme nto grfico fundamental y por tanto el ms importante y puede intensificar su valor por medio del color, el tamao y la posicin en el plano. No es necesario que el punto est represe ntado grficamente para tomar fuerza, ya que en cualquier figura su centro geomtrico, puede constituir el centro de atencin. El punto esta definido por su color, dimensin y sobre todo por el dinamismo que puede reflejar dependiend o de donde lo situemos dentro del plano. Cuando vemos varios puntos dentro de una determinada composicin, por el principio de agrupa cin, podemos construir formas, contornos, tono o color (como las imgenes de semitonos creadas con tramas de puntos p ara su composicin). Caractersticas del punto:

La lnea:

- Tiene un gran poder de atraccin cuando se e ncuentra solo. - Puede producir sensacin de tensin cuando se aade otro punto y construyen un vector direccional. - Da lugar a la creacin de otros concep tos como el color cuando aparecen varios puntos en el mismo campo visual.

Sirve para conectar dos p untos en el espacio. Podemos definirla como la unin o aproximacin de varios puntos. Casi siempre genera dinamismo y definen direccionalmente la c omposicin en la que la insertemos. Su presencia crea tensin en el espacio dond e la ubiquemos y afecta a los diferentes e lementos que conviven con ella. Puede definirse tambin como un punto en movimiento o como la historia del movimiento de un punto, por lo cual tiene una enorme energa, nunca es esttica y es el elemento visual bsico del boceto. Adems la lnea separa planos, permitiendo crear diferentes niveles y volmenes. La lnea puede tener mltiples significados y distintas formas de expresiones, desde la conformacin de figuras a otros significados como accin, direccin, movimiento, estabilidad... dependiendo de sus distintos grosores o valores tambin variar su significado. Es uno de los eleme ntos grficos m s utilizados, ya que definen y delimitan las diferentes reas de nuestra composicin, adems d irige la direccin de lectura dentro de una composicin, haciendo que el espectador observe el lugar adecuado. Es un elemento indispensable en el espacio grfico, tanto para la materializacin y representacin de ideas, como para la notacin. Tiene, en el grafismo, la misma importancia que la letra en el texto. Los elementos de la lnea que con mayor facilidad podemos analizar y percibir son: el espesor, la longitud, la direccin con respecto a la pgina, la forma (recta o curva), el color y la cantidad. La constancia y la variabilidad afectan al conjunto de las dimensiones antes citadas , aunque tambin pueden referirse a la distincin entre la lnea continua y la lnea de puntos o a la naturaleza de los bordes (irregulares o lisos). Color y valores, forma y cantidad tambin son variables de uso del trazo.

P-7

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

El contorno.
Otra funcin de este elemento es, la de dar volumen a los objetos que dibujamos o creamos por medio de unin o aproximacin de lneas. La lnea e s el medio in dispensab le para visualiza r lo que no pued e verse o lo que slo existe en nuestra imaginacin. Mediante el dibujo en lnea representamos un objeto simblicamente eliminando toda la informacin superflua y dejando nicamente lo esencial. La lnea puede expresar cosas muy diferentes dependiendo de su carcter, puede ser ondulada y delicada, vacilante, inflexible, fra o sensual... expresando la intencionalidad de su autor o el momento personal de ste en el acto de ejecucin. Caracterst icas de la lnea :

- Contiene gran expresividad grfica y una fuerte energa. - Casi nunca es esttica. - Crea tensin en el espacio grfico que se encue ntre. - Se usa mucho para expresar la yuxtaposicin de dos tonos. - Por otro lado la lnea comunica movimiento, direccin e incluso estabilidad.

El contorno: Hablamos de contorno cuando el trazo de lnea se une en un mismo p unto. En la terminologa de las artes visuales s e dice que la lnea articula la c omplejidad d el contorno. Cuando la lnea cierra un determinado espacio se crea una tensin entre el espacio y sus lmites y es entonces cuando la lnea tiene un gran poder de atraccin. La caracterstica principal del contorno es que son estticos o dinmicos dep endiendo del uso que se les d o de las diferentes direcciones que ste adopte. Las formas ms gene rales del diseo provenientes de los principios bsicos de verticalidad, horizontalidad, centro e inclinacin, son el crculo, el rectngulo y el tringulo equiltero. Cada uno de ellos tiene su carcter especfico y se les atribuyen diferentes significados. Los contornos bsicos, por tanto, son estos tres: - 1. El crculo: Es una figura continuamente curvada cuyo permetro equidista en todos sus puntos del centro. Representa tanto el rea que abarca, c omo el movimiento de rotacin que lo produce. Este contorno tiene un gran valor simblico especialmente su centro. Y puede tener diferentes significaciones: proteccin, in estabilidad , totalidad, in finitud, calide z, cerrado... Su direccionalidad es la curva y su proyeccin tridimensional la esfera. Las modificaciones son el valo y el ovoide. -2. El cuadrado: Es una figura de cuatro lados con ngulos rectos exactamente iguales en sus esquinas y lados que tienen exactamente la misma longitud. Es una figura estable y de carcter permanente (aun cuando se modifica alargando o acortando sus lados). Se asocia a ideas de estabilidad, permanencia, torpeza, honestidad, rectitud, es mero y equilibrio. Su direccionalida d es la vertica l y horizontal y su proyeccin tridimensional, el cubo en el caso del cuadrado y el paraleleppedo en el caso del rectngulo. -3. El tringulo: Equiltero es una figura de tres lados cuyos ngulos y lados son todos iguales. Es tambin una figura estable, con tres puntos de apoyo, uno en cada vrtice, aunque no tan esttico como el cuadrad o. Su direccionalidad es la diagonal y su proyeccin tridimensional e l tetraedro. Puede tener un fuerte sentido de verticalidad siempre que lo representemos por la base. Se le asocian significados de accin, conflicto y tensin.

P-8

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

El contorno / La direccin.

Todos los contornos bsicos son fundamentales, figuras planas y simples que p ueden describirse y realizarse de forma fcil. A partir de estos contornos bsicos y mediante combinaciones y variaciones podemos construir todas las formas fsicas e imaginarias que se nos ocurran.

Dependiendo de com o coloquemos ciertas figuras podremos tener una sensacin u otra, por ejem plo, el tringulo y el cuadrado si los representamos apoyados en la base nos dar una sensacin de estabilidad y tambin de estatismo. Sin embargo, si lo representamos apoyado en uno de sus ngulos tendremos las sensacione s contrarias, inestabilidad y dinamismo. El tringulo es menos esttico q ue el cuadrado, ya que al tener cierta angularidad en s us lados que puede transmitir un movimiento ascendente o descendent e. Cada una de las formas tiene asociada una direccin visual, as el cuadrado y rectngulo llevan asociado la horizonta lidad y verticalid ad, el tringulo la horizonta lidad y direccin diagonal y el crculo la curva y la sensacin de rotacin. El dominio de la referencia horizontalvertical facilita la sensacin de equilibrio, al co ntrario del dom inio de la direccin diagonal que constituye la fuerza direcc ional ms inest able. La direccin: Cada uno de los contornos que hemos visto ante riormente expresan tres direcciones visuales bsicas con un fuerte significa do asociativo, as pues:

El cuadrado expresa la horizontal y la vertic al: que constituye la referencia primaria con respecto al equilibrio y bienestar tanto psicolgicamente para el hombre como para tod as aquellas cosas que se construyen. El tringulo la dia gonal: tambin hace referencia a la estabilidad, pero en sentido opuesto ya que la diagonal es la fuerza direccional ms inestable y provocadora. Su significacin es amenazador y subversivo. Y el crculo la c urva: Las fuerzas direccionales curvas tienen significados asociados al encuadramiento la repeticin y el ca lor.

El plano, la textura, escala, dimensin, movimiento y el color:

El plano: permite fragm entar y dividir el e spacio, de e sta forma podemos delimitar y clasificar las diferentes zonas de nuestra composicin. La textura: Consiste en la modificacin o var iacin de la sup erficie de los m ateriales utiliz ados, ya sea de una forma visual o tctil. Sirve frecuentemente para expresar visualmente las cualidades de otro sentido, el tacto. "Cuando hay una textura real, coexisten las cualidades tctiles y pticas, no como con el tono y el color que se unifican en un valor comparable y uniforme, sino por separado y especficamente, permitiendo una sensac in individual al ojo y a la mano, aunque proyectemos ambas sensaciones en un significado fuertemente asociativo" Dondis.

P-9

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com

Netdisseny
d i s e o i n d u s t r i a l

La textura / Escala / Dimensin...

El primer anlisis que realiza e l ojo en la perc epcin, que da reafirmado o contrastado a travs del tacto, que nos transmite otra informacin. La textura est relacionada con la composicin de una sus tancia a travs de variaciones diminutas en la superficie de l material. Con la luz, es el elementos clave en la percepcin del espacio por su capacidad para orientar la visin estereoscpica. Se produce mediante la repeticin de luces y sombras en un espacio grfico, motivos iguales o similares que se repiten en el soporte.

Con todo, la mayor parte de nuestra experiencia textural es p tica, no tctil. Mucho de lo que percibimos como textura est pintado, fotografiado, filmado... simulando una materia que realmente no est presente. Es un hecho que se da tambin en la naturaleza, ya que muchos animales adoptan o tienen aspecto de lo que les rodea para defenderse de los ene migos, se confunden con la textura de contexto.

Escala: Todos los elementos visuales tienen capa cidad para modificar y definirse unos a otros, esto es lo que denominamos escala. Lo veremos ms adelante. Dimensin: La dimensin existe en el mundo real. No slo podemos sentirla, sino verla a travs de la visin estereoscpica binocular. En las repres entaciones b idimensionales se simula med iante la tcnica de la perspectiva. La perspectiva utiliza la lnea y frmulas y reglas exactas para crear los efectos volumtricos e intentar representar la realidad. En la fotografa predomina la perspectiva. La lente tiene propiedades parecidas a las del ojo excepto en que ste tiene una visin perifrica mucho ms amplia y que la c mara intenta emular a travs de los objetivoso de las lentes de ojo de pez.

El movimiento: Es uno de los elementos visuales que implica y dota de ms fuerza. Realmente solo est implcito en cierto elementos, aunque existen tcnicas capaces de engaar el ojo. La impresin de movimiento en aquellas expresiones visuales estticas es ms difcil de conseguir, pero termina derivando de nuestra experiencia de movimiento de la realidad. El fenmeno fisiolgico de la "persistencia de la visin" nos permite que vea mos movimiento donde no lo hay. El cine se basa en este fenmeno y consigue, a travs de diferentes imgenes estticas con sutiles diferencias y en intervalos de tiempo apropiados (28 imgenes p or segundo), la ilusin o efecto de movimiento. En el proceso de la visin no existe dem asiado descanso, el ojo escudria constanteme nte todo lo que se le pone ante l y observa caractersticas como las tensiones y ritmos compositivos sacando conclusiones de "movimiento".

El color: Es uno de los elementos fundamentales y ms evidentes del diseo y el que puede imprimir ms carcter y dinamismo a los elementos que se aplica.

Como es un elemento amplio y complejo, necesita un apartad o diferente que tocaremos en el siguiente tema.

P-10

C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa) netdisseny@netdisseny.com www.netdisseny.com