Tendencias en diseño web 2019: lo que viene para quedarse

¿Qué tendencias en diseño web vamos a tener este año? Hacemos un rápido repaso de las más importantes para estar al día.

Ya lo decía Heráclito:

No hay nada permanente excepto el cambio

Tendencias en Diseño Web 2019

Gigantismo

img1

La época de las tipografías de 12 puntos y textos imposibles de leer salvo que estuvieses operado de la vista han acabado.

Titulares gigantes encima de las fotos, siendo los auténticos protagonistas.

Ejemplos:

Personalidad propia

img2
Autor: Fernando Nunes

Todo el mundo tiene acceso a imágenes de archivo, a los unsplash de turno. Y por eso, cada vez es más necesario tener una personalidad visual propia. Ilustraciones que transmitan tu marca de forma única.

Ejemplos:

Animaciones

img3
Stan Yakusevich – (Mi Smart Home)

Está claro que hoy, más que nunca, necesitamos captar la atención de nuestra audiencia. Por ello, animar fondos, formas, imágenes, etc. es casi un must si queremos estar a la altura de las expectativas.

Ejemplos:

Anti-estándar. La búsqueda de lo ecléctico

img3

Tener un diseño “bonito” hoy en día es muy fácil. Tan solo hay que descargarse una plantilla cualquiera de alguna de las cientos de webs de plantillas que hay en el mercado.

Sin embargo, diferenciarse es vital, cada vez más, y por eso debemos evitar, lo máximo que podamos, estándares y repetir fórmulas. Hay que sorprender a nuestra audiencia desde el primer segundo.

Ejemplos:

Explosión de color

img4
Project Baboon de Sagmeister & Walsh

Atrás han quedado los tonos apagados. Es la época del destape y estamos viviendo un auténtico renacimiento de la creatividad en cuanto a colores,  formas y animaciones se refiere.

Ejemplos:

Tipografía

img5

Llevamos ya unos años de bonanza. Este próximo año no será menos y seguiremos viendo explosión de creatividad tipográfica. Desde marcas que se hacen sus propias tipografías (y por supuesto las ponen al alcance de tod@s)  a combinaciones imposibles. Y si podemos, ya de paso, las animamos.

Ejemplos

Y por supuesto…

Mobile First

Nada nuevo aquí pero sí necesario seguir recordándolo. Decimos adiós poco a poco a la web de escritorio para que todo vaya siendo más mobile. Es hora de adaptarlo todo al usuario móvil, a las diferentes resoluciones que usamos en el día a día mientras comemos, andamos, etc.

Velocidad de carga

¿Cuánto es rápido? Pues más. Cuanto más rápido carguen tus contenidos mejor para todos. No perderás visitas, Google te tratará mejor.

One-page

Seguimos para bingo con el One-page. Parece que seguiremos viendo webs de una sola página. Y no solamente hacia abajo, ojo también con los scrolls horizontales.

En definitiva

Cómo diría nuestra querida Mar Garachana:

Esperamos que la cuesta de enero no os pille con codo de tenista, diseñadores del mundo, porque habrá que mover bien el brazo.

Escrito por: Lucas García

Tomado de: 40defiebre.com

Anuncios

Motion graphics: Llevando el diseño gráfico al siguiente nivel

logo-7up.gif

Una traducción aproximada de motion graphics es “gráficos en movimiento”. Aunque se ha popularizado recientemente, el término es más antiguo de lo que se piensa y gracias al boom que actualmente vive la animación, se ha vuelto más común.

Motion graphics es un recurso que ha ido evolucionando y mejorando. Actualmente es de gran importancia en el medio publicitario pues permite crear contenido innovador y dinámico.

¿Qué es motion graphics?

Es una herramienta de producción audiovisual que permite combinar diferentes técnicas como la animación, el diseño gráfico, la fotografía, el video y los efectos especiales. Esto la convierte en el medio perfecto para comunicar un mensaje.

Aplicaciones en la publicidad

Actualmente forma una parte importante de la postproducción. Puede encontrarse en medios como televisión e internet en diferentes formatos como spots publicitarios, gifs, infografías animadas, intro para logotipos, presentaciones, efectos especiales e incluso videos musicales.

En este spot de la plataforma de televisión por satélite francesa CANAL +, se puede observar cómo se combinan diferentes técnicas y el resultado es increíble:

Programas utilizados para motion graphics

Existen muchos programas especializados en animación tanto en 2D y 3D que proporcionan diferentes herramientas y funcionalidades. Los más reconocidos y mis favoritos son:

After Effects

Esta joya tiene funciones ilimitadas para crear motion graphics de alto nivel. Permite realizar animaciones 3D y 2D, además de contar con plugins increíbles y presets que ahorran mucho tiempo. Sin duda mi favorito.

Cinema 4D

Este programa especializado en 3D permite modelar e iluminar desde personajes hasta proyecciones arquitectónicas con una calidad genial. Cuenta con una interfaz amigable a la que es muy fácil adaptarse.

3D Max

Otro programa especializado en 3D con herramientas para crear renders muy realistas. Desde mi punto de vista, uno de los pesos pesados en su categoría.

Photoshop

