Composición by Anselmo Sevilla

Composici贸n onse vullum ver in vero commodiat,Ip elis dit vel ulla facilit inim ea facipit, cortio odolobor iure dolummodipit ullan henibh el ip enim zzrit dolessecte exeros ero dolore tie faccum in henismod exer sit amcommy nonse ver sequam dolessenit non henim ipit utat ea con ea faci tet, quat praestrud ming euguero digniscilit lor aut ip euipit acincinim nulla feum nonse ex estrud et irilisl irillum zzrillan hent nulput la conse vullum ver in vero commodiat, veniatis erci blam, quam dolore tat. Lit, consendreet aut prat. Equisi blam nismodip ex essequi tis nonseq

Alfredo L贸pez Guede

Composición

cada una de su autor

DIGICROMO S.L. Escrito en Sevilla (ESPAÑA) en Diciembre de 2008

Composición

Composición Índice Gerenalidades Proporción / Espacio / Márgenes Retícula base Esqueleto / Estructura interna Portadas / Carteles Ejemplos web

Composición

GENERALIDADES

n Diseño gráfico, hablar de normas, reglas o formas de trabajar correctas e incorrectas es bastante delicado, difícil, y discutible. Por razones obvias, se trata de algo subjetivo, lo que para uno es bueno, para otro es mediocre. Una de las normas precisamente es que se pueden y a veces se deben romper dichas normas, simplemente como elemento de vanguardia o protesta, típico de la juventud, y rebeldía intrínseca a cualquier actividad que pretenda ser creativa. De todas formas, antes de transguedir las reglas, hay que conocerlas, aunque una vez más, esto sea muy relativo, dependiendo del autor o persona que nos las transmita serán unas u otras, o tratadas de manera distinta. Hay personas que han estudiado mucha teoría sobre diseño, estética, composición, etc. Otras que se han limitado a trabajar sin más con los progamas intentando hacerlo lo mejor posible. Otras tambien se han preocupado e interesado en observar obras de calidad para aprender e inspirarse. Algunos tambien cuando pasean, observan las plantas, las formas, las luces, las hojas...

Composición

Tambien está bien fijarse en los envases de los productos, los carteles de las calles1, las vallas publicitarias, los anuncios de la tele, etc.. La mejor forma de llegar a ser buen diseñador/a es una mezcla de todo eso, quiza el estudiar un poco de teoría como la impartida en este texto no sea necesario, pero seguro que hará bien a todo aquel o aquella que se quiera iniciar en esto del Diseño Gráfico. Estoy convencido que ahorrarás disgustos y problemas con algunos clientes más exigentes, y te facilitará dirección y seguridad a la hora de encauzar un proyecto nuevo. Lo más importante es que mientras más entusiasmo pongas en tu trabajo, más alegrias te devolverá. Tengo comprobado que mis mejores alumnos son los que más disfrutan con su trabajo. 1 En esto de mirar los carteles depende un poco tambien donde vivas. Donde yo vivo, en Sevilla, gran ciudad, desgraciadamente, en esto del diseño va un poco atrasada. Lo noté sobre todo al viajar a ciudades como Londres, Paris o Barcelona. En Andalucía no se alcanza todavía una profesionalidad en muchos productos impresos. Hay mucho intrusismo, de jóvenes que no tienen mucha experiencia ni gusto estético, pero resultan baratos. Muchas empresas van directamente a encargar a imprenta sus trabajos sin pasar por una agencia de publicidad o un diseñador profesional, y en las imprentas por lo menos aquí, no suelen contratar buenos diseñadores. El resultado, casi ningún cartel es bueno. Si vas por el metro de Londres, casi ningún cartel es malo.

Composición

