Revista Cibart -Tercera Entrega

16

description

Cibart, es una revista de diseño gráfico con fines académicos en donde se expresa material informativo referente a lo que sucede en el mundo del diseño para poder ayudar a los alumnos de la escuela de Diseño del Instituto Cibertec.

Transcript of Revista Cibart -Tercera Entrega

Page 1: Revista Cibart -Tercera Entrega
Page 2: Revista Cibart -Tercera Entrega
Page 3: Revista Cibart -Tercera Entrega
Page 4: Revista Cibart -Tercera Entrega

45

en los LogotiposImportancia del color

Un logotipo bien diseñado es aquel que cumple las premisas básicas de todo buen logotipo. Debe ser simple, memorable, atemporal, versátil y apropiado.

Se dice que nuestro cerebro es impactado por logotipos más de 100 veces al día. Es tal el número logotipos que vemos a lo largo del día que nuestro ojo y mente se han acostumbrado a ellos. Apenas los percibimos de forma consciente, pero en realidad nuestro subconsciente los capta y retiene.

¿EN QUÉ MEDIDA IMPORTA EL COLOR EN LOS LOGOTIPOS?Los colores tienen una fuerte capacidad para transmitir diversos tipos de emociones y generar respuestas inconscientes. O a veces también simplemente para transmitir cierto tipo de valores corporativos asociados a las marcas. Esto lo saben muy bien las grandes marcas. El color es probablemente la forma de comunicación no verbal más poderosa que podemos utilizar como diseñadores.

SIGNIFICADO DEL COLOR EN LOS LOGOTIPOS

ROJOAcción, Aventura, Agresividad, Sangre, Peligro, Energía, Emoción, Amor, Pasión, Fuerza, Vigor.El rojo es un color intenso. Puede evocar y provocar emociones conflictivas y opuestas que van desde lo más cruel como es la guerra y la sangre hasta lo más romántico como el amor y la pasión. Usualmente es utilizado en el diseño de logotipos como una forma de llamar la atención del observador y se cree que puede llegar a incrementar la presión sanguínea o provocar hambre o apetito.

Revista Cibart

Page 5: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

ANARANJADOAccesible, Creatividad, Entusiasmo, Diversión, Jovial, Enérgico, Juvenil.El color anaranjado está compuesto por la mezcla del rojo y amarillo, y puede representar atributos de cada uno de estos dos colores. El anaranjado es menos intenso que el rojo, pero aún así contiene mucha fuerza. Es más divertido y juvenil que el rojo. Lo podemos encontrar generalmente en logos que quieren representar aspectos como la diversión o estimular emociones e incluso apetitos.

AMARILLOPrecaución, Alegría, Cobardía, Curiosidad, Felicidad, Gozo, Broma, Positivo, Sol, Cálido.El color amarillo, representa la luz del sol y la felicidad, pero también precaución y cobardía. El amarillo es luminoso y muy visible, razón por la cual puede ser encontrado generalmente en avisos de precaución. Generalmente es utilizado en el diseño de logotipos para captar la atención, crear felicidad y generar calidez.

VERDEFrescura, Medio ambiente, Armonía, Salud, Curación, Inexperiencia, Dinero, Naturaleza, Renovación, Tranquilidad.El color verde representa vida y renovación. Es un color tranquilo y relajante, pero también puede representar envidia e inexperiencia. El verde es el color que generalmente eligen las empresas y marcas que quieren posicionarse en el mercado como ecológicas.

AZULAutoridad, Calma, Confidencia, Dignidad, Consolidación, Lealtad, Poder, Éxito, Seguridad, Confianza.Aunque el color azul representa la calma, también puede suscitar imágenes de autoridad, éxito y seguridad. La mayoría de las personas puede decir que les gusta al menos un tono de azul. Es probablemente el color más popular en el diseño de logotipos. Puede ser visto de manera extensa en sectores gubernamentales, medicina, así como en la selección de Fortune 500 (ranking publicado por la revista Fortune con 500 de las mayores corporaciones norteamericanas).