¿Hay algo que Photoshop no pueda hacer? Lo dudo mucho y es que además de ser un programa de retoque y edición digital también permite crear animaciones sencillas. Es perfecta para personas que apenas comienzan a adentrarse en la animación.

Tomado de. inbound.qualium.mx

Escrito por: Iván Salaya

Back to the moon, una mirada al primer doodle de Google en realidad virtual

“Amigos míos, esta noche me dirijo a ustedes como lo que realmente son: hechiceros, sirenas, viajeros, aventureros, magos… Los invito a soñar conmigo”.

—Georges Méliès

 

El doodle del 3 de mayo de 2018, el primero interactivo en formato de realidad virtual y 360°, creado en colaboración con los equipos de Google Spotlight Stories, Google Arts & Culture y La Cinémathèque Française, rinde homenaje a Georges Méliès, el innovador ilusionista y director de cine francés, en el aniversario del estreno de À la conquête du pôle (La conquista del polo, 1912), considerada una de sus grandes obras maestras. Méliès desarrolló, en los inicios del cine, muchos métodos cinematográficos narrativos y técnicos, relacionados particularmente con el uso de efectos especiales y la creación de las primeras películas de ciencia ficción.

Para disfrutar al máximo de la experiencia de realidad virtual del doodle de Google en tu dispositivo móvil, Cardboard o Daydream, descarga la app de Google Spotlight Stories en Google Play o App Store. También puedes disfrutar del doodle sin visor y como video de 360° en el canal de YouTube de Google Spotlight Stories.

Agradecemos especialmente a los expertos en Méliès de La Cinémathèque Française por su colaboración con este proyecto. A continuación, Laurent Mannoni, director de Patrimonio de La Cinémathèque Française, comparte más información sobre Méliès y su impacto en el mundo del cine:

Más de cien años después, podemos agradecer a la mente pionera de Georges Méliès por gran parte de las maravillas cinematográficas y los efectos especiales que vemos en la actualidad. El título de una de sus películas, L’Homme-Orchestre (El hombre orquesta, 1900), captura perfectamente todo lo que fue Méliès: dibujante, pintor, caricaturista, mago, director del Teatro Robert-Houdin, escenógrafo, comediante, escritor, actor, técnico, apasionado de la fantasía, visionario de más de 500 películas y propietario del primer estudio vidriado diseñado para el mundo del cine. Participó en TODOS los aspectos de la producción de sus obras, desde dibujar los conceptos de las escenografías hasta dirigir a los actores.

La contribución de Méliès al séptimo arte fue revolucionaria. Cuando la cinematografía estaba en sus inicios y era casi exclusivamente documental, Méliès fue el primero en abrir las puertas de los sueños, la magia y la ficción. Para lograr este hecho trascendental, unió los universos de Robert-Houdin con la cronofotografía y la cinematografía de Marey y los hermanos Lumière. El cuerpo entero de obras de Méliès se destaca por el dinamismo de la fantasía, la imaginación sin límites y una exaltación irresistible. Creó mundos explosivos y una combinación única de fantasmagoría, perversidad, trampantojo, ilusiones, llamas, humo y vapores.

En ocasiones, Méliès se inspiró en hechos de su época. Por ejemplo, su película “A la Conquête du Pôle” (La conquista del polo, 1912) es una interpretación cómica y mágica de las exploraciones que realizaban en la época Amundsen y sus competidores desafortunados. Llegó a construir un “gigante de nieve” dentro de su estudio vidriado de Montreuil para la película. Tan solo la cabeza de la criatura medía 2 m (6.5 ft) de alto.

Méliès también demostró ser un visionario de lo que estaba por venir. Su película Le Voyage dans la Lune (Viaje a la luna, 1902) es una predicción fascinante y satírica de la llegada del hombre a la luna, que se concretaría 67 años más tarde. Del mismo modo, Le Tunnel sous la Manche ou le Cauchemar franco-anglais (El túnel de la Mancha o La pesadilla franco-británica, 1907) predijo la construcción del Eurotúnel mucho antes de su realización. También imaginó y construyó muchas innovaciones científicas para su época: creó su propio eclipse solar con maquinaria en escena en “Éclipse du soleil en pleine lune” (El eclipse: el cortejo entre el Sol y la Luna, 1907), se burló de la medicina de moda en Hydrothérapie fantastique (El secreto del doctor, 1909), montó una usina en “A la Conquête du Pôle” (La conquista del polo, 1912) y también imaginó la televisión moderna en Photographie électrique à distance (La fotografía eléctrica a distancia, 1908)muchos años antes de que existiera.

Méliès también fue un actor increíblemente ágil y un destacado mimo que protagonizó casi todas sus películas. Algunas veces, incluso se multiplicó en escena, como en “L’Homme-Orchestre” (El hombre orquesta, 1900), donde siete réplicas de Méliès aparecen en el mismo cuadro. Gracias a un truco óptico, incluso se infla la cabeza hasta explotar en L’Homme à la tête de caoutchouc (El hombre de la cabeza de goma, 1902).

