Noviembre 2014Edicin .1 Num .1

El 2013 ya forma parte del pasado y este 2014 hay que hacer que empiece con todo

INVENTIVA

SUMARIOCONTENIDO DEL MES

Pgina

CREDITOSDireccion GeneralAlba Lucia Rojas

FotografiaJesus PerezJavier Ramirez

DiagramacinClara BetancurMaria JoseDiseoCamilo Suarez

EditorialKZB.ltd

4

5

10

18

20

21

Desde pequea supe que el dibujo era lo que que-ra hacer pero cuando descubr que a la ilustracin le poda dar una historia, darle un carcter a mis personajes, ponerlos a reaccionar ante situaciones, poder disear imgenes con ritmos musicales, ya no fue suficiente para mi la ilustracion o el diseo de-sarrollar la imagen en el tiempo se volvio una nece-sidad de expresin.

Alba Lucia RojasDirectora General de INVENTIVA

ALGO DE MI

Me inspira Sylvain Chomet (Les Triplettes de Belle-ville) por la expresividad de su lnea y su trabajo obsesivo y minucioso, Hayao Miyazaki por su capa-cidad de inventar nuevos mundos, Brad Bird por su manera de contar historias, Michael Areas por su obra maestra Tekkonkinkreet, la visin futurista y

apocalptica de algunas pelculas de anime japone-sas, la animacin para adultos, con carcter y dra-ma.La animacin es una manera muy poderosa de contar historias con una libertad infinita, me gusta analizar las diferentes maneras de trabajar la ani-macion y entender por qu una pelcula funciona tan bien. Para mis trabajos me inspiro en las gran-des producciones pero tambien en lo que me rodea, trato de contar lo que me afecta, lo que conozco y me interesa explorar Me gusta investigar sobre lo que hablo, empaparme del tema para poderlo abordar con propiedad y aprender sobre distintos puntos de vista, entender a mis personajes; eso le da mas coherencia al trabajo y vuelve ms verosmil un dibujo.

MI EXPERIENCIA INVENTIVA

La relacin naci casi desde el comienzo de la pu-blicacin. En ese entonces yo era director de diseo de Multirevistas, la empresa que tiene a cargo to-das las revistas de Casa Editorial El Tiempo, cuando Mara Jos Barreto, co-fundadora de PD,me hizo una entrevista a raz del re-diseo de algunas pu-blicaciones que estaban a mi cargo. Despus segui-mos conversando, fui invitado a ser parte del comi-t editorial y posteriormente como columnista. En un medio que en Colombia sigue siendo pequeo, es muy fcil que se den estas relaciones y que en general las personas que estn protagonizando las distintas labores del diseo.

3 TIPOGRAFAS CREATIVAS PARA REALIZAR MENSAJES IMPACTANTES

Creada por un diseador Noruego llamado Kalle-Graphics, es sobre todo una fuente impactante. Per-fecta para la construccin de carteles tipogrficos, o cualquier elemento del diseo en el que queramos causa un primera impresin de impacto.No apta para su uso en prrafo, no necesita de na-die ms para componer, por ejemplo, una lmina tipogrfica.

La tipografa Homestead, permite gracias a las los distintos estilos dentro de la misma familia la crea-cin de palabras, que por s solas tienen entidad su-ficiente para ser un logotipo o encuadradlas dentro de una lmina tipogrfica.

Dan es una tipografa muy creativa, con bordes re-dondeados que, se asemeja a una esponja, un glo-bo algo mullidito ;) Es una tipografa perfecta para la creacin de logos, pues, al igual que las otras que os presentamos, tiene mucha entidad y aunque para frases largas no es excesivamente legible, pue-de ser ideal para expresar mensajes importantes.

TENDENCIAS TIPOGRAFICAS PARA EL 2014

Flat Design2013 fue un ao en el que vimos un incremento en el diseo de marcas y sitios web con un estilo plano, donde los estndares web se volvieron minimalistas y responsivos, y que con la necesidad de unificar for-mas y estilos de esta tendencia se afecto de igual manera a la tipografa, adquiriendo mayor impor-tancia las familias san serif. La necesidad de tipo-grafas planas obedeci no solo a unificar e igualar estilos de diseo sino a la reduccin en la cantidad de informacin que los usuarios necesitaban proce-sar.

KILOGRAM

HOMESTEAD

DAN

5

Tipogrfia

4

Nuestra Dama Dice

Hay expertos que aseguran que la mezcla de dis-tintas fuentes tipogrficas estar de moda en 2014, y si bien no est mal uso de dos o tres fuentes tipo-grficas distintas de manera que se complementen, habr que tener mucho cuidado con esta tenden-cia ya que hay fuentes que por s solas funcionan de manera perfecta, pero no al lado de otra.