Santa Maria, L. 2015. La importancia del color en los logotipos. Recu-perado desde: http://www.staffcreativa.pe/blog/la-importancia-del-col-or-en-los-logotipos/

PÚRPURA (MORADO)Ceremonial, Costoso, Fantasía, Justicia, Misterio, Nobleza, Regio, Realeza, Sofisticado, Espiritualidad.Debido a que es una combinación entre rojo y azul, tiene un poco de las propiedades de ambos: cálido y frío. El color púrpura (o también llamado morado) implica realeza, misterio y espiritualidad. Este color lo podemos encontrar en muchos logotipos relacionados con la educación y productos de lujo.

Page 6: Revista Cibart -Tercera Entrega

67

Logos tipográficosLogos literalesLogos abstractos

LogoGuía para Diseño de

El Logo puede ser el diseño más importante que tiene una compañía y una de las principales guías para sus decisiones posteriores de diseño y de branding.

¿QUÉ HACE UN BUEN LOGO?Un buen logo es poderoso. Así incluya imágen o solo tipografía, un buen logo tiene un poder que lo hace destacarse. En ese sentido, un buen logo es único. No se confunde con logos de otras compañías, en especial de la competencia. también transmite el mensaje nuclear de tu compañía. Muestra las cualidades, habilidades y valores en los que cree tu compañía.

TIPOS DE LOGOSExisten tres tipos principales de logos:

LOGOS TIPOGRÁFICOSLos logotipos tipográficos se basan en el uso de la tipografía: el propio nombre es todo el logotipo. Pueden ser clásicos o modernos, sobrios o espectaculares, pueden jugar con el color, tamaño, posición... Y se puede modificar las letras y hacer todo tipo de juegos.

LOGOS LITERALESLos logos literales son muy comunes, y pueden darle significado instantáneamente al nombre de la compañía, si este no es demasiado claro. En parte, puede ser que estos logos son fácilmente reconocibles y dejan poco a la interpretación.

LOGOS ABSTRACTOSLos logos abstractos también son muy útiles para negocios diversificados, ya que transmiten un ánimo y tono más que un tipo de negocio específico. Un logo no tiene que relacionarse directamente con lo que hace un negocio. Considera el “Swoosh” de Nike, los arcos dorados de McDonalds o el logo de Apple.

Revista Cibart

El logo de Burger King usa una hamburguesa como logo, lo que es lógico que es una cadena de hamburguesas

Page 7: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

Santa Maria , L. 2014. La Guía Definitiva para el Diseño de Logos.Recuperado desde : http://www.staffcreativa.pe/blog/guia-diseno-logos/

INVESTIGA, INVESTIGA E INVESTIGA.El primer paso para diseñar un gran logo es conseguir un buen brief de diseño. El cliente debe dar el historial de su negocio, incluyendo cualquier logo previo. Hazle preguntas específicas para aclarar todo sobre lo que no estés 100% seguro del brief. Necesitas investigar a tu audiencia. ¿Quién verá el logo?, en otras palabras, quiénes son los clientes de tu cliente. También querrás saber dónde será usado el logo y en qué formatos.

INSPIRACIÓNSeguro, en algunos casos raros el diseño perfecto vendrá a tu mente durante la fase de investigación, pero lo más probable es que no. Necesitarás encontrar ideas en algún lugar. Al buscar logos, resístete al deseo de imitar alguno que veas por ahí. Imitar puede ser la salida más fácil, pero no le harás ningún favor a tu cliente ni a ti mismo. ¿Recuerdas lo que dijimos sobre que un buen logo es único? es una cualidad importante recordar qué buscas al ver el trabajo de otros. La idea aquí es encontrar ideas que puedan inspirarte a encontrar tu propio diseño original. No ideas que puedas modificar y copiar.