Los ejemplos anteriores conducen a otra contribución clave de su mente precursora: los efectos especiales. La magia de George Lucas y Steven Spielberg como la conocemos hoy no sería posible sin las técnicas que desarrolló Méliès en maquinaria teatral, pirotecnia, efectos ópticos, fundidos horizontales y verticales, paradas de cámara, fundidos cruzados, sobreimpresiones, ilusionismo, efectos de edición y efectos de color.

A Méliès le fascinaban las tecnologías innovadoras y siempre estaba en busca de nuevos inventos. Imagino que le hubiese encantado vivir en nuestra época, con la abundancia de técnicas cinematográficas de inmersión, imágenes fantásticas y efectos digitales que vemos en pantalla. No tengo dudas de que le hubiese encantado ser el centro de atención con el doodle de Google de hoy; el primero con tecnología de realidad virtual y en 360°, que llega a todo el mundo gracias a un nuevo medio con ilimitados poderes mágicos.


Para echar un vistazo a los objetos de colección originales de Georges Méliès y descubrir la historia detrás de la creación del primer estudio cinematográfico y de efectos especiales, visita nuestra nueva pieza en exhibición de Google Arts & Culture, creada en colaboración con La Cinémathèque Française en París, Francia.

Hélène Leroux, creadora de doodles y líder de arte del proyecto, comparte el detrás de escena sobre el desarrollo del doodle, producido por Nexus Studios:

Hace más de un siglo, Georges Méliès transformó el mundo del cine (¡y nuestras vidas!). Fue un placer descubrir la magnitud de su trabajo y el legado de cientos de películas que nos dejó. Méliès creía que el cine y las cámaras eran mucho más que herramientas para capturar imágenes, los consideraba vehículos para transportar a los espectadores a nuevos mundos y ayudarlos a sumergirse en sus historias.

Con decenas de ilusiones y trucos, Méliès llevó la magia a la cinematografía. No hay mejor forma de rendirle homenaje que con una de las herramientas narrativas más innovadoras y envolventes de la actualidad: la realidad virtual.

En el doodle, el codirector Fx Goby, Nexus Studios, y yo quisimos destacar varios trucos de Méliès y, al mismo tiempo, trasladar al espectador a una historia y un mundo llenos de magia. Mira algunos ejemplos a continuación:

 

¿Cómo lo hacía? Méliès se filmaba varias veces en la misma tira de imágenes.

Película en la que puedes verlo: L’Homme-Orchestre El hombre orquesta, 1900

 

¿Cómo lo hacía? Méliès pausaba la filmación, cambiaba de personaje y volvía a filmar.

Película en la que puedes verlo: Las cartas vivientes, 1905

 

¿Cómo lo hacía? MéMéliès colocaba una pantalla negra frente a la cámara para crear la ilusión de que los elementos desaparecían.

Película en la que puedes verlo: El hombre de las mil cabezas, 1898

 

¿Cómo lo hacía? Méliès usaba las mismas técnicas ya mencionadas, excepto que filmaba otro fragmento de la película sobre una pantalla negra.

Película en la que puedes verlo: La sirenita, 1904

 

¿Cómo lo hacía? Méliès detenía la cámara, hacía que el personaje saliera de escena y reanudaba la filmación.

Película en la que puedes verlo: Viaje a la luna, 1902

 

Además de mago, Méliès era un gran narrador de historias. Por eso era importante que el doodle tuviera un hilo narrativo claro. Decidimos presentarlo como una escena de ballet o una obra de teatro en la que TÚ decides lo que quieres ver. En estas circunstancias, el espectador se convierte en la cámara y edita su propia película.

En este boceto, que es uno de los primeros, la historia se muestra en capas (era importante tener una separación clara entre las capas). Los elementos principales de la historia, como las animaciones de los personajes principales, ocupan la sección roja. Las escenas secundarias, como los músicos que interpretan la banda sonora, ocupan la sección amarilla. Por último, las animaciones en bucle de elementos decorativos y las sorpresas especiales, ocupan la sección azul.

Dato curioso: Jehanne D’Alcy fue una actriz que trabajó en las películas de Méliès’ y, más tarde, se convirtió en su esposa.

Queríamos que el arte del doodle representara los mundos a medida que fabricó Méliès para sus películas. No olvidemos que él creó y pintó todos los elementos con sus propias manos. Para hacerlo y lograr una sensación de calidez, me centré en una fotografía con colores intensos y agregué varias texturas a los personajes y otros elementos. Luego, el equipo hizo un trabajo fascinante para adaptar los diseños 2D en modelos 3D.

Modelado 3D de mis diseños 2D

Los colores también son muy importantes. Como en la época de Méliès no se podía filmar a color, era necesario pintar cada cuadro, en ocasiones con una paleta de colores muy limitada. Para representar esa característica, decidimos incorporar un color dominante fuerte (por ejemplo, cian, rojo o amarillo) en cada escena de la película.

Fue un honor formar parte de la creación de una historia y una experiencia originales que pudieran recordarles a los usuarios el gran aporte de Méliès. Esperamos que muchos se inspiren y hagan realidad sus sueños, como este gran artista.

Merci, monsieur Méliès!

Tomado de: google.com/doodles

 

 

 

 

 

 

 

 

 