Esta tendencia de diseo surge de la necesidad de personalizar, darle un toque especial y diferenciar nuestros diseos de los dems.

Este nfasis de la tipografa hecha a mano nace tambin de la era que vivimos del social media, donde existe una manera ms rpida y frecuente de comunicacin y existe la necesidad de hacer sentir a los usuarios que el contenido viene direc-tamente de una persona y no de una maquina. Aquellas fuentes que tienen lineas sencillas y pe-queas irregularidades en los tamaos y pesos fueron las ms utilizadas y que seguirn siendo tendencia en este 2014.

HANDWRITTEN FONTS

MULTITYPE1. UN ERROR MAYSCULONUNCA utilices maysculas para acentuar las palabras en un texto corrido.2. GUIONESHay tres maneras diferentes de conectar o separar pa-labras separadas: el guin -; el guin corto , un poco ms largo que el guin; y el guin largo , ms amplio todava.3. COMILLASUn claro indicativo de poca profesionalidad tipogrfica en un diseador es el uso de citas y apstrofos equivo-cados. Las comillas pueden tener diferentes formas.4. USO DE NMEROS ELZEVERIANOS Y TABULADO-RESLas buenas tipografas, dice Spiekermann, deben tener

nmeros de estilo antiguo, lo que se denomina nmeros elzeverianos. Tienen caja baja y en caso del 3, 4, 5, 7 y 9.5. LIGADURASUna ligadura se define como la combinacin de dos o tres letras en un solo carcter. Esto sucede con combinaciones como ff, fi, fl, ffi.6. NO JUSTIFICARY por ltimo, Spiekermann nos grita Evita la justificacin!. La mayora de aplicaciones ajustan el texto con la alineacin justificada horriblemen-te, estiran y aplastan palabras y espacios.7. PUNTOS EN LUGAR DE GUIONESUtiliza vietas o puntos centrados en lugar de guiones (-) cuando tengas una lista de artculos. Los puntos son parte del conjunto de caracteres estndar y se encuentran en las siguientes posiciones: option-8 (Mac), Alt+0149 (Windows) option-shift-9 (Mac), Alt+0183 (Windows)

3 TIPOGRAFAS CREATIVAS PARA REALIZAR MENSAJES IMPACTANTES

LOS 7 TRUCOS TIPOGRFICOS DE ERIK SPIEKERMANN

EL USO CORRECTO DE UNA TIPOGRFIA

Las tipografas que nunca pasaran de moda, como Times New Roman, Arial y Calibri, o algunas ms nuevas y muy utilizadas como la Herlvetica no son descartadas pero, existen una gran variedad de ti-pografas conocidas que tambin se deben tomar en cuenta para disear. Estas tipografas son gra-tuitas o ya viene incluida en nuestra computadora para libre uso, pero cmo deben utilizarse las fuen-tes comerciales o descargables

En la actualidad existen muchas paginas que dispo-nen de un gran catlogo de fuentes para descargar como por ejemplo dafont.com o fontsquirrel.com, o sitios comerciales como houseind.com o fontfont.com, pero hay mucho por detrs para saber como

utilizar correctamente una tipografa.

1.- Caractersticas de la licenciaturas: Cuando se utilice la fuente, debe asegurarse de te-ner la licencia adecuada. La licencia bsica le per-mite un uso limitado de la fuente y una licencia multi-usuario admite un numero mayor de uso.

2.- Licencia especial:Si se desea utilizar una fuente de modo que no est en la licencia, como en software, dispositivos o sitios web, debe obtener una licencia especial.

3.- Terceros:Las fuentes no deben ser cedidas a terceras perso-nas, ni siquiera en calidad de prstamo. Cada per-sona deber contar con su propia licencia.

4.- Modificaciones:No se permiten cambios en las fuentes. Si se quiere realizar un cambio, se necesita autorizacin por escrito.

5.- Preguntas sobre la licencia:Si tienes alguna pregunta relacionada con las licen-cias de una fuente, se debe revisar el EULA o con-tactar al distribuidor de la tipografa.

6 7

Tipogrfia Tipogrfia

EL RENACER DE LA COMIC SANS

EL RENACER DE LA COMIC SANS

DECORACIN INTERIOR CON TIPOGRAFIA

He estado dudando si escribir este artculo. Ha sido una lucha interna entre el s y el no, y al final como no he sido capaz de decidirlo con objetividad, he pensado que hay que compartir y que es mejor saber que no saber As que ah va. Hay una nueva Comic Sans!!!

Quiz no sea tan malo como parece, y con esta nueva Comic Sans se caigan un poco los fantasmas de la tradicional En mi caso no ha sido as, he dicho y seguir diciendo en varias ocasiones que bajo ningn concepto hay que usar Comic Sans, pero os dejo que juzguis por vosotros mismosCumplindose 20 aos del nacimiento de Comic Sans un diseador Australiano ha pensado que poda dignificarla dndole un aire ms actual. Aqui teneis Comic Neue:

