veinte reglas para un buen diseno JUAN CARLOS GODOY, DOCENTE MERCADEO & PUBLICIDAD UDES / Edicién 2010Introduccién Cuando la gente habla de un “buen" o “mal” disefio, regularmente se refiere a nociones de calidad asumidas a partir de la experiencia y la educacién que han tenido, asi como también de las cualidades definidas por criticos y profesionales del disefio que con anterioridad han definido estas fronteras. Muchas veces estas nociones son estéticas “Ia simetria es mejor que la asimetria’ por ejemplo, 0 “una fuente neutral es todo lo que se necesita’, en general estos preceptos anidados en nuestra mente delimitan las posibilidades cuando nuestra creatividad se bloquea y nos sentimos atrapados bajo las dificultades que representa trabajar bajo estas limitaciones. muchas veces acudimos a nombrar dichas presunciones que constituyen la calidad de un disefio, para estos disefiadores ellema deeste texto es “superalas limitaciones’. Las leyes existen y por supuesto son guias basadas en experiencia acumulada por muchas fuentes, también sabemos que dichas reglas vienen cargadas de excepciones y que pueden romperse. una de las consecuencias de romper una regla puede ser la de reforzar otra, esto puede generar unainnovacién ya veces dicha innovacién puede conllevar a crear una nueva regla, estaes una de las maneras en que trabaja la creatividad. Poder determinar qué reglas son consideradas y porqué define el cémo romperlas y que lo que ocurra infortunada e inesperadamente esté fuera de nuestra ignorancia, Lo relativo es grandioso, nada mas aburrido que asumir que todo lo que se haga esté siempre “bien”, es decir, todo es susceptible a ser juzgado, sin embargo, estos juicios si no son puestos en funcién a ciertas leyes caen en una mediocridad argumentada, establecer un equilibrio es lomejor, asi dicho equilibrio esté fundamentado en la personalidad o la intuicion del disefiador o a algunas leyes prescritas. Por cierto ninguna ley debe asumirse como “Universal”, todas estas 20 leyes que se muestran aqui son susceptibles de ser revocadas, estas leyes son solo un punto de partida, una lista de excepcionales ideas a considerar cuando se disefia, al final, usted decide cémo y con qué criterio las aplica ono, dependiendo del resultado final que de el disefio definitivo. las reglas pueden romperse, pero nunca ignorarse David Jury, Tipégrafo y escritorTenga un Concepto Sino existe un mensaje, una historia, una idea, una narrativa, o ninguna experiencia ha de ser hallada en un disefio, no importa que tan sofisticado y ‘descrestante” sea el anuncio grafico, sin un mensaje claro solo hay una Concha bonita sin una pera adentro, Libros en bolsas plasticas con ierres del tipo usado para recolectar evidencias es una idea muy buena para empacar novelas de detectives, los libros en si mismos se convierten en artefactos criminalisticos, Toms Ceano, CanadéRe ed cere es ee eas Neen Sod Cerna Cee a) CeCe COM CurT oes Pree ea torts Ce eed en donde la memoria de los pene ecu iter ee nd Communications, Estados Uniios Comunique, no decoreEl uso consistente del logo, la tipogratia y los colores corporativos fea una presencia unificada y ‘apropiada al manejo adecuado de un negocio, elementos que sean facilmente identificados sobre los competidores son acciones enfocadas a una verdadera gerencia de marca. Elempios de identidad coporatva Agencia 180 Bucaramanga Colombia, Hable con ICOM LITT lenguaje visual Haga que todos los elementos se “hablen’ entre si, tome todo el conjun Cee erm ee Ceo are ete ocr yhagasela siguiente pregunta de verdad el todo y las partes concuerd CnC Reaver teak eect tier ett e ica erst eee eee eee rc Mu Melee ut eRe imc) conjunto general en donde dicho conjunto se refuerza, se reinterpreta a en Re Rot RC aoe eae ion Ce ee a CR Re Re Mt ecu eee Cuma ieee ee Poeelecl sicJse solo dos LOTR CCew LLCO TKN esta bien, maximo 3 Escoja tipos de fuentes tipograficas para requerimientos especificos. En Cen eR eR met eee tren oa Oe RoR OR eR CN Re) eae cnc na cece rr) Rec eu Recourse Ue Ree ema oe ee ey eee aang Cee cca ete ented eee ur Mon Me oR esc eed Mee Cee ene ae PIM Cea) aa oho ES UN EEN LEAD C480 cucna? AMVEL MERCIAL REALADO GN Geant ns wosra TaGN OF CHER . ‘vos calc coma ams asnos, SISIADORS, ENTS AIORSULE, TATUADORES TEKTRO, ARDUITECTOS, ANZA, FOTOGRAFOS ¥ COLECTIVOS DE ARTE CONVOCATORIA Pecnbetcne scagcna-con LADO TE EMER MAS INFO SOBRE PK FLICKR COW/PEDHAKUGHA,8GA PECHAKUCHA BGA@GMAL COM PECHA-KUCHA.ORGICITIES/BUCARAMANGAaplique el golpe del uno-dos Enfoquese en fijarla atencién inicial del usuario en un elemento principal que después se leera el resto, una vez se capture a la audiencia con una forma preponderante lo demas vendré por afiadidura, un tratamiento dramatico de una fuente, un color atrevido, un objeto de mayor tamajfio, pueden generar este comportamiento. Los mensajes poseen una jerarquia en cuanto ala informacion se refiere, esta jerarquia se refiere al modo de como queremos que el usuario lea el mensaje que estamos comunicando Recuerde que es usted quien define cémo el usuario accede a la informacién, y es el usuario quien requiere de ella, también somos responsables de permitir recordar dichos mensajes posteriormente, si no existe algo en que enfocarse de entrada ya estamos perdiendo terreno en esté proposito. Una secuencia visual en el uso de tipografias, lineas visuales y una lectura jerarquica, determinan el disefio de este afiche, un elemento central llama la atencion primaria mientras los demas elementos aportan informacién relevante. Diseto: Rudy Meir FranciaATC FUN) Cen con un propésito ST role CMe eee Ue eco See Mean nc A Reece easy eh ieculertet ent nner (cute eo ae ec eR Rie ete elec ee SR urea oe! Are eee UR Ue Cee et ee tae Ren ie ee | cea Coen Nc RCN eee Rn cn OR Renee eee cate conexiones dentro de los elementos dispares (a veces llamados cédigos de color), eet ree eeu ee CCT Asumir que cierto o determinado color corresponde a un tema es un error, clichés como que el azul es el color de los negocios es una practica en desuso de los ee Wee eee ee cele mee aa et El color rojo usado en varias eae ney Pee ay Cees ae) Peace eae Ic) Pee Me sete) elevar elestatus del producto. ReeEl control exquisito de los elementos minimos alineaciones y espacios vacios alrededor y en medio de todo crea un disefio casi arquitecténico activo y tridimensional, todo lo necesario para un catalogo para una empresa de arquitectura. LSD Espata hacerlo con menos, entonces iadelante! Uno de los presupuestos del disefio modemo ha sido el super utilizado lema de “menos es mas”, un dogma estético basado en el sentido comtin, entre mas cosas metamos en un espacio determinado mas sera dificil encontrar el significado que dicho anuncio pretende significar. Cualquiera puede saturar un espacio con una cantidad de elementos y pretender armar una “compleja pieza de arte", sin embargo hay una enorme diferencia entre algo “complejo” y algo “complicado” i puede El verdadero arte radica en la arménica convergencia entre la clarividencia y la creatividad aplicadas a lo mas pequefio. pensemos por un momento en una calle llena de basura desperdigada, no sera mejor limpiar y caminar por un sendero despejado en donde podamos referenciar los sitios por los cuales pasamos ?. No hay que dar mas significado a algo que ya esta bien dicho, si el mensaje ya esta claro no es necesario saturario, asi el anuncio sea esté tan sencillo que raye nuestro deseo de “llenar los espacios” ey gipuzkoarrakekiko Bettina te) Crea eu de Adegi Pe ees PreteMuchas veces se ha dicho que el espacio vacio a veces llamado blanco (asi a veces no sea blanco ese espacio), es mas importante que lo que contiene, esto es abrumadoramente cierto ya que @s este espacio el que llama la atencién sobre el contenido, separando sus partes entre si y le danal ojo “sitios” para descansar. Este espacio se vuelve como una forma con el cual hay que lidiar en una composicion de formas en positivo, ya sea con las imagenes, las fotografias y eltexto. ° ° 2 iel ESPACLO VACIO cuando no se mancia bien et espacio vacio ste se desconecta del resto de los componentes, si el espacio se llena totalmente, el resultado es una es migico ! Baontedol ssp vedosaberegeyomtados la audiencia la cual se desinteresa con facilidad. hay que crearlo no Hlenarlo juaahaa iff cinacien Rod Cross a @REDCROSSTALKS % innova’ (CALL NOW: on 450-2608, wiz - Diferentes ejemplos en donde sedaimportanciaal espacio vacio, LSD EsparaTrate el texto como imagen, es un elemento de igual importancia Un comentario equivocado reciente sobre la tipografia es el de que ésta falla casi siempre en su propésito de comunicar, o el texto se separa de las fotografias en el modelo estratégico conocido como * Encabezado - Figura - Cuerpo (copy)’ utilizado en innumerables disefios los ultimos 60 ajios, o insensiblemente se pone sobre las imagenes, también se estila el uso de peculiares tipografias de gran tamafio sobrepuestas sobre las fotos tratando de integrarlas a la fuerza, pero ya es hora de damos cuenta de estos errores, el texto, la tipografia, las letras son elementos visuales elaboradas y conformadas por lineas y puntos, texturasy formas, que necesitan relacionar todos los elementos en una sola composicién en donde todo se integre en el disefio no importa cuales diferencias se hallen endichos elementos constitutivos. dited by, Lena Tabori & Hiro Clark Wakabayashi Desigied! by Timothy Shaner 4 En este disefio se aprecia la importancia que se le da al texto asumiendo protagonismo dentro de welcome Tacomposicion, BOOKS ‘The Little Big Book for Dads: ie aes aSect recRet a eRe tN on Med ls Al ett a ta ute eer teem ek toro Nee ene teeta eu CM er eeu eee ct eee esi em Reset eee ema ne Wace tem ao Beene Oe Neat RN sec iC it cnet een tic ay referencial tal o cual cultura popular que refleje el espiritu de la época. De cualquier forma, ésta debe eae eee cee tee ieee Md Coser een ie tie Cees alee Neste) Se eee meted eeienreanan ects Poneto) Portepearermneroatets toad ocean eaar tie iantoed pepe alt pd BIAS ATU a ea SLINKY, SOPHISTICATED’ La combinacién de textos y la cantidad de informacién de este anuncio permite eeu E eee een tet Tesi CcHablarse a uno mismo es dominar la mas pura expresién del arte, ser universal es el dominio del disefiador, es una gran audiencia la que debe comprender qué significan las formas, los colores y las imagenes que usted escogié, el disefio visual puede tener que configurar un “pequefio reto”como lo que seria orientar a un piiblico a que asista a un festival de cine, 0 un gran reto el que seria darle la informacion a mucha gente para salir de un edificio en llamas. Siempre hay que priorizar la Claridad del mensaje, una de la peores cosas que pueden pasar, por ejemplo, es que mucha gente crea que el afiche del festival es muy “bacano” pero después de verlo no se acuerden por ejemplo, qué evento era el que promocionaba, es entonces cuando el cliente del festival nos pide que hagamos otro o seleccione otro disefiador o agencia; O que los colores de bajo contraste no sea vean en un ambiente Ileno de humo y un montén de gente atestada en la puerta tratando de salir del incendio. Acudir a imagenes dasicas y a un alto contraste es un ejemplo claro de ser universal faciimente comprendemos cual es |a naturaleza y el propésito tematico que el disefio The Hound of the Baskervil aaa oti Re AN lhe ly SPs proponey comunica. Revista Reyan Concer HalCUT GRAEME MURPHY SYDANCEY Senate Cada espacio de este afiche tiene tamatios diferentes, cada elemento se relaciona univocamente con otros, algunas zonas son densas y lineares mientras que otras son abiertas y redondeadas, los angulos se yuxtaponen con curvas en grandes. y pequefias masas, el resultado es una secuencia de contrastes visuales que atrapan el ojo comprimiendo y extendiendolo todo. ‘Ache dola Compatia de Danza de Sydney Frost DesignAustrala THE DIRECTOR'S Y 12 Contraiga y separe Crear contrastes entre la densidad y el ritmo visual juntando algunos elementos y separando otros. Inserte ritmo sobre todo, dé a los espacios que estan en medio de los elementos un pulso, un soplo de vida, por supuesto existen disefios en donde todos los espacios deben ser regulares, sin embargo, como regla general, nada mata una idea mas rapido que una composicién sin tensiones, sin "Contrastes’,Las suaves transiciones entre el profundo azul y el negro en este nuncio, la tipografia blanca y la organizacién de los elementos pero Principalmente los valores tonales y sus transiciones hacen de esta pieza un ejemplo de como expresar este concepto. Paone Design Associates Estados Unidos Dejémonos sugestionar por un momento por el mundo de la fotografia, entendamos que existe un amplio rango de valores tonales, Ansel Adams afirmaba que una foto no estaba completa sin por lo menos 9 zonas tonales, en efecto, en disefo no necesitamos desplegar tantas tonalidades, hay que concentrar zonas con extrema luz y oscuridad en lugares separados, creando explosiones de luminosidad y profundidad sobre las zonas oscuras, facilitando esta comunicacién mediante conectores tonales intermedios creando transiciones, pero sobretodo diferenciando lo clarode Distribuya luz y oscuridad 13En este anuncio se siente la seguridad y la libertad con la que el publicista otorga a un elemento artesanal_ las cualidades de un entorno natural referido a algo onirico y casi irreal, pero cargado de originalidad e impacto. Cartel para los Jardines de Barcelona Tome decisiones y hagalo EB nos vole stfanlins con Uno de los grandes retos a la hora de disefiar un anuncio es el de entender las diferencias entre los elementos, conozca y entienda de © 4s qué trata o qué sugiere tal o cual elemento que va a configurar la objetive dompootiony eon fess n ast cafe en simtn elhora eo Unc! = los elementos, determine las distancias y los colores con seguridad, proyectar seguridad es tan importante ya que a la hora de que potros lean el anuncio sientan la misma seguridad y confianza con la que se ejecuté el disefio, esta sensacién le da credibilidad a la pieza publicitariaEn este ejemplo seria absurdo acudir a las reglas milimetricas para determinar el orden de los elementos, estas decisiones son muy personales y dependen de la experiencia y el impacto deseado. GrophicAristAlexBetochi Mida con los ojos el diseno es visual Un objeto debe mostrarse tal cual es, es decir, los ojos son facilmente atrapados engafiados por los estimulos visuales, lo que comunmente llamamos la ilusién dptica, hace que se pueda perder la nocién de la realidad, por ejemplo, las lineas horizontales tienden a verse torcidas a menos que las ubiquemos cerca de la parte superior del formato, los circulos asi tengan las mismas dimensiones de un cuadrado tienden a verse mas pequerios, de tal forma que debemos agrandarios un poquito para compensar este efecto, pongase en el lugar del espectadory vigile bien los tamafios “visuales", no matematicos de los elementos, preguntarse por ejemplo si las formas tocan 0 no el formato, si los objetos estén alineados entre si, etc, es decir, “cuadre” el disef solamente con regla y escuadra sino también con el “ojimetro” éste ultimo da la seguridad de que visualmente todo esta organizado y en orden.erzyppl ‘rathnsomagn uw cu Co Re MI eee eC Ne Re cd veces podemos recurrira una ilustracion y darle un giro a una campafia oun propésito comercial eisrsety ene ay tee) Sea original no aplique “formulas” Pee ae me UR tee Rr) entonces delegue el trabajo a un creativooa un disefiador, pero notrate Coo Dae Cue caer marc iC MMM comely Puneet eter te hea meatal eric Oe Cn Re ea Re ie as et nee Tee eee et ee ers Cree Ca eu Met eR oes CR Ta) Cone Rn UE mu ne MCU Mean mt Murs Oe a rena ae Cee ess)Conservatoire National Supérieur d’Art Dramatique Atelier Danse’ de’s® année dirigd pat Caroline Marcadé Un Bal/BlancNacré Meércredi12 €pjetdi 13,avtil’2006, @A9K30, Este famoso afiche se atione a demostrar que con solo lineas de color se puede configurar un disefio de alta factura y poder visual, ni es fotografico ni ilustrativo, no es técnicamente complejo, no se vé digital, es muy simétrico y convergen en el energia_y movimiento Spticos, lo cual le imprime alto poder. ‘Apelog Design Francia ey ee Fasnug DERE Es normal “pegarse” a lo que esté de moda, ocurre con frecuencia que nuestros mismo clientes tratan de que hagamos eso 0 aquello que se vé en muchas vitrinas 0 que tal 0 cual voluta 0 arabesco se impone y casi que toda una ciudad termina copiando el estilo una y otra vez hasta el cansancio, si pensamos en nosotros mismos como profesionales entenderemos que una de las cosas mas reconfortantes es el realizar piezas publicitarias que pasen a la historia, esa que evocan el disefio basico, las formas clésicas, 0 los disefios sobresalientes que rompen todos los esquemas. \7 Olvidese de lo que esta de moda, ies en serio!stead eM comer Re CO) Cee eaten Ue) es aburrido y sin vida, que tal esto crue moe Eee aaa Mae) tridimensionalidad y movimiento a Meee ceca eee cu coe Cee mre eileen cs Sec Om umes eu a Ome acu mum ed eee sects ecu Ree a eR PRE CRaC ee tae insertarle efectos de movimiento a una pieza es captar su atencién CPraceinc) Ubicando letras en posiciones Pee ees Rese a wa ui Ce a ue Sg ee ee en tg Peer eee actives y dualidad de fondo y Ses Muévase _ i ieneeca) es aburridoRevise la historia pero no la copie EI disefio del pasado queda en el pasado, tratar de copiar una idea o disefio del pasado es un error, los disefios y los estilos marcan épocas, las estrategias y los preceptos estético cambian a través de los afios, no quiere esto decir que no podamos emular una ‘época haciendo por ejemplo algo “vintage”, pero si tratar de copiar un aviso publicitario del pasado es una equivocacién, sentirse atraido por una vieja idea esta bien, pero siempre debemos insertarle nuestra creatividad yoriginalidad En este anuncio se plasmé con originalidad el sentido y estilo del ‘movimiento futurista sin caer en el uso de los rasgos caracteristicos del estilo artistico, otorgandole al texto un cardcler nuevo y muy suelto, ‘Marek Okon CanadaEs innegable que la simetria ocurre en la naturaleza, basta con vernos a nosotros mismos para encontrar rasgos que se repiten y se asocian a un centro, los disefios simétricos si bien organizan sistematicamente los elementos, también construyen conjuntos aburridos y de poco movimiento, una composicién simétrica en la cual insertamos elementos asimétricos da la sensacién de incomodidad y desorganiza todo el Conjunto, si tenemos en cuenta que la mayoria de las veces nuestros elementos constitutivos son disimiles entre si, entenderemos el porqué la asimetria le da al disefio un nuevo enfoque, una libertad que una estructura rigida le quitaria, un disefio super simétrico da la sensacién de pobreza y perezaenla ejecucién La simetria es el ltimo mal Aqui cada letra posee su propio tamano y su propia expresion, las formas se exageran y se salen de! formato dando una sensacién de libertad apropiada para el anuncio, tefleja algo inesperado y violento. ‘Studio International CroatiaSee ee a Rent eR Rar eR OR ea Peer tec ici en Cun OR ie paras iat ea Ea eS ee OR ee ee Coed CO eeu cies Teco