Principios básicos para la creación de contenidos digitales

contenidos_digitales

¿Quieres entender cuáles son los principios básicos para crear contenidos digitales ?

Debes partir del hecho que dentro de la tendencia del marketing de Contenidos, Kristina Halvorson, CEO de Brain Traffic, estableció que era necesario crear una estrategia para crear contenidos.

Su justificación es la siguiente:

“Una estrategia de contenido define cómo vas a usarlo para cumplir la metas de tu proyecto o negocio y a la vez satisfacer las necesidades del cliente”.

En una estrategia de marketing de contenidos se vuelve repetitivo decir que necesitamos oír al cliente y sus necesidades.

Para atraer a los clientes se debe tener en cuenta 2 puntos fundamentales

  1. La distribución de los contenidos
  2. La estrategia de creación de los contenidos digitales.

Sin embargo, es importante entender que dentro del diseño de esta estrategia debemos tener claras las bases al momento de crearlos. Con esta información en mente podemos empezar revisando los principios básicos que debemos tener en cuenta.

Generar o crear contenidos digitales desde otro punto de vista (diferenciación de contenidos)

Primero que todo, cada vez que se diseña un formato, se debe tener en mente la originalidad en la creación de contenidos digitales.

Si quizás te encuentras con temas que se han tratado en otros blogs, la diferencia estará en la perspectiva. Hay otras alternativas como apuntar a nuevo nicho de personas o investigar otros complementos frente a la temática. En general, busca información relevante que le dé más contraste a los contenidos que se están subiendo. La diferencia esta en cómo esos contenidos digitales le dan valor al usuario y como estos lo perciben.

Ejemplos de esto son los famosos contenidos ‘DIY’ (do it yourself) o hágalo usted mismo. Los usuarios hacen parte de una marca, y que los contenidos están diseñados para él.

No solo es ser diferente, es también ser único al crear contenidos (autenticidad)

Muchas veces se piensa en crear contenidos  con la forma de un comunicado de prensa, sin tener presente al usuario. La autenticidad de un contenido le permite a una marca conectarse de manera afectiva; en otras palabras, moverle las ‘fibras’ del usuario.

Eso es lo valioso de una estrategia de marketing de contenidos, el poder generar temas relevantes que conectan a una marca con su audiencia. Sin embargo, se tiene la creencia que, si los contenidos digitalestienen calidad y hablan de la marca, conectan a la audiencia.

Hablándole de manera especial y vinculándolos emotivamente la audiencia va a ‘orbitar’ la marca, cosa que no siempre sucede, y no olvides que el éxito de los contenidos es que sea educativos y no publicitarios.

La palabra correcta, organizada de la manera correcta

 

principios-crear-contenidos-01-285x300

 

Analizar las palabras clave que vamos a integrar en los contenidos debe ser primordial. A mejores palabras, una mejor posición en los motores de búsqueda y un mayor alcance.

De manera breve, es empezar a pensar qué palabras no genéricas (que no busque todo el mundo) nos pueden ayudar a posicionarlos, obviamente teniendo la redacción SEO en mente.

Un ejemplo de una búsqueda con un keyword normal: “Crear contenidos”, mientras que para poder capitalizar podríamos utilizar: “Crear contenidos para Navidad”.

Al final las palabras compuestas, lo que nosotros conocemos como frases nos pueden ayudar a generar conversiones en el contenido.

Seguimiento, seguimiento, seguimiento (consistencia)

Si bien es importante generar reconocimiento, también es fundamental que sepan que siempre van a encontrar algo nuevo de parte de la marca. De esta manera, se generará lealtad en la audiencia. Ellos van a saber que la marca va a estar allí para ellos cuando busquen información sobre alguna temática.

Pero, al final del día, ¿cómo se logra esto? Es fundamental crear contenidos digitales relevantes para la audiencia. Adicional a esto, hay que publicar de manera regular artículos e información, que generen interés en intervalos constantes. Si no se mantiene esta frecuencia se puede perder interés en la marca, lo que al final aleja a la audiencia.

Además de publicar se debe tener en mente cuándo y cómo publicar; es importante saber qué tipo de contenido digital puede ser interesante en una temporada (Primavera o San Valentín);

La manera más efectiva de distribuir contenidos puede ser mediante Emailing, Social Media, SEM /SEO y Native ads.

Hacerle seguimiento a los contenidos relacionados con la identidad de la marca es una de las grandes prácticas del marketing. Ten en cuenta que de esta forma se puede lograr relevancia en la audiencia a la cual te diriges.

Tomado de: wearecontent.com

Escrito por: Juan Carlos Guevara Díaz

ARQUITECTURA 2.0: EMOJIS EN LAS FACHADAS

emojis-1

Cuando se piensa en la arquitectura vanguardista, se piensa en numerosas nuevas tendencias de diseño que, seguramente, no incluyen ningún emojis.

Sin embargo, eso podría cambiar, gracias al arquitecto Changiz Tehrani, que en Amersfoort, Holanda, diseñó un edificio con 22 emojis hechos de concreto moldeado. La idea surgió, contó Tehrani, cuando pensó en incluir en el edificio algo que lo marcaría como parte del 21.