Segn el (y ah le doy la razn), la ti-pografa Comic Sans se dise con un fin, pero en cambio ha sido usada en oca-siones en las que no se debera. Se dise para usarse en un contexto de dibujo a mano, pero se llevo a todos los mbitos de la vida, desde para logotipos, le-treros, carteles Se

usaba sin ton ni son y sin importar el pblico al que estaba destinada. El uso indiscriminado de la misma, la devalu convirtiendo en una tipografa vulgar, que apareca en ms ocasiones que las que debera.Hoy en da nadie la usa (o no debera usarla), porque realizar un proyecto que la incluya no tiene nada de especial, al contrario, no consigue destacar de ninguna manera.De hecho, en la actualidad hay una tipografa que me recuerda en su devaluacin de uso. La Lobster Two, en un principio se dise como una tipografa moderna con estilo y llamativa, pero su uso se ha llevado a todos los mbitos de la vida cotidiana. No es complicado verlo en carteles, logotipos, pginas webs. De muy diversos mbitos y con muy distinto fin.

Ya no es una tipografa especial, sino que es comn.Para concluir, y por si os queda alguna duda alguien esta pensando si descargarla, una muestra de cmo quedaran algunos logotipos famosos con Comic Sans.

Hecho a mano y las letras de diseo para una tien-da de alimentos ecolgicos

8 9

Tipogrfia Tipogrfia

5 APLICACIONES MVILES PARA DISEADORES

5 GRANDES DISEO APLICACIONES GRFICAS

Cada vez ms personas se estn involucrando con el diseo grfico. Se est convirtiendo en ms y ms accesibles; si se trata de un programa gratuito como Expression Design , o Adobe Creative Suite. Herramientas para hacer grandes grficos son muy accesibles. Las aplicaciones mviles son una gran herramienta, y hay algunos realmente grandes aplicaciones de diseo grfico. Algunas aplicaciones son slo de referencia de herramientas, y otros son programas de gran alcance que pueden hacer gr-ficos legtimos. Aqu estn 5 de las mejores aplicacio-nes de diseo grfico para iOS!

1. Cartel

Si usted ha estado en este blog mucho, ya sabes, me encanta carteles . Estoy por lo general en los carteles de sus conciertos , pero ningn cartel de aspecto decente puedo atraer mi inters. Esta apli-cacin hace que sea increblemente fcil de hacer grandes carteles que buscan muy rpidamente . Phoster es una gran herramienta. Necesidad de promover un evento que est sucediendo maana por la noche, mientras que fuera de su computa-dora? Coge tu iPad (o cualquier dispositivo iOS) y en 5-10 minutos usted podra tener un gran cartel mirando listo para compartir. Tom la imagen de este post con Phoster y slo se tarda un par de minutos!

2. WhatTheFont3. ColorSchemer 5. Paletas

4. Herramientas de diseoWhatTheFont es una gran apli-

cacin para la identificacin de las fuentes. Todo lo que tienes que hacer es tomar una foto de la fuente que desea identificar, dibujar un cuadro alrededor de las palabras, asegrese de que la aplicacin tiene todo el derecho, y eso es todo! La aplicacin com-prueba contra la MyFonts base de datos y te da una lista de las posibles coincidencias. Lo he in-tentado un par de veces y es muy preciso!

Esta es una aplicacin muy cool y til. Est lleno de grandes paletas de colores pre-hecho , y tiene una gran herramienta para hacer su propio . Una vez que haga una paleta, que le da hexagonal y cdigos de color RGB. El RGB es ideal para personas que trabajan con la iluminacin del escenario debido a la mezcla de colores estndar es RGB. Ms que una aplicacin de diseo grfico!

Herramientas de diseo es una aplicacin de referencia limpia y til para los diseadores. Est lleno de grandes cosas. Necesita saber el tamao de una hoja A4 de papel para su nuevo proyec-to? Slo tiene que abrir las herra-mientas de diseo y todo lo que necesita est en tus manos!

Paletas es una aplicacin muy til. Es similar a ColorSchemer, pero carece de la elegante inter-faz y el COLOURlovers integra-cin. Puede que no sea el mejor aspecto de aplicaciones, pero lo compensa con Paletas potente aplicacin para iPad. acceder a todo lo que necesita en una sola pantalla!

Me encantan estas aplicaciones, y espero que se obtiene como mucho uso de ellos como lo he hecho! Planeo escribir comen-tarios ms a fondo de cada una de estas aplicaciones, no dejes de visitarnos para saber ms!

10 11

Lo ultimo en Diseo Lo ultimo en Diseo

DISEO ISOMTRICO EN ILLUS-TRATOR