Es una suerte tener un trabajo creativo, y dá gusto ver tus trabajos publicados, sobre todo al principio (luego ya te vas acostumbrando) Hay muchas personas como yo que se aburririan en un trabajo rutinario, o que no nos hiciera sentirnos realizados. Si tienes la suerte de ser una persona creativa, aprovecha esa virtud y haz de eso tu trabajo. Son muchas horas en la vida trabajando como para que lo hagamos a disgusto. Es bueno que eduques tu vista hacia el buen gusto, para ello debes saber distinguir lo bueno de lo mano. Se aprende mucho viendo trabajos bien realizados. Por ejemplo, puedes buscar en Internet portales donde listan paginas web bien diseñadas, como www.webcreme.com También hay buenos libros de diseños de calidad, aunque suelen ser caros y con esto de internet se venden menos que antes. En cualquier caso no debes copiar o plagiar, atenta contra tu dignidad y contra los demas diseñadores pues estas haciendo trampa.

Composición

Proporción / Espacio / Márgenes Una de las cosas importantes en el diseño es la distribución de los elementos en el espacio. Es muy importante no ahogar la composición, apretando mucho los elementos, sin dejar que respiren. La vista debe descansar, el diseño necesita aire, igual que las personas necesitamos respirar y la música requiere los silencios. Cuando una página o cartel se nos presenta dificil de leer, con los elementos demasiado apretados, la mayoría de las veces rehusamos leerlo con lo cual no están cumpliendo su función. El diseñador debe ponerse al servicio de lo que se intenta comunicar, no al revés, cuando se pretende hacer un alarde de piruetas para vender al diseñador en vez del producto. Por lo tanto es mejor la mayoría de las veces disponer de menos elementos, que nos permitan disfrutar de más espacio. En diseño funciona la máxima: “MENOS ES MAS” Esto es aplicable a casi todos los aspectos del diseño como el al número de colores, tipos de letras, elementos usados,etc

Composición

Es muy aconsejable mantener el mínimo número de elementos posibles para mantener uniformidad. Uno de estos elementos son las proporciones. Mantener una proporción fija como base de todas las divisiones del espacio es una buena idea. Esto hace al diseño mantener una consistencia que da más margen posterior al caos (si es que queremos crearlo) Mientras más reprimamos en un sentido, más aire dejamos por otro lado. Si distribuimos el espacio a lo loco, estamos ya introduciendo demasiados elementos arbitrarios, sin ningún ritmo ni cohesión interna. Aunque esto parezca que a lo mejor muchos no se darán cuenta o no percibirán mucha diferencia, subconcientemente la gente aprecia cuando algo tiene una apariencia más profesional. Que es esto de utilizar una proporción fija? Una proporción es una manera de dividir un espacio, una linea, un número... Se suele representar por una fracción, o el resultado de dicha fracción. Algunos son números primos, con carácteristicas sorprendentes como Pi o Phi. Este último, Phi es el que más se a utilizado, por el hombre y la naturaleza. Tanto que se le ha llamado “proporción aurea” “proporción divina” “sección aurea” “número sagrado” etc...

Composición

Tiene unas propiedades matemáticas supercuriosas, la naturaleza lo utiliza constantemente, por ejemplo en las proporciones de las partes del cuerpo en muchas especies, en la relación zánganos/abejas de todos los panales, la formación y disposición de flores y plantas, en el dibujo de cuerpos geometricos básicos como el pentágono, etc etc, para llenar libros, de hecho los ahi (El número Phi, el número mágico). Al descubrir el hombre su uso en la naturaleza, le confirió caracter divino, y empezó a usarlo en arquitectura y en las artes. Parece ser que es una proporción agradable a la vista. Por sus cualidades no es de esperar menos de él. Dado un segmento a y otro más pequeño b, la proporción entre a y b es igual que la proporción entre a y a+b Dicho de otro modo si dividimos un segmento en sección aurea, la proporción entre los segmentos resultantes es igual a la proporción entre el lado mayor y el total. Se puede dibujar de varias maneras. una de ellas es la siguiente:

Levantamos un triángulo de lado la mitad que de ancho como el de la imagen

Composición