BOCETEANDO LOS DISEÑOS INICIALESEn este punto, deberías estar completamente inmerso en la marca. Considera crear una matriz de posibles opciones de diseño, basándote en los diferentes tipos de logos y en la diferente simbología que puede ser apropiada para tu cliente. Por ejemplo, puedes crear una serie de ideas de logotipos, una serie de ideas de pictogramas ligados al nombre de la compañía y una serie de ideas ligadas a la industria en la que trabajan. Crear diseños rápidos en un formato de matriz te permite verlos todos a la vez y encontrar maneras de combinar diferentes ideas en nuevas formas.

ELEGIR UNA BUENA TIPOGRAFÍAConsidera crear un tratamiento tipográfico original para el logo, más que usar una fuente existente, si quieres crear algo realmente único.Si diseñar una tipografía original no está en los alcances del proyecto, considera hacer cambios a una existente. Esta puede ser una gran manera de conseguir una apariencia personalizada sin invertir el tiempo y recursos.

PAPEL VS. PANTALLARealmente depende de ti como diseñador elegir con cual te sientes más cómodo trabajando, puedes descubrir que dibujar en el papel es más eficiente para empezar. o trabajar con una aplicación de dibujo en el tablet. La ventaja aquí es que es más sencillo importar los bocetos en el programa gráfico de tu elección cuando inicies el proceso de refinamiento.

REFLEXIÓN Y REFINAMIENTOUna vez que tienes un montón de bocetos , es posible que desees sumergirte de inmediato en el perfeccionamiento de uno o más de ellos para mostrar al cliente. O, alternativamente, puedes descubrir que estás completamente abrumado por la cantidad de ideas que has producido, y no tienes idea cual utilizar. Por eso es tan importante tomar un tiempo lejos de tus diseños y reflexionar sobre ellos. Será menos probable que elijas a tu “favorito”, o el que tomó la mayor parte del tiempo. Una vez que hayas reducido los bocetos, es el momento de hacer algunas mejoras. Tu logotipo debe Mantener la simplificación de elementos hasta que te quedes con lo mínimo para transmitir el mensaje.

ELIGIENDO UN LOGOTIPOEn este punto, es probable que tengas dos o tres logos en algo parecido a un estado final. Probablemente, tendrás que presentárselos de inmediato a su cliente. Usted puede optar por presentar sólo uno al principio, y ver cómo reacciona el cliente. Esto puede ser una táctica particularmente útil si su cliente ha estado apartado durante el proceso de diseño. También es posible que consideres la posibilidad de presentar el logo en tarjetas, u otros materiales. Al final, le toca a su cliente elegir el logo que piense que se ajusta mejor a su empresa. Y solicitar cualquier cambio o ajustes.

Page 8: Revista Cibart -Tercera Entrega

89

Revista Cibart

La apariencia de una página, los colores, imágenes, fuentes y el diseño en general crea una impresión en la vista del usuario.

4 Tendencias de Diseño web

Diseño+

Web

como Facebook.com y Apple.com ya cuentan con más usuarios móviles que convencionales (de escritorio).Los smartphones están aquí para quedarse, al igual que las páginas web móviles. Anticipo que el 2015 será visto como el año de los cambios, cuando el diseño pensado en los móviles se convierta en la norma. Estudios muestran que el 85 % de los adultos piensan que una página web móvil debe verse tan bien o mejor que las páginas web convencionales.Algunos datos:

Las personas pasan un promedio de 2.5 horas al día en sus móviles.El 57 % de los clientes no recomendarán una empresa cuya página web luzca mal en un dispositivo móvil.De acuerdo con una encuesta de Google, el 48 % de las usuarios dicen que, si una página web no funciona bien en su smartphone, sienten que la empresa no le interesa hacer negocios.Las móviles conforman el 60 % del total del tiempo que las personas pasan en los medios digitales.

1. ESTE AÑO, LOS MÓVILES TOMARÁN EL CONTROL DEL DISEÑODebido a que el diseño responsive se está convirtiendo en la norma, vamos a notar un fuerte enfoque en elementos estilo “móvil” en nuestras computadoras de escritorio. Durante los últimos años, siento que los diseñadores han estado parchando páginas existentes para poder agradar rápidamente a los clientes. Algunas de las páginas web más visitadas,