“El estudio holandés Attika tenía que diseñar un edificio en la ciudad de Amersfoort. Y el arquitecto Changiz Tehrani decidió darle un aspecto particular a la fachada: incluyó 22 emojis, en un concepto similar a como en otra época se ponían los rostros de nobles o dioses. El edificio, que tiene negocios, un teatro y una escuela, está frente a una plaza, y combina en su exterior ladrillos con estos modernos dibujos”, publicó Mashable.

emojis-3

El edificio se terminó de hacer en 2015, pero recién ahora está ocupado, semanas antes de que las fotos de su particular diseño comenzaran a circular en las redes.

emojis-4

Tehrani le dijo a The Verge que no tiene problemas con los críticos que dicen que su diseño está “demasiado anclado” en un momento histórico particular. El dice que nunca quiso hacer algo “inmortal”, sino todo lo contrario: “quiero que la gente lo vea en el futuro y diga ‘ah, es de esa época’”.

emojis-5

“Hay muchos jóvenes por aquí, y el emoji es una cosa de ahora, de este tiempo”, le dijo Tehrani a The Verge, en referencia a la escuela que está cerca de la construcción. “Los estudiantes se sientan en la plaza, almuerzan y toman fotografías. Les gusta. Y con nuestra arquitectura siempre nos gusta poner pequeños detalles que hacen que el proyecto sea un poco más que un edificio aburrido”.

https://goo.gl/maps/fu1X1iVmmtk

Tomado de: merca20.com

Escrito por: Pablo Petovel

 

Ramo renueva su imagen después de 68 años

ramocambiadeimagen

Ramo, una de las marcas más queridas por los colombianos y asociada a la tradición, renueva su imagen. Después de casi dos años de esfuerzo conjunto con Misty Wells & Zea, firma colombiana de branding y packaging parte del Gupo Zea, se logró revitalizar el logotipo creado por su fundador Rafael Molano en 1950.

El nuevo logo, que lucirán los productos de Ramo (Achiras, Panderitos, Tostacos, Maizitos, Chocoramo y el Ponqué Ramo), hizo parte de un proceso desarrollado con mucho respeto y gran cuidado por el equipo de Misty Wells & Zea, en conjunto con uno de los diseñadores de tipografía más reconocidos del país, Oscar Guerrero.

De esta manera, Ramo renueva su imagen buscando innovar y acercarse a sus consumidores después de 68 años consagrados a la fabricación de alimentos tradicionales para los colombianos.

No obstante, esto es tan solo una parte del gran proyecto que incluye el desarrollo de la estructura y arquitectura de marca y rediseño de sus empaques. Se espera que gradualmente los consumidores puedan ir conociendo los cambios, empezando por el icónico ponqué tradicional Ramo.

Ramo: un poco de historia

Rafael Molano, quien falleció en 2014, fue el fundador de Ramo. Seducido por el emprendimiento, hacia 1950 empezó a vender las tortas nacidas de una receta familiar a sus amigos de Bavaria, compañía en la que laboraba como ejecutivo de nivel medio. En las tiendas de barrio distribuyó su producto y, como en aquella época las tortas se compraban para cumpleaños y a costos elevados, los tajó en 12 porciones, por lo que se podían disfrutar a cualquier hora y a precios asequibles.

El nombre de la compañía nació de la forma en que Ana Luisa Camacho, la esposa de Rafael, empacaba los ponqués, usando cintas de papel seda para amarrar las tortas de forma muy similar a la de los ramos de flores.

Gracias a la demanda del producto y crecimiento de la compañía, en la década de los 60 abrieron su primera planta en el sector de San Andresito en Bogotá. Posteriormente, abrieron una planta en Sabaneta, Antioquia, y luego hicieron el traslado de la primera planta hacia Mosquera, Cundinamarca.

En los 70s, la marca se popularizó gracias a un programa de televisión en el que se destacaba el estribillo: “feliz cumpleaños amiguito te desea Ponqué Ramo”, que generó gran recordación y apego por parte de los consumidores. Para esa misma década nació el Chocoramo, un producto que hasta hoy representa el 80 por ciento de las ganancias de Ramo. En los 80s, el crecimiento del mercado llevó a la construcción de otra fábrica en Palmira, Valle del Cauca.

Actualmente, la marca continúa con la tradición de su fundador, entregar a los colombianos los productos con el sabor tradicional que los cautivó mientras incursiona en el mercado de los snacks.

Tomado de: revistapym.com.co

Escrito por: Aura Izquierdo

¿Qué Es El Lettering?

¿QUÉ-ES-EL-LETTERING-ECDL

¿Qué es el Lettering? Lo habrás visto mil veces pero quizá no sabías qué tenía un nombre. Lo verás en bares, comercios y también en la televisión, paseando por la calle, en publicaciones, anuncios, y mil y una veces en tus redes sociales.

que-es-el-lettering-ECDL

Existe desde que se inventó la escritura, pero es ahora , cuando gracias a la creatividad y a los nuevos materiales, el lettering se ha convertido en una toda una disciplina creativa con infinidad de aplicaciones.