IntroduccinLa proyeccin isomtrica no existe en la naturaleza, es una vista nica sin perspectiva. Al contrario que en la realidad, todo en la distancia est en la misma escala, ya que todo en el primer plano, la creacin de la caracterstica nica de una pieza isomtrica.

Aqu, ilustrador Tim Smith de-talla algunos de la teora intri-gante an sorprendentemente simple detrs de la proyeccin isomtrica. l proporciona con-sejos y trucos interesantes para ayudar a tirar de ilustraciones isomtricas detallados con facilidad como l ofrece su experiencia en el uso de esta tcnica para crear ilustraciones con narrativa ingeniosa.

Despus de haber trabajado a travs de esta Masterclass, tendr los principios isomtricos bsicos nece-sarios para desarrollar y experimentar con sus propias ilustraciones isomtricas, modelos 3D, diagramas, infografas - lo que sea.

La proyeccin isomtrica es ms creativo y verstil que se podra pensar. Si quieres saber ms, dejar a Tim un tweet mypoorbrain .

Tim ha proporcionado amablemente un conjunto de archivos de proyecto que incluye una cuadrcula isomtrica, bloques de construccin, y un ejemplo de la iluminacin.

Tiempo para completar12+ horas

Software necesarioIllustrator CS3 y por encima

La capacidad de mover tomos individuales, una de las partculas ms pequeas de cualquier ele-mento en el universo, es crucial para la investigacin de IBM en el campo de la memoria a escala atmi-ca. En 2012, los cientficos de IBM han anunciado la creacin de ms pequeo bit de memoria magnti-ca del mundo, hecho de slo 12 tomos. Este avance podra transformar la computacin, proporcionan-do el mundo con los dispositivos que tienen acceso a los niveles sin precedentes de almacenamiento de datos. Pero incluso nanophysicists necesita tener un poco de diversin. En ese espritu, los cientficos se trasladaron tomos utilizando su microscopio de efecto tnel para hacer ... una pelcula, que ha sido verificada por Guinness World Records como ms pequeo stop-motion de Cine del Mundo.

LO QUE GANA UN DISEADOR GRFICO

El diseador grfico es el profesional encargado de imaginar, planear, proyectar y realizar por medio de comunicacin visual ideas por medios industria-les, con la finalidad de transmitir un mensaje a los espectadores con un propsito claro.

Es la actividad que se encarga de crear un mensaje adecuado y llevarlo al cliente potencial por medio de la comunicacin visual (grficamente). La im-

portancia de esta carrera profesional radica en pro-veer al interesado de una forma lgica que se basa en estudios previos de impacto visual y tcnicas pro-badas que garantizan un medio ideal para llegar a percibir el mensaje de forma adecuada e involun-tariamente. La demanda de estos profesionales es mayor para crear una buena campaa para las in-dustrias y empresas que estn interesados en llegar a los clientes con un medio visual adecuado como las grandes empresas Facebook, Google y YouTube quienes utilizan tcnicas de diseador.El diseo grfico se subdivide en varias especialida-des que son: El diseo grfico publicitario, El diseo editorial, El diseo de identidad corporativa, El di-seo web, El diseo de envase, El diseo tipogrfi-co, La cartelera, La sealtica y el llamado Diseo multimedia. Bien ahora a lo que vamos, un diseador grfico es una persona capaz de plasmar las ideas en diversos medios, tantos diversos medios y fines hay es como posibilidades de trabajo y con ello el sueldo que se puede ganar.

En realidad el sueldo de un Diseador Grfico varia mucho dependiendo del rea en donde labores y al que te dediques, ya que trabajar en una industria es como mejor pueden ganar, aqu la lista de opcio-nes laborales que tienen segn su especialidad:Diseador IndustrialDiseador WebDiseador Grfico de una EmpresaIlustradorAnimacinPublicidadHago de Todo12 13

Lo ultimo en Diseo Lo ultimo en DiseoUN NIO Y SU TOMO, LA ANI-MACIN MS PEQUEA DEL MUNDO

CMO SE DISEO EL LOGO DE RIO 2016? NOVEDADES EN ADOBE ILUSTRATOR CC 2014

En la imagen que guiar toda la comunicacin vi-sual del evento pero que no es el logotipo de Ro 2016, se pueden distinguir, en medio de trazos apa-rentemente abstractos, algunos de los conos ms reconocibles de Ro de Janeiro, como el Cristo de Corcovado, el Pan de Azcar o los Arcos de Lapa, as como otros elementos caractersticos del paisaje de la ciudad.

Este diseo ambientar todas las instalaciones de-portivas de la urbe, las entradas para los eventos deportivos, los uniformes de la organizacin, las tiendas y los productos oficiales, y tambin se em-plear en las acciones de comunicacin del Comit Organizador.