Trazamos una circunferencia con centro en el vértice superior derecho y radio igual al cateto menor

Trazamos una otra circunferencia con centro en el vértice inferior izquierdo y radio tal como se ve en la imagen

b Y ya tenemos las dos secciones a y b

a/b =(a+b)/a

Otra forma de dibujarlo, incluso m’as f’acil *Euclides

Composición

Al margen de que su uso pueda resultar más agradable a la vista, lo que si es seguro que definir las proporciones o espacios dentro de una página o espacio de trabajo dado una regla fija, hace que nuestro diseño empieze ya con un buen criterio de uniformidad y un sentido estructural inherente. Si te fijas, la naturaleza, normalmente es bella, pareze que está ahí sin nigún criterio, y sin embargo, si profundizas un poco, te daras cuenta que sigue un sentido lógico y matemático de crecimiento, obviamente con un punto de albedrío, sinó parecería frio y artificial. Las plantas siguen un patrón de crecimiento llamado filotasis ya estudiado por Leonardo da Vinci, que tiene mucho que ver con el numero aureo. Esto nos hace ver la importancia de un patrón interno en cuanto a la estética. Rara vez no me sorprenden hasta las “malas yerbas” cuando voy paseando y me fijo en las plantas. (Costumbre que os aconsejo) No siempre tiene que ser la proporción aurea si elegis una proporción para dividir el espacio, puede ser otra como 1/3, 1/2 etc. Tampoco quiere decir que debais hacerlo siempre así. Cuando se tiene bien educado el ojo, se puede dividir el espacio

La distancia entre las falanges sigue la proporción aurea

Composición

de manera agradable de una manera intuitiva, y no hace falta utilizar dichas reglas. De hecho hay mucha gente que nunca las utiliza. Si estas empezando, te recomiendo que lo practiques, hagas composiciones usándolo y sin usarlo y contrasta las diferencias. como lo hago? Elige un tamaño de página también con la proporción que vayas a usar. Phi es igual a 1,618 etc. Entonces si quieres una página vertical, por ejemplo de 20 cm de ancho, pues multiplicas 20 x 1,618 y ya tienes el alto. Una vez hecho esto haz divisiones verticales y horizontales, siguiendo esta misma proporción. Lo puedes hacer con parámetros (y una calculadora), o visualmente (más fácil para la mayoría). Este último método es bien sencillo, consiste en tener una especie de regla u objeto que ya contenga esa relación, por ejemplo, un cuadrado de 100 x 100 y un rectángulo de 161,8 x 100 juntos y bien alineados, e ir escalándolo sin perder la proporción (tecla mayúscula)

Composición

espacio Es fundamental que cada elemento, ya sea imagen o texto tenga su propio espacio, o sea que alrededor de el no haya elementos a una cierta distancia. Dicha distancia debe ser proporcional a la importancia del objeto, si no, cosas importantes pueden quedar perdidas por la imágen. En la imagen corporativa de las empresas suele especificarse la distancia mínima del logotipo al resto de los objetos. Si estamos distribuyendo imágenes, formas o texto, se debe utilizar un espacio uniforme entre ellos, para ello, los programas nos brindan la herramienta Alinear que nos permite distribuir espacios uniformemente

espacios no uniformes

Composición

márgenes Al comenzar una maquetación, se establecen los márgenes de la caja principal. Estos márgenes sirven para mantener una apariencia uniforme en la publicación, si cada página tuviera márgenes distintos sería un poco caótico. De todas formas, una publicación puede tener varias secciones distintas que se pueden personalizar en distintas páginas maestras margen superior margen exterior margen interior margen inferior Esto no significa que esas guías no se puedan sobrepasar, de hecho podemos poner imágenes o incluso texto más alla de esos márgenes, pero se suele hacer de una manera excepcional, para llamar la atención, para la numeración de página, alguna foto a sangre que se quiera aprovechar al máximo su tamaño, etc.