En efecto, todos esos carteles y textos tan bonitos, hechos con acuarelas, rotuladores o tizas y que tanto atraen tu atención están hechos con Lettering.

El lettering es el arte de dibujar letras

Con frecuencia se confunde el lettering con la caligrafía y la tipografía, y aunque todas tienen que ver con la escritura no son lo mismo, así que ya que estamos aprendiendo algo nuevo, vamos a llamar a las cosas por su nombre 😉

Diferencias entre tipografía, caligrafía y el lettering

diferencias-caligrafia-lettering

TIPOGRAFÍA

La tipografía se refiere al diseño de letras

La tipografía es el arte de diseñar las letras. Una tipografía es un conjunto de letras, números y signos que tienen unas características comunes, que se han diseñado con un estilo común y que se programan para poder ser usados en nuestros ordenadores.

Lo vas a ver más claro si te pongo unos ejemplos. En la siguiente imagen verás tres tipografías diferentes,  y aunque no lo parezca, para escribirlas he usado mismo tamaño de letra en las tres pero se ven tan diferentes!

LETTERING-ECDL-2

Las tipografías tienen un diseño con un estilo predefinido que las hace únicas. Cuando escribimos un texto con una tipografía u otra, el texto cambia aplicándose sus características propias.

Así pues, cuando escribes una palabra con una tipografía en concreto siempre se ve igual, mientras con la caligrafía y el lettering esto no ocurre porque puede variar la forma de hacer las letras ya que se hace manualmente.

¿Por qué se confunden tipografía, caligrafía y lettering?

Los diseñadores de tipografías han apostado por tipografías con estilo personal. Es por eso que, existen en el mercado muchas tipografías que se diseñan para imitar el efecto de la escritura caligráfica o del lettering.

Veamos unos ejemplos de tipografías a ver qué te parecen.

En la primera tira de imágenes verás 3 tipografías que imitan la Caligrafía. En la segunda tira puedes ver 3 tipografías que imitan el Lettering en diferentes estilos: chalk lettering, brush lettering y hand lettering.

CALIGRAFÍA

La caligrafia se refiere a la escritura.

La caligrafía es el arte de escribir la letra. Y también puede entenderse como el conjunto de rasgos que caracterizan la escritura de una persona o de un documento.

La caligrafía se refiere también a la forma de escribir y se hace de un solo trazo. Así que, podríamos decir que la caligrafía es cómo escribimos, y por ello utilizamos la expresión “tener buena o mala caligrafía”.

Pero no pienses en la caligrafía solo como la forma de escribir cuando coges un lápiz. Hoy en día la caligrafía es todo un arte y con un poco de práctica y los materiales adecuados puedes hacer cosas tan bonitas como estas:

caligrafía-deplumayletras-600x600

LETTERING

El lettering se refiere al dibujo.

¿Qué es el lettering?: El lettering es el arte de dibujar letras. 

Si estás pensando en iniciarte en el lettering, te voy a dar una buena noticia, no hace falta tener una “buena letra” para poder hacer lettering.

Te voy a contar un truco que a mi me sirvió de mucho cuando empecé a practicar lettering:

 No pienses en las letras como letras en sí, piensa en las letras como si fueran formas.

Al contrario que con las formas tradicionales de caligrafía, que requieren ligaturas y una escritura continua, el lettering se hace dibujando.

Ejemplos de diferentes tipos de lettering:

DO-WHAT-YOU-LOVE-768x768

Una combinación que siempre triunfa es un texto en  brush lettering simulando caligrafía combinado con acuarelas como estas flores.

Ejemplo-Chalk-lettering-768x1024

Este proyecto de Chalk lettering, combina diferentes tamaños y tipos de letra con un banner y decoración de flores todo ello dibujado con tiza sobre pizarra.

hand-lettering-768x790

we-make-768x611

Estos dos ejemplos de hand lettering son una forma de hacer lettering muy divertida y con resultados espectaculares.

Como ves, el lettering no tiene límites! Puedes combinar colores, diferentes formas y tipos de letras, decorar con doodles, filigranas, banners, dibujos… El lettering tiene mucho que ver con la creatividad, simplemente se trata de dibujar letras de forma legible y creativa.

¿Te has quedado con ganas de más? Pues mira estos 3 ejemplos de lettering que ves a diario, y verás que el lettering es una forma poderosa de llamar nuestra atención usando la creatividad.

Tomado de: elclubdellettering.com

Escrito por: Gemma Muñoz

CINEMAGRAPH: FOTOGRAFÍAS EN MOVIMIENTO

pcIKXdC

Hace un par de días leía una noticia del País sobre la faceta artística de los GIFS. El artículo se refería a una exposición online sobre el popular formato, organizada por Paddle8 con el título de Moving the Stills. La referencia se aprovechaba, además, para hacer un repaso por algunos de los artistas que han usado esta extensión para plasmar su obra. Lo que más me sorprendió del texto fue que no se hiciera ninguna referencia al cinemagraph, que es precisamente lo primero que se me viene a la cabeza cuando pienso en el binomio arte/GIF.