Ro 2016 sern los juegos de la gente, una celebra-cin memorable como slo nosotros sabemos ofre-cer. El punto de partida para el logotipo fueron las marcas Ro 2016, con su esencia de pasin y trans-formacin, sus valores y atributos, destac Beth

Lula, directora de Marca de Ro 2016.

El proyecto, ideado por el equipo de diseo y gestin de marca del Comit Ro 2016, se desarroll por ms de un ao y durante el proceso creativo se realizaron estudios de los aspectos histricos y culturales ms identificativos de Brasil que estuviesen presentes en Ro de Janeiro.

En enero de este ao Brasil present el logo de Rio 2016 diseado por la agencia Ttil. De inmediato surgieron rumores de plagio a la imagen de la fun-dacin estadounidense Telluride.

Sin embargo, la agencia realiz un documental donde explica cmo surge la idea y el proceso crea-

tivo que implic. De acuerdo con el equipo se crea-ron alrededor de 150 logos para el evento.

14 15

Lo ultimo en Diseo Lo ultimo en Diseo

Ya venamos platicando anteriormente de las no-vedades que present Adobe, tanto en la parte de mviles, en la introduccin de su nuevo hardware (Ink & Slide) as como la actualizacin de la mayo-ra de sus aplicaciones de escritorio, y en esta ocasin nos toca hablar de Adobe Illustrator CC (2014).

Vista previa con Pen Tool: Esta versin actualiza los controles Anchor Point y Pen Tool dando mayor fle-xibilidad y control sobre nuestros trazos vectoriales. Ahora es posible previsualizar el trazo que estamos haciendo antes de colocar el siguiente punto de an-claje de nuestra lnea. Mientras dibujas una lnea aparecer simulando la forma que tendr tu trazo, esto desde el ltimo punto de anclaje que colocas-te hasta donde tengas colocada tu herramienta de pluma. Una forma muy prctica de dibujar o trazar y que nos ahorrar mucho tiempo limpiando, cam-biando o modificando nuestros paths.

Mayor control al cerrar Paths: Ahora tendremos ms control y precisin a la hora de completar nues-tros dibujos o trazos, conectando el punto inicial con

el final. Podremos reposiciones el punto de cierre o elegir si rompemos con la direccin de las lneas para ajustar la curva que cierra exactamente como queramos.Aceleracin de GPU con Windows: Para todos aquellos que trabajen Illustrator en computadoras con Windows 7 u 8 tendrn una representacin de grficos vectoriales ms rpida debido a la acele-racin GPU. Esta funcin va a requerir tener una tarjeta grfica NVIDIA certificada por Adobe por lo menos con 1 GB de VRAM.

Snap to Pixel, Point & Grid: Cuando activamos la

opcin de ajuste (o Snapping) nuestros puntos de anclaje se alinearn perfectamente a nuestro gusto, ya sea por pixel, por retcula o a un punto.

CSS & SVG: Illustrator CC te ayuda en la creacin de tus archivos CSS de forma que solo tengas que copiar y pegar en algn editor de cdigo y exportar los archivos SVG responsivos y escalables para que puedan adaptarse a distintos tamaos y resolucio-nes. Cabe hacer mencin que una de las ventajas de contar con la suscripcin de Creative Cloud es que tendremos acceso a todas estas (y las futuras) actualizaciones de forma inmediata por el hecho de ser miembros de CC.

16 17

Lo ultimo en Diseo Lo ultimo en DiseoOLIMPIADAS DE MEXICO 68 UN REFERENTE PARA EL DISEO A NIVEL MUNDIAL

Una de las razones ms importantes del gran xi-to que han tenido las olimpiadas es debido al gran esfuerzo que se pone en lo que a imagen se refiere, viendo grandes demostraciones de diseo por cada uno de los pases que son anfitriones de estos juegos, algunos llegando a ser sumamente representativas, como fue el caso de Mxico en el ao de 1968.

Dentro de este artculo veremos el esfuerzo que se hizo para poder lograr todo el sistema visual del 68, algunas de las circunstancias sociales que rodearon al evento, y el impacto que logr tener hasta llegar a ser un gran referente a nivel mundial en lo que se refiere a diseo.

Todo comenz una bella tarde del 63

El ao era 1963, la Asamblea del Comit Olmpi-co Internacional se haba reunido para elegir entre cuatro posibles sedes para los juegos olmpicos que habran de celebrarse en 1968, los candidatos: la ciu-dad de Lyon en Francia, Detroit en Estados Unidos, Buenos Aires en Argentina, y por ltimo la Ciudad de Mxico. En un principio, pareca que Mxico era el lugar menos indicado para celebrar un evento de esta magnitud, ya que era considerado como un pas tercermundista que no tena la capacidad para manejar la responsabilidad que ser el pas an-fitrin de las olimpiadas conllevaba, adems de que la altitud a la que estaba la ciudad (2240m sobre el nivel del mar) poda ocasionar problemas para los atletas.