Page 9: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

Santa Maria, L. 2015. Cinco tendencias de diseño web que deberías estar siguiendo. Recuperado desde :http://www.staffcreativa.pe/blog/cinco-tendencias-de-diseno-web-que-deberias-estar-siguiendo/

2. AUMENTO DE USO EN SCROLL Y PARALLAX INTERATIVOEl tiempo de atención en línea promedio de un adulto es ocho segundos. El uso del scroll y parallax interactivo ayuda al usuario a mantenerse concentrado y enganchado en tu página web. ¿Qué es el scroll interactivo? Pues es una técnica que ofrece una navegación limpia y fluida que da al diseñador la habilidad de crear una narrativa lineal dentro de una página web. El Parallax es una técnica fantástica para enganchar visualmente al usuario. El desplazamiento parallax incluye el movimiento del fondo a un ritmo más lento que en el primer plano, creando un efecto 3D.

3. EL NUEVO MINIMALISMO + EL PODER DE LAS IMÁGENESLos diseños limpios y sencillo brinda una experiencia placentera a la experiencia de usuario. Debido a que el tiempo de atención promedio de un adulto es tan limitado, es importante captar su atención inmediatamente y mantenerlos enganchados. El énfasis en el diseño es la clave. Cerca del 90 % de la información que se transmite al cerebro es visual y el 40 % de las personas responden mejor a la información visual que solo a textos. Las imágenes pueden transmitir sentidos mejor y forma más sencilla que casi cualquier otro medio digital.

4. FONDOS GRANDES + VIDEOS EN PANTALLA COMPLETAHoy en día las imágenes son más grandes, más vibrantes y ya no están limitadas a un espacio. Los diseñadores han dado un paso más adelante para atraer visualmente a los usuarios, añadiendo cinematografía a sus fondos de pantalla completa. Los videos han estado dando vueltas, pero, con frecuencia, pero eran inadecuados y no se ejecutaba bien dentro del diseño. Ahora, con una banda ancha incrementada y el uso de navegadores modernos, surgen nuevas oportunidades. El video es una forma maravillosa de crear una rápida conexión y contar tu historia.

Page 10: Revista Cibart -Tercera Entrega

1011

Revista Cibart

AFFINITY DESIGNERLADE

Las marcas más grandes buscan rediseñar sus logos por temporadas para hacerlas ver más modernas dandole un nuevo enfoque con sus productos.

Los logos son el branding más reconocibles que una marca puede tener, los clientes pueden identificar fácilmente una marca por su logo y, usualmente, asocian la confianza con los logos que pueden identificar. Las marcas más grandes buscan rediseñar sus logos por temporadas para hacerlas ver más modernas. Es muy difícil entender esto y, usualmente, siempre existen reacciones mixtas ante los cambios. Las marcas que invierten mucho dinero y recursos por un rediseño de logo pueden no conseguir los resultados que buscaban.

Grandes MarcasRediseños de Logo

y sus

ANTES

ANTES

ANTES

DESPUÉS

DESPUÉS

DESPUÉS

Antes y DespuésDe Logos de Marcas

REDISEÑOS DE LOGO: ANTES Y DESPUÉS

VISAVisa es uno de los medios de pago más grandes del mundo y su logo nos dice que incluso los grandes cometen errores. Es confuso ver la necesidad verdadera de este rediseño.

REDISEÑOS DE LOGO: ANTES Y DESPUÉS

FACEBOOKFacebook realizó un pequeño cambio en su logo cuando decidió eliminar la línea azul en la parte inferior de su logo previo. Este pequeño cambio le dio a logo una apariencia plana, que probablemente estaban buscando.

INSTAGRAMInstagram tiene un logo y el nuevo rediseño tiene una apariencia más fluida y suave. Fue diseñado por Mackey Saturday y puedes ver más sobre este diseño enDribbble.