El cinemagraph es una especie de híbrido entre fotografía y vídeo, con formato GIF, creado por el fotógrafo Jamie Beck y el diseñador web Kevin Burg. Beck lo definió como «algo más que una fotografía pero menos que una película». El resultado: fotografías en movimiento. A lo Harry Potter. El cinemagraph, popularizado sobre todo a través de Tumblr, supone la culminación del GIF, ese tipo de archivo de segunda que empezó su andadura en Internet como estrella del banner publicitario y ha acabado sus días como vehículo de memes y bromas virales.

Pero cinemagraph no es exactamente igual a GIF. En este último la animación es total, mientras que en el primero es solo una parte de la imagen la que se mueve, lo que da esa sensación de fotografía en movimiento. El cinemagraph nació vinculado a la moda y al diseño: ante todo es un formato puramente artístico, de una calidad altísima. Con un leve movimiento, su magia consiste en meter al espectador dentro de la fotografía.

Por cerrar el artículo dándole una pizca de circularidad volveré a hacer referencia al artículo del País. Uno de los artistas destacados ‒español, para más señas‒ es Ibon Mainar, que ha usado el GIF para hacer una curiosa reinterpretación de la obra de Edward Hopper. Mainar es consciente del escaso interés que de momento despierta este tipo de obras en el mundo del arte; sin embargo, en la red es otra historia. Dice Mainar: «Nunca podré aspirar a que en una galería vean mi trabajo 12.500 personas, sin embargo uno de mis GIF se reblogueó ese número de veces. Hay Gifs que se expanden cientos de miles de veces por la red y eso me hace reflexionar sobre si es el arte el que está al margen de lo digital. Creo que con lo digital, los GIFs, net.art, etc… arte que el propio artista cuelga en la red, existe una relación más sincera con el público». Menuda reflexión sobre el arte a cuenta del GIF.

   A continuación algunos ejemplos más de fotografías en movimiento.

04-bird-hand-bath

 

adobe_stock_cinemagraph_final

 

cinemagraph

 

download (1)

 

download

 

giphy

 

HS-Cinemagraph-1

 

url7565

 

Tomado de: lapiedradesisifo.com

Escrito por: Alejandro Gamero

¡Hablemos de packaging!

empaque_11-620x400

Se suele decir que “Ojos que no ven, corazón que no siente”. Esta frase puede ser de lo más acertada cuando hablamos de diseño de packaging, hoy en día las marcas intentan acercar a los ojos de los consumidores sus productos mediante la utilización de una serie de elementos tales como materiales, texturas, colores, tipografías, formas, etc. que harán que impacten directamente en su lado emocional (corazón) e influirán decisivamente en sus decisiones de compra. Como decía April Greiman “El diseño gráfico debe seducir, educar y quizás lo más importante, provocar una respuesta emocional”, aspectos estos que se engloban dentro de las estrategias de branding de las marcas.