Rumbo al 68

La primera batalla haba sido ganada, Mxi-co logr ser la sede para 1968, pero an faltaba mucho por hacer. Desde el principio, la prensa internacional critic y trat de hundir a Mxico por medio de mucha cobertura negativa. Por un lado, retomaban el problema de la altitud, diciendo que la vida de los atletas podra peligrar, y en el mejor de los casos, el performance de los atletas iba a ser muy bajo, y que ningn rcord iba a ser roto. Por otro lado, tenamos el problema de la infraestruc-tura y fama de Mxico como pas tercermundista, por lo que se lleg a pedir incluso que le quitaran a Mxico los juegos olmpicos.

Para la parte del diseo grfico, Lance Wyman fue el encargado de liderear el proyecto, teniendo a su cargo un equipo de diseadores tanto nacionales como extranjeros. Es importante considerar que en los aos 60s el diseo grfico era to-

dava considerado como un lujo, por lo que en M-xico no haba educacin formal al respecto, lo que quiere decir que no haba carrera de diseo grfico. En las olimpiadas de Tokio, la sealizacin estaba basada en figuras humanas que representaban a los atletas realizando los deportes de un modo esti-lizado, teniendo una paleta en escala de grises. En Mxico se decidi tomar un camino radicalmente distinto.

Tomando como base la idea de Pedro Ramrez Vzquez, para concebir el logotipo se contrapusie-ron los cinco aros olmpicos y el ao de los juegos. Basndose en el logotipo y en motivos huicholes, fue desarrollado el clebre cartel de los juegos olmpi-cos. Asimismo, este emblema sirvi como base para el alfabeto visual que fue usado durante todas las olimpiadas.

Una de las ideas principales que Wyman us para el desarrollo de la imagen grfica, fue reflejar la riqueza de la cultura Mexicana en vez de usar ele-mentos grficos que estuvieran de moda, y para esto se hizo un estudio exhaustivo de elementos prehispnicos y del arte popular mexicano. El re-sultado fue una combinacin de motivos huicho-les con tendencias hacia el op art, como podemos ver por la repeticin de lneas mltiples que for-man patrones, complementndolo con el empleo de colores brillantes, los cules Wyman considera-ba caractersticos de la cultura Mexicana. Con esto, la imagen lograda por los mexicanos contrastaba fuertemente con lo presentado en Tokio en el 64, logrando un sistema de comunicacin que iba ms all de medios impresos y sealamientos, viendose reflejado tambin en vestimentas y en el diseo ur-bano. Todo pintaba bien para Mxico.

El 2 de octubre fue un da negro en la histo-ria de Mxico, ya que el gobierno, afectado por la presin inter-nacional y decidido a no dejar que nada interfiera con las olim-piadas, ordena la matanza en Tlatelol-

co. La frase 2 de octubre no se olvida

UNA BUENA IMPRESINWillie Witte, hace unas cosas muy creativas imprimiendo lo que se ve en el video, luego toma esa impre-sin en papel, la dobla, la recorta, la gira, etc., creando una ilusin muy interesante, por que todas esas impresiones forman parte del video, en ocasiones retrocede el video, es decir la hoja que haba doblado la desdobla y hace otras cosas sobre ella. El video no es muy largo pero seguro le llev mucho tiempo hacerlo, para que todo quedar cuadrado y para que no se viera saltos entre la impresin y el video, seguro hubo mucho tiempo de preparacin antes y despus de hacer el video. Es un minuto y medio de video, pero te entretiene tanto que pareciera que dura ms tiempo. En la cuenta de YouTube tiene un par de videos ms, uno es muy bueno por que l interacta metindose en un video en YouTube en una computadora de escritorio, de ah va saltando de dispositivo en dispositivo, creando una ilusin igual de buena que ste video.

CMO CREAR UNA BUENA INTERFAZ DE USUARIO?

La interfaz de una web es el aspecto clave para conseguir buenas tasas de conversacin y para hacer ms fcil su uso a quien visite la web. Vamos a repasar unas cuantas pautas bsicas que mejoran la in-teraccin del usuario con la web, lo que produce una mejora en la experiencia del usuario.

DISPOSICIN DEL TEXTONo es recomendable tener varias columnas que muestren texto, ya que puede hacer que los lectores no sigan correctamente el texto, por lo que es recomendable tener todo el contenido en una columna, sin tener en cuenta otras posibles columnas con mens o textos, pero sin relacin con el contenido principal.SENCILLEZ EN LAS FUNCIONESEn una web puede que tengamos varias funciones como ver que servicios ofrece una empresa, quien tra-baja en ella o como contactar, y muchas veces vemos como se repite varias veces funciones similares (como sera: llmanos, contacta con nosotros...), lo que hace puede desconcertar al visitante, por eso es reco-mendable unificar todas esas funcionalidades en una sola.