Se dice que halgo va a sangre cuando llega hasta el borde de la página, sin ningun espacio, en ese caso se debe sobrepasar la mesa de trabajo unos 3 mm para evitar filos blancos, ya que hay un margen de error en el proceso productivo

Composición

Retícula base La reticula es una estructura interna que permite distribuir los objetos de una manera ordenada y uniforme dentro de una publicación. Es la división de un espacio en una especie de casillas, que limitan la colocación de elementos como imágenes o texto a dichas casillas, con la posibilidad de ocupar más de una. Esta herramienta puede servir para distintos tipos de trabajo: Un catálogo, revista, trítico, períodico etc. Otra utilidad importante por ejemplo es para una empresa que edite varios folletos de productos distintos y quiera mantener una uniformidad entre ellos. Tambien nos puede servir para maquetar páginas web. Estas casillas pueden estar separadas por un espacio concreto, tambien llamado “calle” o simplemente estar unidas. Tambien podemos jugar con el tamaño y proporción de las casillas, pueden ser cuadrados, rectángulos o incluso tener otras formas. Aqui es donde entra en juego la creatividad del diseñador y no se debe poner un freno o norma estricta. Lo que si es importante es que una vez creada la retícula y definir las restricciones, estas no deben ser ignoradas. A continuación mostramos ejemplos de utilización de retícula.

Composici贸n

Ip elis dit vel ulla facilit inim ea facipit, cortio odolobor iure dolummodipit ullan henibh el ip enim zzrit dolessecte exeros ero dolore tie faccum in henismod exer sit amcommy nonse ver sequam dolessenit non henim ipit utat ea con ea faci tet, quat praestrud

onse vullum ver in vero commodiat,Ip elis dit vel ulla facilit inim ea facipit, cortio odolobor iure dolummodipit ullan henibh el ip enim zzrit dolessecte exeros ero dolore tie faccum in henismod exer sit amcommy nonse ver sequam dolessenit non henim ipit utat ea con onse vullum ver in vero commodiat,Ip elis dit vel ulla facilit inim ea facipit, cortio odolobor iure dolummodipit ullan henibh el ip enim zzrit dolessecte exeros ero dolore tie faccum in henismod exer sit amcommy nonse ver sequam dolessenit non henim ipit utat ea con ea faci tet, quat praestrud ming euguero digniscilit lor aut ip euipit acincinim nulla feum nonse ex estrud et irilisl irillum zzrillan hent nulput la conse vullum ver in vero commodiat, veniatis erci blam, quam dolore tat. Lit, consendreet aut prat. Equisi blam nismodip ex essequi tis nonseq

Composici贸n

Composición

Esqueleto / Estructura interna Lo más importante en la composición es que haya una estructura interna. Sea cual sea, por lo menos que haya un orden, un criterio, en el fondo de todo. Ya hemos visto antes, que para publicaciones con texto e imágenes, de tipo comercial o editorial, viene bien la rejilla base como hemos visto antes. Sin embargo para trabajos más artísticos, tipo carteles, portadas de discos, juegos o libros, anuncios, etc viene mejor utilizar simplemente una forma simple, ya sea un trazo, una curva, una forma geométrica básica o una combinación de ellas. La mejor forma de buscarlas y empezar a crear es usando simplemente papel y lápiz. Hay diseñadores que directamente trabajan en el ordenador, despreciando cualquier técnica manual. Poco a poco van perdiendo la capacidad creativa que todos tenemos al nacer. Con papel y lápiz (u otros materiales similares) se pueben crear muchos bocetos en muy poco tiempo, conectando directamente nuestro cerebro y sentimientos con un resultado rápido y fresco, sin artilugios de por medio. Pongamos algunos ejemplos:

Composici贸n

Ejemplos de webs con composici贸n atractiva (sacados de webcreme.com)

Composici贸n

Ejemplos de webs con composici贸n atractiva (sacados de webcreme.com)

Composici贸n

Ejemplos de webs con composici贸n atractiva (sacados de webcreme.com)