Dicha afirmación podemos constatarla con datos como los que esta infografía de Maketing Profs nos ofrece (http://www.marketingprofs.com/chirp/2014/25957/how-product-packaging-affects-buying-decisions-infographic) estimando en un tercio las decisiones de compra basadas en el empaquetado de un producto (el packaging), dato que sin duda refleja la tremenda importancia de esta estrategia de branding directa a los sentidos llamada “packaging de producto”.

Una buena estrategia de difusión de imagen de marca o identidad corporativa en la que se incluya como aspecto fundamental el packaging de sus productos, llamativo y original, puede ser el impulso hacia el éxito de la empresa. En los casos más especiales, puede generar un gran revuelo, repercusión  y viralidad a través de las redes sociales que facilitarán que tu marca crezca catapultada hacia el éxito.

A continuación, queremos mostraros lo que serán las tendencias en “packaging” más usadas en 2015:

La simplicidad y el minimalismo

Estos dos conceptos son los que más se tienen en cuenta últimamente dentro del mundo de los envases. Parece que cuanto más sencillo sea el diseño, más transmite y más llama la atención de los usuarios.

Los colores: Gracias al color podemos llegar visualmente al consumidor de una manera mucho más rápida, eficaz y emocional. Como sabéis, existen connotaciones y conceptos asociados a cada color, en base a los cuales, la marca elige el suyo dependiendo de lo que quieran transmitir, para recordarlo, aquí tienes las principales asociaciones de ideas o conceptos a los colores: BLANCO: pureza, inocencia, optimismo; PLATA: paz, tenacidad; GRIS: estabilidad; AMARILLO: inteligencia, innovación, precaución; ORO: fortaleza; NARANJA: energía; ROJO: vitalidad, poder, apasionamiento, agresividad; PÚRPURA: serenidad; AZUL: verdad, serenidad, armonía, fidelidad, responsabilidad; VERDE: moderado, equilibrado, tradicional, ecológico; NEGRO: silencio, elegancia, poder, prestigio, calidad.

Como última tendencia hemos podido comprobar que en cuanto a imagen de marca se llevan los colores planos y el uso de un solo color, excepcionalmente dos colores muy complementarios visualmente entre sí. Un ejemplo sería el uso de la combinación Blanco/Negro. También destaca la aparición del uso de los tonos o colores pastel, sobre todo en que pretendes inspirar confianza, cariño e intimidad.

packaging-colores-planos

packaging-color-plano

packaging-color-plano

packagings-look-basico

Las tipografías: Principalmente líneas planas o manuscritas son las que más se utilizan dentro del minimalista ambiente actual de packaging ya que transmiten orden e incluso la idea de un producto artesanal que se suele considerar como mejor producto. Otro recurso utilizado es el uso de tipografías de gran tamaño, para destacar, pero siempre sencillas y claras para que sean fáciles de leer. La contraposición de varias tipografías diferentes también está a la orden del día.

Lo ecológico: Hablar de ecología es hoy habitual. En todos los lugares y cada día escuchamos algo acerca de productos que tienen que ver con la ecología ya que la preocupación general por el medio ambiente es creciente. Por esta razón, crear un packaging que evoque a la naturaleza y a la ecología puede ser una gran idea y efectivamente está siendo una tendencia muy seguida, dentro de ella tiena gran importancia la estética y calidad del papel, la textura Kraft por sus colores y tacto apreciable nos recuerda a los productos naturales.

 

Lo funcional: Otra tendencia actual en packaging es realizar los envases de una manera que faciliten la vida al usuario y además que puedan ser reutilizados después en su día a día.

 

 Packaging multisensorial: Llega al consumidor a través de los sentidos, ya sea con texturas, olores, sabores… esta opción crea un buen engagement con los usuarios ya que al conectar directamente con sus sentidos y suele llamar más la atención.

 

“Al desnudo” : Con esto queremos referirnos a la tendencia de mostrar los productos en envases transparentes que dejen ver todo lo que contienen. Esta medida aporta credibilidad y seguridad ya que los consumidores pueden ver lo que están comprando tal cual es.

 

Envases personalizados: Personalizando los envases se consigue empatizar con el cliente y crear lazos entre ellos y las marcas. Donde más hemos podido ver esta tendencia últimamente es en los productos de Coca-Cola o Nutella, pero cada vez más las marcas se incluyen en esta tendencia personalizada.

packaging-personalizado

 

En conclusión, un buen packaging, como ya hemos expuesto, puede catapultar tu marca hacia el infinito y mejorar tus ventas de manera muy notable, de manera que… ¡A inventar packagings se ha dicho!

Tomado de: luisan.net

 

Nada se deja al azar en el diseño de un logo y mucho menos el (todopoderoso) color

colores

Cuando se trata de diseñar el logotipo de una marca, la elección del color juega un papel fundamental. El logo se erige como un elemento esencial a la hora de comunicar los valores de nuestra marca y el mensaje que queremos transmitir a los consumidores.

¿Ha oído hablar en alguna ocasión de la psicología del color? Un planteamiento que deberíamos tener muy en cuenta puesto que cada color es percibido de una forma diferente, provocando sensaciones y emociones distintas.

Partiendo de esta teoría, y con la ayuda de la infografía elaborada por Builtvisible, vamos a analizar los colores más utilizados por 20 compañías bastante reconocidas. Verá como al final de este texto comprende la importancia que juega el color en la mente de los consumidores.

Lo primero que debe saber es que el 80% de la información que recibimos de un logo es el color. Sabiendo esto, le recomendamos que eche un vistazo a la primera rueda que aparece en la infografía (al final de la noticia) donde se recogen los colores más utilizados por cada tipo industria.

¿Ya ha terminado? Si es así, habrá comprobado que, por ejemplo, la mayoría de los restaurantes se decantan por el rojo, mientras que las empresas relativas a equipamientos optan por el azul. Una situación extensible al color negro con la industria de los accesorios.

Las citadas decisiones no responden únicamente a razones estéticas. Nada más lejos de la realidad. Es la psicología del color la que impera. Vamos a ver algunos de los ejemplos recogidos en la infografía.

El rojo es un color que transmite energía y que incluso es capaz de estimular el apetito. He ahí la razón por la que McDonald’s es una de las empresas que cayó rendida a sus pies. El color verde se asocia con la salud, el bienestar y la naturaleza y por eso está presente en Subway (motivos por los que McDonald’s se pasó al verde).

Vemos que el rojo se trata además de un color históricamente asociado a la pasión. Un sentimiento con el que se relaciona rápidamente el logo de Vans. El poder y la masculinidad no le son percepciones ajenas al rojo y esto es algo que Audi sabe y ha querido transmitir con su logo.

El azul suele asociarse con la seguridad y la confianza. Dos valores con los que cualquier aerolínea del mundo querría verse asociada. Esta es la razón por la que el azul es el protagonista del logotipo de United Airlines.

Otras aerolíneas prefieren mostrarse como optimistas y cercanas. Sensaciones que transmite el color amarillo y por las que se ha decantado el logo de Lufthansa.

Si lo que estamos buscando es que nuestra marca se asocie con lujo y calidad, el color plateado es nuestro mejor aliado. ¿Ha visto el logo de Toyota?

Estos son solo algunos de los sentimientos y valores con los que se asocian los colores. No pierda detalle de cómo los trabajan en sus logos el resto de marcas que le ofrecemos en la infografía.

psicologia-color

Tomado de: marketingdirecto.com