EL REGRESO DE LOS GIF ANIMADOS

MARCA LA SIGUIENTE ACCINCuando buscamos un objetivo en una web (como rellenar un formulario de contacto o comprar algo) es importante no solo poner en un solo lugar el botn o link hacia la accin, sino buscar los puntos claves, como son el final del contenido y posiblemente el inicio para hacer que el visitante realice esa accin.ELEMENTOS HOMOGNEOSCuando creamos un diseo tenemos que tener muy en cuenta el color de los elementos, en el conjunto. No debemos de mezclar muchos colores, ya que el correcto contraste de colores es clave para dar una buena imagen, por lo que deberamos de no mezclar muchos colores distintos y usar colores similares para los mismos elementos.OPCIONES FCILESCuando ofrecemos productos o servicios distintos es algo habitual hacer comparativas entre ellos, pero es muy recomendable y productivo poner una por encima de las dems, recomendando explcitamente ese producto.

Es retro, lento, a veces desastroso y pesa bastan-te, pero el GIF mantiene su encanto. Naci como uno de los formatos primitivos de los navegadores, cuando apenas haba interaccin.

Este rudimentario archivo, cuya extensin .gif sig-nifica formato grfico de intercambio, vuelve a la red. Ya no solo se utiliza en emoticonos y alertas, tambin como foto de perfil y para contar peque-as historias. De ah que se puedan poner como un retrato en movimiento en Google+, que el servicio de vdeo de Twitter, Vine, se base en esta tecnolo-ga con microsecuencias de solo seis segundos, o que Google haya incluido en el buscador de imgenes la posibilidad de acotar por imgenes en movi-miento para referirse precisamente a este vetusto archivo.

Todo esto no impide que los gifs vuelvan a estar de moda. Si hay cabida para Minecraft, un juego de-liberadamente pixelado, por qu no darle una se-gunda oportunidad de los iconos que simulan bom-billas rojas de advertencia o los obreros subidos en el martillo hidrulico para avisar cuando una web estaba en construccin?

Entre sus puntos negativos est el peso. Un gif se compone de varias imgenes superpuestas en bu-

cle, se repite sin fin si as se desea. De hecho, la ma-nera ms clsica de crear uno est en superponer capas en Photoshop, indicar una frecuencia de re-produccin y exportarlo como .gif.

Si no se quiere hacer uno, se puede ir directamen-te a Google y buscar solo por esta extensin. Tam-bin darse un paseo por la catatnica Gifmania. El resultado es una pgina que a los internautas ms veteranos les dar la sensacin de estar de nuevo en Geocities, uno de los primeros servicios de auto-publicacin.

18 19

Enterate Para Mejorar Enterate Para Mejorar

PACKAING CREATIVOS Y ORIGI-NALES PARA HUEVOS

GAMAS DE COLORES: USOS Y COMBINACIONES

Ya queda muy lejos la ltima vez que hablamos de packaging, en ese caso para caf, y como sabis que me gustan los packaging culinarios (pasta, pan, te.) hoy vamos hablar del packaging para uno de los alimentos ms verstiles que podemos usar en la

cocina: el huevo.Hay tantas formas de prepararlo y de usarlo en las comidas, que muchas veces, no nos imaginamos que tal o cual comida lleven huevo. Los podemos tomar fritos, pasados por agua, duros, como tortilla. Como parte de una comida: en una pizza, en ensalada, en un postre Son muchas las comidas que tienen huevo (tanto saladas como dulces). Algo tan usado y tan comn, que a veces parece que se contrapone con la delicadeza del mismo. Es tambin uno de los alimentos ms frgiles que consumimos.

Normalmente estamos acostumbrado a la tradicional huevera de cartn, en la que los hue-vos van muy ordenados y bastante seguros (aunque creo q casi todos hemos roto en alguna ocasin un huevo ;) ). El cartn es un buen material, porque tiene flexibilidad para que el huevo tenga cierto mbito de movimiento dentro de su espacio, y porque es cmodo de llevar y no pesa ( y por cierto un excelente aislante acstico ;) ).

A la hora de escoger una gama de color para nues-tros diseos, no existe una verdad absoluta para tomar la correcta; al igual que no la hay para equi-

vocarte de manera total en la eleccin (bueno, esto quiz s que ocurra ;) ) Tene-mos que escoger la gama de colores que ms se adecue a lo que nosotros queremos que reflejar. Y queremos reflejar una cosa concreta, dependiendo de para quien sea el diseo. Ya lo deciamos la imspiracin tiene que encontrarte trabajando, as que comencemos por el principio.

LA OBJETIVIDAD DEL COLOR