Page 11: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

EBAYEl rediseño de logo de eBay conservó, de alguna manera, los antiguos colores, pero quitó la desordenada colocación de letras y optó por una apariencia limpia minimalista que tenía una naturaleza más corporativa. Algunos sintieron que la naturaleza diversa y conectada representada en el logo anterior se perdió con el rediseño.

MICROSOFTEl logo de Microsoft se estaba desactualizando, así que lanzaron un logo colorido y limpio que incorporó los colores de Microsoft en la forma de cuadro azulejos cuadrados.

YAHOOYahoo realizó algo llamado “30 días de cambios”, donde develaron una nueva variación de su logo cada día. El logo final fue algo en el que el equipo de diseño de Yahoo y la directora ejecutiva Marissa Mayer trabajaron.

GOOGLEGoogle optó por un enfoque plano para su rediseño de logo que luce muy bien en todos los dispositivos.

Santa Maria, L . 2015. Branding: grandes marcas y sus rediseños de logo (antes y después). Recuperado desde: http://www.staffcreativa.pe/blog/branding-grandes-marcas-y-sus-rediseno-de-logo-antes-y-despues/

ANTES ANTES

ANTES

ANTES

ANTES

DESPUÉS

DESPUÉS

DESPUÉS

DESPUÉS

DESPUÉS

Cuando actualices tu logo en la era digital, algunas cosas clave que debes considerar es asegurar que tu logo se alinee con la visión de tu marca y escale bien tanto en lo impreso como en lo digital. Algunas de la tendencias en los últimos logos son el diseño plano y minimalista, un espacio más ancho, todo lo que te ayudará a transforma tu logo con gracia en distintos medios. Recibe bien las críticas al momento de lanzar un nuevo logo.

FIREFOXFirefox también optó por un cambio mínimo para modernizar su logo. El equipo de diseño de Mozilla fue el responsable de este rediseño. Puedes encontrar más información sobre este rediseño en el blog del diseñador de Mozilla Sean Martell.

Page 12: Revista Cibart -Tercera Entrega

1213

Entrevista

InfografíaCiro Palomino y la

Hoy entrevistaremos a un fantástico docente de la carrera de diseño gráfico, además de un grande de la infografía.Síguenos y descubre muchas cosas.

COMO FUE TU ENCUENTRO CON LA INFOGRAFÍA Yo acabe la carrera de diseño gráfico hace 13 años y no tenía idea lo que era infografía hasta que me llamaron hacer prácticas en un medio periodístico, hice mis prácticas y ahí aprendí poco a poco de lo que infografía, mayormente la infografía nace en un medio periodístico, pero siempre ha existido, es ahí como me inicio como infografsta, como practicante pase un tiempo, y me convertí a jefe de infografía, ahora actualmente soy editor jefe, en la cual veo contenidos además no solo me dan la información sino que yo puedo encontrar la información, partiendo de un tema.

¿QUÉ ES LO PRIMERO QUE HACES PARA COMENZAR UN A INFOGRAFÍA?La información es prioridad, el cliente te puede dar 50 hojas del tema en la que uno lo tiene que analizar y simplificar o ya te brinda la información resumida.Teniendo la información, nos enfocamos en que queremos transmitir. El concepto, a veces una imagen te puede comunicar muchas cosas, dependiendo que imagen podemos al frente. (ver terremoto japón) nos brinda una manera global como estructura en una infografía.

A veces lo complejo es dominado por la simpleza. Un mensaje directo. El tema también nos permite dar variantes a la hora de representarlas.

Revista Cibart

Page 13: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

HICISTE DE TODO, ¿CUÁL ES EL PROYECTO EN EL QUE MÁS TE GUSTÓ TRABAJAR?Otro de los proyectos que me gusto por su complejidad fueron las que hice para la Marina de Guerra del perú, infografías del Huascar, submarinos, fragatas. En este caso tuve que realizar entrevistas, investigación, revisar planos de construcciones para cada baro a realizarce (ver B.A.P TACNA) Otro proyecto interesante fue una infografía sobre la remodelación del estadio Nacional, aquí tuve que ir “in situ” para tomar notas, conversar con el arquitecto y saber todo sobre el estadio. (ver Estadio Colosal) Una infografía para que este lograda es recomendable ir al sitio mismo. Porque es la mina de la información. El inicio y el todo.

¿ES ACONSEJABLE PONER TEXTO EN LAS INFOGRAFÍAS, O ES MEJOR CONSEGUIR QUE LAS IMÁGENES SEAN LO SUFICIENTEMENTE EXPLÍCITAS PARA QUE SOBREN LAS PALABRAS?Dicen que una infografía perfecta es cuando no tiene texto alguno. Te brinda la información con tan solo ser presentada. Creo que es recomendable poner información. Mayormente las infografías de pequeñas envergaduras casi no tienen texto, las infografías en formato grande tiene texto. Depende de lo que propongamos, si se entiende si texto, en hora buena.

Page 14: Revista Cibart -Tercera Entrega

1415

HEMOS VISTO QUE LAS INFOGRAFÍAS SE USAN PARA REPRESENTAR DATOS ESTADÍSTICOS, PERO TAMBIÉN PARA MOSTRAR OBJETOS O PROCESOS COMPLEJOS. ¿EN CUÁL DE ESTOS ENTORNOS SE OBTIENEN MEJORES RESULTADOS?Si nos topamos con datos estadísticos, eso se llama infografía Hard News. Es la parte número de la infografía, para ello el infografista no quiere mostrar cifras como normalmente se presentan, darle otra dinámica. (Ver Los Cuerpos Recuperados en una Década) Lo de procesos complejos, bueno, Una infografía es una secuela de procesos y algunas más complejas que las otras. Para obtener mejores resultados es que ese proceso tiene que ser representada de la manera más clara y sencilla.

¿CUÁLES SON LAS FASES BÁSICAS EN EL PROCESO DE CREACIÓN DE UNA INFOGRAFÍA?son 3 a mi parecer donde las dos primeras son de suma importancia.

¿CÓMO VEZ LA INFOGRAFÍA A UNOS 10 AÑOS?Es como una bola de nieve que va creciendo. Hace 4 años no se enseñaban en institutos o universidades de diseño. Hoy en día es fundamental en el último curso de la carrera del diseño. La infografía es universal. No es que solo lo podemos entender las personas de este lado de esta región. Sino cualquier persona de la china, india lo pueda entender. Con el internet la información se está incrementando, se necesitaran de diseñadores que piensen como infografistas para dar una nueva perspectiva a este campo del diseño de información.

¿CÓMO TE VEZ TU, A UNOS 10 AÑOS EN LOS PERSONAL Y PROFESIONAL?mmm, creo que ya me veré con algunas canas de más, en lo personal enfocarme en proyectos personales con temas infográficos, una tendencia que no he visto mucho es el arte infográfico. Tratar de desarrollar ese concepto. Desarrollar una agencia en infografía aplicada al diseño. Bueno, es lo que actualmente lo hago con N+1 creative Design, pero trabajo en ello. Y seguir aprendiendo cada día. Con mis clientes a la hora de negociar y proponer o con mis alumnos a la hora de conversar sobre el futuro de la infografía y de lo que nos depara...Que está aquí, a la vuelta de la esquina.

La información: cuanto más sabemos del tema se nos hará más sencillo realizar la infografía, Es por eso que todo depende de la información, y recomendable “in situ” ir al lugar. Ayudarnos con entrevistas, videos, publicaciones etc.Boceto: Es importante porque es el alma inicial de la infografía, que queremos informar Elaboración de la infografía: Es la parte técnica, es el proceso del armado hasta la corrección final y presentada al cliente.

Page 15: Revista Cibart -Tercera Entrega

Junio 15 / Edición 2

Page 16: Revista Cibart -Tercera Entrega