Ya sabemos que hay ms sentimientos que colores, por lo que un mismo color puede recordarnos distintos sentimientos, mu-chas veces contrapuestos. Un ejemplo claro est en el rojo. Si pensamos en rojo, podemos pensar en amor el sentimiento que todo lo une, o en fuego aquel que todo lo destruye. De-pendiendo de nuestro estado de nimo y nuestras vivencias, una de esas dos imgenes aparecer por delante de la otra. Al igual que si yo digo verde, seguramente ni tu ni yo, estemos visualizando el mismo color verde. Yo se que Mar Valenzuela, estar viendo verde turquesa, que Ricardo Prieto estar visua-lizando el verde Betis y entre ellos, cada uno de los que estis leyendo esto, estaris pensando en una tonalidad distinta.

Una vez tengamos el color prin-cipal, debemos desgranarlo para llegar a esos colores, que tan de-pendientes son. Al igual que con las tipogrfias existen combinaciones ms edecuadas que otras, con los colores tambien existen gamas ms adecuadas a un diseo especfico. Ya hemos hablado de seis colores, por lo que vamos a partir de un recordatorio de ellos para poner ejemplos de eleccin de gama de colores. Qu os parece?

21

El Color en el Diseo

20

El Packaing Y las Novedades

MI MARCA EN BLANCO Y NEGRO

La combinacin en logotipos e imgenes corporativas de blanco y el negro est muy presente en la actualidad en todo tipo de marcas. Desde multinacionales como Zara, hasta pequeas empresas usan esta combinacin de co-lores. Aunque todos parten de un pensamiento comn, lo que

estos colores representan, tambin hay distintas connotaciones, que dependiendo del tamao de la marca, han hecho que se decanten por estos colores.Adems, aparte de las marcas que usan estos dos colores como colores principales, son muchas las marcas que los usan en su logotipo como el negativo, una segunda versin, para imprimir sobre fondos oscuros.

COMBINACIONES BSICAS DE COLOR ENTRE TEXTO Y COLOR DE FONDO

Cuando vamos a disear un cartel, una revista, una web o blog., cualquier elemento grafico en el que se incluyan tipografas y fondos, es muy importante tener en cuenta las combinaciones de fondo y texto, al igual que lo hacamos entre las propias tipografas.Ya conocemos perfectamente la psicologa de muchos de los colores ms usados en el diseo por lo que podemos determinar el uso de ellos. Pues bien, cuando hablamos de textos que se van a imprimir sobre fondos lo que debe prevalecer sobre todo es la legibilidad de los mismos. No podemos hacer que el lector se canse a la mitad, o que sea tan ilegible que acabe con dolor de cabeza. Una de las partes principales del diseo es la funcionalidad del mismo, y con los textos esto hay que llevarlo hasta el final.Si estamos trabajando sobre imgenes de fondo, como os mostrbamos en estos ejemplos, la mejor solucin es realizar el mensaje en blanco. A la hora de leer un texto, independientemente del tamao del mismo, ante todo hemos de buscar el contraste entre los colores de fondo y texto, por lo que sobre un fondo en

el que predominen los colo-res fuertes, el blanco siempre va a ser una buena opcin. Si no hay contraste no hay legi-bilidad. Por esto, hoy os voy a mostrar unos ejemplos de texto, sobre fondos de colores bsicos, para que podamos ir descubriendo el efecto de cada uno de ellos. Son ejem-plos bsicos, sobre los que es imposible equivocarse.

22

El Color en el Diseo

BOT PORT : BOT PORT 2: BOT PORT 4: BOT PORT 1: DER: Pgina 1: Pgina 121:

SUMAR 28: SUMAR 29: Botn 56: SUMAR 18: SUMAR 19: SUMAR 20: SUMAR 21: SUMAR 22: SUMAR 23: SUMAR 24: SUMAR 25: SUMAR : SUMAR 2: SUMAR 3: SUMAR 4: SUMAR 5: SUMAR 6: SUMAR 7: SUMAR 8: SUMAR: SUMAR 10: SUMAR 11: SUMAR 12: SUMAR 13: SUMAR 14: SUMAR 15: SUMAR 16: SUMAR 17: DER 3: Pgina 2:

DER 17: Pgina 2:

DER 4: Pgina 3: Pgina 41: Pgina 52:

IZQ 4: Pgina 3:

DER 15: Pgina 3:

DER 14: Pgina 4: Pgina 51:

DER 5: Pgina 6: Pgina 71: Pgina 82: Pgina 93:

DER 13: Pgina 6: Pgina 71: Pgina 82: Pgina 93:

Botn 53: DER 7: Pgina 10:

DER 12: Pgina 10:

PLAY PAG 18: Galeria Ant: Galeria Sig: DER 9: Pgina 11:

DER 11: Pgina 11:

DER 10: Pgina 12: