Quantcast
Channel: Diseño Gráfico - Creativos Online
Viewing all 960 articles
Browse latest View live

Cómo eliminar el fondo de cualquier imagen en 5 segundos y sin esfuerzos

$
0
0

Gracias a esas apps web que tenemos en la red de redes podemos realizar algunos trabajos que nos ahorran muchos esfuerzos y ese tiempo que podemos perder en llevarlos a cabo. Remove.bg es esa app web que nos permite eliminar el fondo de cualquier imagen en un segundo.

Y aunque tengamos maravillosos tutoriales para eliminar fondos como este, esta app, aunque con sus condicionantes, lo conseguirá en 5 segundos gracias a la inteligencia artificial que utiliza para hacer toda esa magia. Contamos ahora alguno de sus hándicaps, ya que no es todo oro lo que reluce.

Ayer mismo estuvimos compartiendo otra maravillosa app web para fuentes. Ahora es Remove.bg la que se lleva todo el protagonismo para que elimine el fondo de una imagen en la que siempre aparezcan personas.

Subimos la imagen y Remove.bg se encargará de eliminar el fondo. El resultado es un archivo PNG con sus transparencia para que podamos poner el fondo que queramos. Todo en cuestión de segundos y gracias a esa app web que tenemos totalmente gratuita desde este enlace.

Al igual que FontSpark, la interfaz es bien intuitiva, aunque no tan elegante como la primera. No solamente podemos usar fotos de nuestra memoria, sino que permite la introducción de una URL para que ella misma se encargue de eliminar el fondo de la imagen.

Lo único que está limitada a personas, así que si usas un animal, el que usamos en ese tutorial de Creativos Online, o un objeto, simplemente rechazará el archivo. Eso sí, tenéis que fijaros bien en el resultado dado, ya que no es del todo 100% perfecta.

Una app web para eliminar fondos de imágenes en cuestión de segundos y que es perfecta para esos menesteres en el que hemos de quitar ese fondo rápidamente. Todo un acierto como app web.

La entrada Cómo eliminar el fondo de cualquier imagen en 5 segundos y sin esfuerzos se publicó primero en Creativos Online.


Canvas es una nueva app de Google para dibujos rápidos y hacer garabatos

$
0
0

Otra app web, pero esta vez traída por Google y que se llama Canvas. Con Canvas podemos realizar dibujos rápidos y esos garabatos con los que intentar expresar ideas, conceptos o mismamente crear el organigrama de lo que será nuestra organización o empresa.

Chrome Canvas es una app web progresiva que lanzó ayer mismo la gran G y a la que podemos acceder desde cualquier Navegador. Si bien recordáis hace ya unas semanas la misma Google trajo a Squoosh, otra app web para comprimir imágenes y así llevarlas luego a nuestras webs sin mucho peso en kilobytes.

Desde un primer momento podéis vincular vuestra cuenta de Google con Chrome Canvas, así podréis volver a la galería en todo momento y acceder a vuestros dibujos desde cualquier dispositivo. Este es uno de los aspectos a tener en cuenta con esta app.

Las herramientas son 5: lápiz, tiza, bolígrafo, rotulador y goma. Están representadas por sus propias imágenes en el lateral izquierdo de la pantalla y se encuentran situadas justo debajo del selector de color con colores predeterminados y la posibilidad de crear los nuestros totalmente personalizados.

En la parte superior tenemos la opción de exportar el dibujo para que lo descarguemos en formato PNG. Así que todo perfecto para una app muy intuitiva y que se deja utilizar rápidamente. Dependerá desde el dispositivo en el que la uséis que podáis trabajar mejor con ella; es muy distinto usar el ratón para dibujar que vuestros dedos en la pantalla de vuestro móvil o tablet.

Chrome Canvas es una app web, al igual que FontSpark, y que llega para que se convierta en esa solución perfecta para nuestros móviles o esa tableta gráfica que tenemos conectada al puerto USB de nuestro portátil o PC. No pierdas el tiempo y pásate ya por su enlace para probarla.

La entrada Canvas es una nueva app de Google para dibujos rápidos y hacer garabatos se publicó primero en Creativos Online.

Crea fabulosas animaciones geométricas con Motion y una sola imagen

$
0
0

El machine learning es ahora mismo una de las “recetas” más usadas para llevar esa forma de aprendizaje de sistemas para sacar resultados bien llamativos. Motion es una app web que nos permite crear animaciones geométricas desde una única imagen.

Con una única imagen esta app web llamada Motion podrá crear GIFs animados y así sorprender a propios y extraños en redes sociales, trabajos web y otro tipo de soluciones que seguramente ya tenéis ideada. Una sencilla y llamativa herramienta que os damos a conocer.

Motion nos permite elegir una imagen que utilizará con el machine learning para así dar como resultado un archivo GIF que estará bien animado de forma geométrica. Simplemente estamos ante una app web que explora el uso del machine learning, la geometría y el vídeo para dar resultados bien llamativos.

Se vale de FFMPEG e ImageMagick para hacer toda esa magia y producir resultados bien interesantes. Ya que esas imágenes estáticas, sin la necesidad de añadir ninguna más, puede dar el efecto de estar en movimiento y que incluso se produzca la sensación de viento en algunas imágenes.

Podés acceder a Motion desde este enlace. También se puede usar URLs con imágenes y vídeo y seleccionar si queremos que sea un GIF o una imagen el resultado final. También nos permite elegir el tipo de forma, entre triángulo, rectángulo, círculos y todos, y el estilo artística entre abstracto o realista.

De esta manera, desde una misma fotografía, se puede dar resultados distintos que nos permitan poner el acento en esa imagen abstracta que queremos para la web de un cliente. Otra gran app web como la lanzada hace poco por Google y que se llama Canvas, y que nos permite acceder desde un navegador web cualquiera a herramientas de gran calibre y que dan gran resultado para nuestro día a día como diseñadores o como simples aficionados del buen gusto.

La entrada Crea fabulosas animaciones geométricas con Motion y una sola imagen se publicó primero en Creativos Online.

La gestión del color para imprenta­

$
0
0

Es importante que tengamos en cuenta que el color en pantalla (RGB) no es visualmente igual que en papel (CMYK). Antes de mandar un proyecto final a imprimir debemos asegurarnos que estamos exportando los archivos con el modo de color CMYK para que el color final sea lo más acercado posible al que vemos en pantalla. 

Aun teniendo en cuenta la exportación en CMYK, hay muchos factores que pueden variar nuestro resultado final. El tipo de papel donde elijamos imprimir, el tipo de cartuchos de color, entre otros aspectos que mínimamente pueden causar modificaciones.


Los colores pantone

El pantone es considerada una herramienta básica para los profesionales del diseño gráfico. Se trata de una librería de colores que nos aseguraran tener el color desead, es decir, es una referencia de colores. Los archivos que enviemos a imprimir, aunque sean imprentas diferentes, conservarán el mismo color.

Webs de conversión

Existen herramientas online que te ayudarán a convertir los colores de tus diseños para su impresión.

Palentton

Con esta herramienta online puedes trabajar para crear tus propias armonías y paletas de colores. Se trata de una rueda de color en la que puedes desplazarte entre sus colores, tintas y luces. Eso te permita experimentar con tus propias combinaciones.

 Adobe Color

Adobe también tiene su propia rueda cromática para poder conseguir nuestro color ideal. Tiene disponible una librería de paletas compartidas por los usuarios que utilizar y guardar si posees de una cuenta adobe.

Colorzilla

Se trata de una extensión realmente útil que te permitirá seleccionar cualquier color dentro de una página web. Como el cuentagotas de nuestro programa de diseño, colorzilla nos permite saber con un solo click el color de forma instantánea.

Al tratarse de una extensión, te la debes descargar con tu navegador. Está disponible tanto para Chrome como para Firefox.

Pedir una prueba de color

Un consejo que, si no sabes que existe, te puede ayudar profesionalmente, es pedir una prueba de color gratuita. Esto nos permitirá evitar cualquier problema con la gestión de color. Muchas imprentas te las realizaran sin ningún tipo de problema.

La entrada La gestión del color para imprenta­ se publicó primero en Creativos Online.

Wacom lanza una nueva Cintiq lista para jóvenes estudiantes de arte y diseño

$
0
0

Las tabletas gráficas Cintiq de Wacom no son un producto barato. Al revés, se encuentra a un precio considerable y que suele echar para atrás a muchos que buscan una primera tableta para iniciarse en el diseño y el dibujo a través una solución de este estilo.

Aunque esta vez Wacom, con su nueva Cintiq, quiere resultar más atractiva para esos jóvenes estudiantes de arte y diseño que comienzan su periplo en un mundo en el que tendrán que labrarse toda una carrera. Una herramienta especial por varios motivos y que se renueva.

Es desde Las Vegas en Estados Unidos desde donde Wacom ha anunciado una nueva clase de monitor interactivo. Hablamos de Wacom Cintiq 16, una herramienta más que perfecta para iniciarse en el dibujo técnico y la ilustración en todas sus vertientes.

Esta nueva Wacom Cintiq 16 se caracteriza por traer todas esas opciones buscadas en un monitor interactivo, aunque evitando todas esas características avanzadas de esta gama Cintiq Pro; y que podéis conocer en este extenso artículo.

Esto no quita que esta Wacom Cintiq sea también una gran opción a profesionales que busquen una alternativa más acorde a su presupuesto, ya que hablamos de una serie que en algunos modelos pasan los 2.000 o 3.000 euros. Esta nueva Cintiq está disponible para finales del mes de enero a un precio de 599,90 euros.

La Cintiq 16 se caracteriza por un Pro Pen 2 de Wacom, sus 8192 niveles de sensibilidad a la presión, reconocimiento de inclinación, pantalla de 1920 x 1080 Full HD, cristal endurecido con tratamiento mate y dar la mejor sensación al dibujar sobre ella. Tampoco hemos de obviar lo compacto de su diseño y ese único cable 3 en 1 que te permitirá tener bien limpia la mesa de trabajo para poner el foco en el diseño y el dibujo.

Una tablet de gran calidad que llega desde la mejor marca actual de tabletas gráficas.

La entrada Wacom lanza una nueva Cintiq lista para jóvenes estudiantes de arte y diseño se publicó primero en Creativos Online.

Slack estrena nuevo logo repleto de color sin olvidarse de su esencia

$
0
0

Slack es la herramienta de comunicación para profesionales por excelencia y en cuestión de unos años ha sido capaz de erigirse como una solución para todo tipo de empresas, compañías, grupos de trabajo y equipos.

Ayer mismo se actualizó con un nuevo logo que le da bastante aire fresco al que ha sido su logotipo casi desde que comenzó. De esta forma se cuida de actualizarse para que siga ofreciendo esa impronta de una herramienta que facilita los flujos de trabajo en distintos entornos de trabajo.

Y mientras Slack, tal como afirman desde su blog, amaban a su anterior logo, han tenido el suficiente valor para dar un paso hacia adelante y evolucionar en el diseño, sin perder su esencia.

Slack avisa que no es un cambio porque les apetecía o les dio un aire una mañana de enero, sino que cumple un objetivo. Tal como afirman, su primer logo fue creado antes de que la propia compañía fuera lanzada. Fue en su momento distinto y lleno de alegría, y lo que era el “octothorpe” ponía el acento en todo lo que muchos usuarios han sentido cuando comenzaban su periplo con esta herramienta.

En esa evolución propia como compañía el logo también ha ido cambiando. Aunque fuera un buen logo, no era lo suficiente cohesivo, y no ejercía ese sentir de recordarte que estabas en Slack; al menos lo que ellos dicen, porque a decir la verdad es muy fácil relacionarlo con la herramienta.

Han sido los propios diseñadores de Slack y que han trabajado con Michael Bierut y el equipo de Pentagram para crear el nuevo logo. Más simple en su paleta de colores y que es más refinado, sin olvidarse de la propia esencia. una evolución propia para un gran logo y para una gran herramienta de comunicación.

Un buen momento para muchas compañías que estrenan logos como Uber.

La entrada Slack estrena nuevo logo repleto de color sin olvidarse de su esencia se publicó primero en Creativos Online.

Adobe adquiere Allegorithmic, la compañía referente en edición 3D para el gaming, cine y mucho más

$
0
0

Que Adobe adquiera Allegorithmic significa que se ha hecho con un herramienta estándar en el 3D para creación de texturas y materiales, y que principalmente se dedica para la industria del gaming y del entretenimiento.

Un paso dado por Adobe para incrementar su cartera de soluciones relacionadas con el mundo del diseño y la creación gráfica en todos sus segmentos. También se acercan cada vez más a abrir su mercado hacia lo que sería el diseño de contenido en 3D.

Hemos de saber que hace poco más de un año introdujo Adobe Dimension, que permite a los creativos componer y renderizar mockups de productos en 3D, aparte de que puede ser usado también para packaging y mucho más.

Y fue en otoño de 2018 cuando mostraron lo que es Project Aero, una herramienta de gran potencial para la realidad aumentada que se encarga de ahorrar los esfuerzos llevados a cabo en la creación de experiencias excelentes.

Aunque aquí lo que nos importa es Allegorithmic, una serie de herramientas que ayudan a la industria del entretenimiento, gaming, retal y otro tipo de marcas a crear texturas y materiales que dan a los objetos en 3D de un gran nivel de detalle y realismo.

Entre algunos de los ejemplos que podemos dar son esos juegos de la serie Call of Duty, Assassin´s Creed o Forza. Y lo que sería en el campo de la animación y los efectos visuales, seguramente que conocéis películas como Blade Runner 2049, Pacific Rim Uprising o Tomb Raider.

Pero no solamente quedará en estos campos, sino que Adobe plantea dar una gran solución a lo que es el diseño, visualización de productos, retail y marketing, arquitectura y manufacturado, donde el 3D va camino de sustituir totalmente a los flujos de trabajo más tradicionales para que sean totalmente digitales.

Ahora solamente nos queda ver cómo estarán incorporando las herramientas de Allegorithmic de Substance en Creative Cloud. Otra gran excusa que nos dan para que nos hagamos con un plan mensual con Adobe CC.

Todas las imágenes aportadas están hechas con esas herramientas. Una Adobe que suele dar gratis recursos como este.

La entrada Adobe adquiere Allegorithmic, la compañía referente en edición 3D para el gaming, cine y mucho más se publicó primero en Creativos Online.

El nuevo logotipo de Zara

$
0
0

La temporada primavera-verano de 2019 de Zara no sólo nos ha traído nueva colección, si no además, el cambio de logotipo de ésta emblemática marca del poderoso grupo textil Inditex.

El nuevo logotipo ya aparece en su tienda online, redes sociales y en la página corporativa de Inditex. Atrás quedará su característica tipografía de líneas rectas, amplio kerning, baja altura y color negro.

El cambio en la identidad

Desde sus inicios a mediados de los 70, su logotipo siempre fue sencillo y minimalista. En 2010 apostó por ligeros cambios en su composición, con una tipografía clásica y achatada. Ahora en 2019, su cambio es mas arriesgado y osado, como la moda pura. Una jugada bastante acertada dentro de su mercado, en el que el consumidor está ávido de novedades.

La nueva imagen se caracteriza al opuesto de lo que era, ahora, de tipografía más curva, alta y entrelazada, terminando así en una composición compacta. Además, que su color ya no es sólo negro, en la tienda online se le puede ver cambiar desde azul eléctrico a ocre. Estas características le dan a Zara, la capacidad de adaptarse a las nuevas tendencias, incluso, ser tendencia para otras marcas.

Revista de moda

De hecho, esta tipografía se asemeja a la de icónicas revistas de moda como Vogue, Harper’s Bazaar, Vanity Fair y Elle, siendo un guiño clave para posicionarse.

Este tipo de cambios en una marca global se da cuando se gestan cambios importantes dentro de la compañía y el logotipo como esencia visual, es el reflejo de ello. De momento el logo sólo se ve online, sin embargo, podrían suceder cambios estructurales en sus tiendas físicas y nuevos estilos en las vitrinas.

La renovada página web de Zara asemeja la portada de una revista de moda.

En su cuenta de Instagram ya aparece el nuevo logotipo.

Imágenes: Zara.

La entrada El nuevo logotipo de Zara se publicó primero en Creativos Online.


Ya puedes modificar el tamaño de la marca de agua en Adobe Photoshop Express

$
0
0

Adobe Photoshop Express se ha actualizado para dispositivos móviles con una serie de mejoras en las que cabe destacar la opción ahora para poder modificar el tamaño de la marca de agua. Esto que puede parecer un detalle menor, cuando se trabaja con imágenes que hemos de subir a un blog o a la web, puede ser de gran importancia.

Y es que anteriormente las posibilidades de personalización eran muy escasas para casi tener que relegar en la versión mayor de este gran programa de diseño. No solamente se ha mejorado las opciones de personalización de la marca de agua, sino que hay otras más opciones.

Y aunque no es del todo perfecta la personalización de la marca de agua en Photoshop Express, como sería si pudiéramos posicionar donde quisiéramos a la marca, sí que ahora podemos redimensionarla. Una característica demandada por la comunidad y que Adobe ha escuchado para traerla en esta nueva actualización.

Otra de las novedades es el mejorado “Vignette” para dar a nuestras fotografías de un mayor efecto vignette con control preciso de pluma y redondez. También se ha incluido nuevo contenido con más estilos de texto que han sido añadidos a la app para iOS y Android de Adobe y que conocemos por Photoshop Express.

Así que son unos cuantos detalles nuevos que suman una mejor experiencia desde lo que sería un móvil o una tablet en esos sistemas operativos tan extendidos y que los dos juntos recogen a millones de personas usando sus dispositivos.

La versión de Photoshop Express con estas novedades es la 5.9.571. Para Android podéis pasaros por este enlace para descargar la APK y así pasar de estar esperando para poder modificar el tamaño de la marca de agua para vuestras fotografías.

Para los que utilicéis la versión mayor no os perdáis este tuto para convertir formatos de pinceles.

La entrada Ya puedes modificar el tamaño de la marca de agua en Adobe Photoshop Express se publicó primero en Creativos Online.

Más cambios al logo de Slack: esta vez el fondo en blanco

$
0
0

El último cambio llevado a cabo por el equipo de diseño de Slack se ha convertido en usar el fondo blanco en vez de aquel más oscuro y al que nos habíamos ya acostumbrados.

Si ya ocasionó un maremágnum Slack en Twitter, con un montón de mensajes de la comunidad criticando ese nuevo diseño del logotipo de poco menos de 2 meses, ahora ha logrado lo mismo.

La última actualización al diseño del logo de Slack es un cambio a lo que sería su color de fondo para el icono de la app para móviles. Ahora ha pasado de ese púrpura oscuro a un blanco brillante.

Fue ya en enero cuando se actualizó considerablemente el logo creado por el mismo equipo de diseño de Slack, aunque en conjunción con Michael Bierut y Pentagram. Esto conllevó un aluvión de críticas por parte de la comunidad que “odiaba” la nueva entidad de una de las herramientas de comunicación profesional de mayor entidad actualmente.

El objetivo era una propia evolución del logotipo al igual que está ocurriendo con una marca que se está haciendo más madura con el tiempo. Ese diseño siguió con los mismos colores, aunque con un cambio en las formas geométricas que dibujan el logo de Slack.

Las críticas por el uso del color blanco en el color de fondo se basan en que ahora es más difícil diferenciar a Slack del resto de apps en un móvil. Cierto es, sobre todo si lo comparamos con otra app de la gran G como es Google Fotos y que tiene bastantes similitudes.

Una app para móviles que se actualiza con un nuevo color blanco para el fondo y con la que será más difícil diferenciarla. Aunque realmente no tardaremos en hacernos a ella para seguir usándola tal como hasta ahora; pocos serán los usuarios que la dejen por un cambio estético o casi ninguno.

La entrada Más cambios al logo de Slack: esta vez el fondo en blanco se publicó primero en Creativos Online.

Colorido e irreverente: El Diseño Memphis regresa como tendencia

$
0
0

Desde su origen en el año 1980 hasta la actualidad, el diseño estilo Memphis ha divido la opinión de los diseñadores y del público en general. Algunos lo alaban por su colorido atrevimiento, otros lo consideran barato y de mal gusto.

Colores fuertes, patrones de figuras geométricas repetidas y una clara influencia de estilos como el Pop Art o el Art Decó, son algunos de los ingredientes que combinaron los fundadores de esta tendencia, un grupo de diseñadores y arquitectos italianos, que buscaban rebelarse en contra del modernismo simple y austero de la década de los 70.

Esta estética fue aplicada a todas las áreas del diseño: muebles, decoración, piezas gráficas, moda y arquitectura. Tanto es así, que aunque fue gracias a la célebre canción Stuck Inside of Mobile with the Memphis Blues Again de Bob Dylan que la tendencia lleva el nombre de Memphis, no fue sino David Bowie, el cantante que se obsesionó con las piezas de este estilo, llegando a tener una colección valorada en $ 1.764.900 dólares.

Más de tres décadas después de su creación, su influencia en al arte y el diseño sigue vigente. Instagram o Pinterest son algunas de las redes que nos permiten ver cómo una buena parte de los diseñadores, ilustradores y artistas visuales han incorporado el diseño Memphis en sus trabajos. Algunos siguen fielmente la línea visual de los 80, otros mezclan nuevas tonalidades de colores, suavizan las figuras y utilizan texturas más orgánicas, dando así nacimiento a un nuevo diseño: el Neo-Memphis.

Si quieres empezar a diseñar artes al estilo Memphis con ese toque actual que está en boga, aquí te dejamos algunos de los principios básicos que puedes aplicar.

No limites tu elección de colores

Aunque la propuesta original de los años 80 se inclina más por colores fuertes y chillones combinados con colores pasteles, el resurgimiento del Memphis se ha adaptado a los gustos de esta época, permitiendo una mayor flexibilidad en la elección de la paleta de colores. De esta manera, puedes mezclar tonalidades más tierra o más neutros, con colores más fuertes, conservando así la esencia dinámica y alegre de la tendencia original.

Olvídate del orden

El diseño Memphis es completamente libre, las composiciones y la distribución de los elementos en ella no tienen reglas. Si quieres disponer las figuras de manera simétrica, como si prefieres hacerlo de manera asimétrica, todo dependerá de tu gusto y estilo. Hay quienes repiten patrones iguales por todo lo ancho y alto del lienzo, y hay quienes prefieren romper abruptamente con diferentes elementos que en nada se relacionan unos con otros.

Figuras menos definidas

Puedes utilizar figuras como los triángulos, los círculos, los cuadrados, las líneas curvas y los puntos, que siempre han sido características del Memphis. Sin embargo, si le quieres dar un toque más fresco y personal, en vez de plasmarlas de manera sólida y bien definida, prueba haciendo trazos más livianos y menos definidos, como si las figuras fueran hechas con un pincel o con colores.

Si vas a utilizar tipografía, elige una Sans Serif

Los elementos de la composición son de por sí bastante atrevidos, por eso te recomendamos que si vas a colocar texto, es preferible utilizar una tipografía Sans Serif. Así, puedes conservar el carácter llamativo del diseño, pero con un toque de simpleza y buen gusto, que se adapta muy bien a las tendencias más actuales.

Y para los más simples, fondos blancos

Por último, si eres de los que gustan de diseños más simples y minimalistas, el Memphis aún tiene una opción que ofrecerte: fondos blancos con figuras sencillas en color negro, o si lo prefieres, algunas manchas de colores suaves. No hay necesidad de que satures la composición con colores. Utilizando un fondo blanco, puedes hacer que resalten las figuras, los elementos y el texto, sin perder el toque característico del estilo. De esta manera, puedes hacer cualquier pieza gráfica que desees, desde invitaciones y afiches, hasta ilustraciones e imágenes para redes sociales.

La entrada Colorido e irreverente: El Diseño Memphis regresa como tendencia se publicó primero en Creativos Online.

Crear un Mood board para diseñar la identidad gráfica de una marca

$
0
0

Cuando nos encontramos frente a proyectos de diseño de logotipos o identidad gráfica de una marca, podemos tener ciertos problemas para plasmar las propuestas o ideas que tenemos en mente. Muchas veces nos pasa que debemos hacer una descripción al cliente de cómo puede ser un diseño, y las palabras o referencias no logran transmitir por completo la idea con claridad.

También puede pasar a la inversa, un cliente puede querer mostrarle al diseñador la idea que él mismo tiene para su marca, y el briefing por escrito resulta insuficiente. Esto hace que nuestro proceso de diseño sea más lento, tengamos que hacer más cambios, y muchas veces los clientes pueden quedar insatisfechos. Para estos casos, hay una herramienta que es la gran aliada de los diseñadores de moda y que, si le damos una oportunidad, puede ayudarnos a los diseñadores gráficos a plasmar visualmente nuestras ideas: el Mood board.

El Mood board viene siendo una especie de collage en base a una idea o inspiración. Puede llevar fotografías, ilustraciones, frases, colores, tipografías o texturas. En fin, cualquier elemento que como su nombre lo indica, nos transmita un mismo sentir. Si estamos queriendo diseñar una marca de trajes de baño, por ejemplo, podemos utilizar fotografías de playas, palmeras, el mar, paletas de colores entre el azul y el amarillo, textura de arena, estampados de caracoles marinos, etc.

Esto nos amplía la visión de lo que queremos diseñar, no nos quedamos simplemente con ideas de logos similares a nuestra marca, sino que nos aproxima al resultado visual total de lo que será nuestra identidad gráfica. Además, es de suma utilidad sobre todo para definir colores y tipografías, que son elementos que llevan mucho cuidado y tiempo al momento de su elección.

Cómo armar un Mood board

Definir lo que estás buscando

Para saber qué tipo de imágenes va a llevar tu Mood board, tienes que hacer una lluvia de ideas tomando en cuenta: lo que el propio cliente ha expresado que quiere para su marca, los gustos y características del público al que va dirigida la marca, y tus propios aportes e ideas como diseñador.

Con esta información recopilada, tenemos que definir de manera concreta y consistente lo que queremos transmitir en emociones, sensaciones y elementos visuales: calidez, diversión, movimiento, disfrute, luz del sol, el azul del mar, felicidad, etc.

Una vez que tenemos estos elementos elegidos ¡Es hora de buscar inspiración!

Imagen de inspiración de la playa y el mar.

Buscar los elementos visuales

Te recomendamos que recopiles en igual proporción todos los elementos que estás buscando: tipografías, fotografías, texturas, colores, patrones. De aquí puedes sacar tantas imágenes como gustes, unas 30 por ejemplo, pero al final tendrás que elegir únicamente las mejores y que más se ajusten a lo que quieres transmitir.

No te excedas en el uso de ninguna, no utilices más de dos tipografías, por ejemplo, ni llenes el tablero de fotografías dejando a un lado los demás elementos. También es importante que seas consistente, no agregues nada que no aporte verdaderamente valor y coloca solo imágenes transmitan con claridad lo que buscas.

Si vas a buscar en internet, Pinterest es una de las mejores herramientas que puedes utilizar. De hecho, está pensado para ser un gran tablero visual, así que tómate un tiempo para buscar a fondo referencias y crea tu propio tablero en donde puedas ir seleccionando las imágenes que te sirvan. Hay otras páginas como Behance, Dribbble o Unsplash que también te pueden ayudar en esta búsqueda.

Imagen de inspiración del mar.

Imagen de inspiración, textura de puerta de playa amarilla.

En digital o en físico

El tablero lo puedes crear tanto en digital como en físico. Si estás más acostumbrado a manejar los programas y se te hace más fácil, guarda tus imágenes en una carpeta en tu ordenador o en tu tablero de Pinterest, y después utiliza Illustrator o Photoshop para hacer tu collage.

Si eres de los que se siente más cómodo haciendo cosas manuales, puedes hacer tu collage en físico, y aquí puedes hacer uso de revistas, cartulinas, papeles de colores, papel tapiz, o cualquier recorte que te sirva.

Empezar a diseñar

Una vez que has creado tu Mood board, ya puedes empezar a diseñar. Verás como esta herramienta visual te ayudará a hacer propuestas de diseño más concretas y mejor orientadas hacia lo que tu cliente desea. Vas a tener menos errores y más probabilidades de que acepten los diseños sin muchos cambios. Además, te va a ayudar a desarrollar más fácilmente toda la identidad gráfica, desde el logo hasta la papelería y publicidades.

Así que ya sabes, para tus próximos diseños ¡prueba creando un Mood board!

Mood board para marca de trajes de baños

La entrada Crear un Mood board para diseñar la identidad gráfica de una marca se publicó primero en Creativos Online.

Añade animaciones a las fotos que subas a Instagram con Scribbl

$
0
0

Scribbl es una nueva app para Android que nos permite añadir animaciones a las fotos que subamos a Instagram. Es decir, que podemos retocar cualquier imagen que nos plazca gracias a una serie de herramientas para edición que impulsan nuestro lado más creativo.

Una app que trae por defecto algunas plantillas y que nos pueden servir como inspiración para que no tengamos ni que preocuparnos a la hora de crear alguna. Pero a decir la verdad, Scribbl ofrece las suficiente herramientas para que podamos dibujar creando animaciones que se verán muy bien en la red social Instagram.

Aparte de las plantillas que tenemos por defecto, tenemos una herramienta para crear animaciones al seleccionar el pincel que configuraremos de antemano. Configurado, podremos dibujar sobre cualquier imagen para que podamos ponerle unas gafas a algún colega o simplemente un garabato cualquier animado.

Podemos cambiar el estilo de la animación, el color del trazado, las líneas para hacerlas discontinuas, el tamaño de las mismas o incluso el tiempo de retraso para que aparezca la animación en la imagen que subamos a Instagram. Tampoco falta la opción de loop infinito o que simplemente termine el efecto después de la animación.

Es una aplicación gratuita, pero tiene una versión Pro que permite eliminar la marca de agua que se genera cada vez que la exportamos a Instagram y una mayor variedad en los estilos de las animaciones.

Si sois un asiduo de Instagram o trabajáis como Community Manager, seguramente que os venga muy bien Scribbl para sorprender a vuestra audencia con fotografías que con un poco de talento y creatividad, pueden dar la nota.

Una interesante aplicación para vuestro dispositivo móvil Android y que de forma gratuita podéis descargarla para que se sume como otra de las herramientas de diseño que tengáis en vuestro smartphone. No os olvidéis de conocer 10 cuentas creativas en Instagram para inspiraros.

La entrada Añade animaciones a las fotos que subas a Instagram con Scribbl se publicó primero en Creativos Online.

5 herramientas que te ayudarán a identificar fuentes

$
0
0

Como parte del proceso de diseño siempre recurrimos a internet para buscar referencias o inspiración que se ajusten a lo que estamos haciendo. Muchas veces nos pasa que al elegir las tipografías, vemos alguna imagen con una fuente que nos gusta y que nos pudiera servir, pero no sabemos cuál es. Aquí es donde se complica nuestro trabajo, ya que identificar una tipografía, al no ser que sea una muy popular o que venga instalada por defecto en el ordenador, no es nada sencillo.  

También puede pasarnos que un cliente nos pida que trabajemos sobre un arte previamente hecho por otro diseñador, pero no tiene las tipografías que habían utilizado.

Afortunadamente, y como es una situación que se nos presenta a todos los diseñadores, ya hay algunas herramientas en internet creadas para identificar fuentes, lo único que tienes que hacer es guardar la imagen de referencia y a continuación te explicaremos cómo utilizarlas.

What the Font

Es probablemente la página más popular para identificar fuentes con más de 133.000 registradas en su sistema.

Para utilizarla, lo único que tienes que hacer es subir la imagen de referencia en JPG o PNG, cortar o seleccionar en un recuadro el texto con la tipografía, y a continuación te aparecerán los resultados.

Aunque es muy fácil de utilizar, te recomendamos que las imágenes sean siempre de buena calidad y que el texto esté en disposición horizontal. Para que el sistema lo identifique más rápido, es preferible que los caracteres no se conecten entre sí, como en las tipografías de caligrafía, y esta misma regla va a aplicar para casi todos los identificadores de fuentes que hay en internet.

La única desventaja de esta herramienta es que las fuentes que proporcionan los resultados son comerciales, es decir, tienes que pagar por su uso. Si esto no es un problema para ti, entonces esta página te será de mucha utilidad.

Subir una imagen a What The Font

What Font Is

Es otro de los identificadores más populares en internet. A diferencia de What The Font, esta página te permite no solamente subir imágenes, sino también el URL de una web en donde esté la tipografía que buscas.

Lo único que tienes que hacer es agregar la imagen en JPG o PNG, y a continuación deberás especificar manualmente en el teclado los caracteres del texto que te solicite. Esto permite corroborar que el carácter es el correcto y que no se está confundiendo con otro.

Cuando te aparezcan los resultados, puedes filtrarlos en gratis o comerciales, de manera que si estás buscando tipografías no pagas, esta página te puede servir.

Te recomendamos que las imágenes que subas sean de buena calidad, que el texto esté en una sola línea preferiblemente, y que los caracteres no se conecten entre sí.

Resultados de fuentes en What Font Is

FontSpring Matcherator

Este identificador de fuentes además de tener un mejor diseño de página que los anteriores, está hecho para que puedas conseguir todo tipo de tipografías, incluso las más difíciles o complejas de ubicar.

Como en las herramientas anteriores, tienes que subir tu imagen en JPG o PNG, o bien puedes introducir el URL de una página. Una vez subida la imagen, tienes que cortar o seleccionar en un recuadro el texto que quieres identificar, y si lo prefieres, también puedes especificar manualmente los caracteres, pero esto es opcional y únicamente si los resultados proporcionados no te convencen.

Al presentarte los resultados de tu búsqueda te darás cuenta de que las tipografías son comerciales y debes pagarlas. Sin embargo, así no estés interesado en pagar por una fuente, esta página te puede ayudar a dar con una tipografía muy compleja o que no hayas conseguido antes, ya que tiene un sistema de reconocimiento más avanzado que los demás identificadores y es capaz de ubicar características OpenType y Glifos.

Recortar el texto en un recuadro en FontSpring Matcherator

The FontSquirrel Matcherator

Esta página tiene un formato muy similar a FontSpring Matcherator en cuanto a diseño y resultados, sin embargo tiene también otras páginas de donde ubicar tipografías, por lo que conviene que le eches un vistazo, sobre todo si estás buscando fuentes gratis.

Debes subir tu imagen en JPG o PNG, o agregar el URL de la web que buscas, y recortar el texto que deseas ubicar en un recuadro. Dependiendo de la imagen y de la tipografía, te va a pedir o no, que especifiques los caracteres manualmente.

La diferencia con el identificador anterior, es que Font Squirrel además de ubicar en los resultados tipografías comerciales, también tiene tipografías de muy buena calidad que son gratis.

Subir imagen en The FontSquirrel Matcherator

 Identifont

En este identificador de tipografías no tienes que subir ninguna imagen. Básicamente consiste en hacer una búsqueda por descarte, seleccionando las características de la fuente que deseas ubicar, bien sea por apariencia, por similitudes con otras fuentes, por nombre, etc., hasta dar con la tipografía que deseas, o con una muy parecida. Los resultados incluyen tanto fuentes comerciales como fuentes gratis.

Búsqueda en Identifont

La entrada 5 herramientas que te ayudarán a identificar fuentes se publicó primero en Creativos Online.

Finalmente llega la herramienta de texto a Procreate para tu iPad

$
0
0

Procreate finalmente ha lanzado una actualización con la herramienta de texto que te permitirá olvidarte de Photoshop y otros programas para añadir esos enunciados llamativos a los gráficos que hagas para tus redes sociales.

Esta app que vive en la tienda de apps para el iPad, es una de las más populares y tiene como extra que no es de las caras. Una herramienta para creadores de la que supimos hace poco que iba a llegar esta nueva herramienta de texto.

Hablamos de una de las apps más vendidas para el iPad para ilustrar y que ahora tiene en su haber una nueva herramienta para el texto. Ahora, con la herramienta de texto no necesitaremos usar herramientas de terceros, como puede ser Photoshop u otras, para crear esos elementos de tipografía en Procreate.

Encontraremos un nuevo icono que al pulsarlo nos permite añadir texto para así comenzar a componer nuestro mensaje. Una nueva herramienta que funciona la mar de bien y que se acopla perfecto al set de herramientas que tiene de base esta app dedicada para los iPads.

Una aplicación usada tanto por profesionales del diseño como por aficionados que buscan esa creatividad justa desde su iPad para generar gráficos de calidad con mensajes llamativos y que enganchen, ya sea el fin u objetivo que se busque.

La herramienta de texto de Procreate incluye las fuentes estándar de iOS y lo que son tres extras como un gran plus. Al igual que se puede importar distintos estilos de textos y colocar el mismo en la posición exacta gracias al poder moverlos.

Lo mejor de todo es que ese texto está creado en formato vectorial, lo que permite realizar modificaciones para aumentar su tamaño sin pérdida de nitidez. Una versión de Procreate 4.3 que también trae la posibilidad de exportar GIFs animados. Si nunca probaste esta app te animamos a que la adquieras desde la App Store.

La entrada Finalmente llega la herramienta de texto a Procreate para tu iPad se publicó primero en Creativos Online.


Crear gráficos de Pinterest para tu marca que destaquen

$
0
0

Una de las mayores herramientas visuales que tenemos hoy en día en internet es Pinterest. Podemos pasar horas navegando en esta red social buscando imágenes que nos inspiren o que nos sirvan de referencia para algún proyecto. Pero algo que sabemos los diseñadores gráficos, los blogueros y los expertos en marketing es que Pinterest es mucho más que un tablero en donde guardas tus imágenes favoritas.

Las tiendas online, los blogs, los website de las marcas y otros portales en internet, tienen la mayor entrada de tráfico de clientes o lectores a través de Pinterest. Es decir, es mucho más que una red social, es un motor de búsqueda que conecta a los clientes con las empresas.

La manera como funciona es muy sencilla: subes una imagen o pin que a su vez está conectada por un link a tu website. ¿Te suena? Seguro que más de una vez has terminado leyendo un artículo de viajes, alguna receta o consejos de autoyuda a través de un Pin.

Como la búsqueda en Pinterest es muy rápida, en cuestión de segundos tu pin puede ser ignorado si no llama inmediatamente la atención. No basta con tener una imagen bonita porque la competencia es muy grande. Por eso, si vas a promocionar tu blog o tu marca a través de esta red y tienes que hacer gráficos, debes tomar en cuenta ciertos aspectos que te ayudarán a destacar.

El tamaño

Este es el principal aspecto que debes respetar: tu gráfico debe ser grande y en disposición vertical. En Pinterest, las imágenes verticales ocupan más espacio porque está organizado por columnas y se visualiza mejor. Si las haces cuadradas u horizontales se van a ver muy pequeñas y no van a captar la atención del público.

El tamaño tiene que ser en proporción 2:3, recomendado por los lineamientos de la misma red social. La medida mínima en la que deberías diseñar tu pin es de 600 x 900 px, y la puedes hacer más grande siguiendo esa misma proporción. Eso sí, debes tomar en cuenta que si supera los 1200 px de alto, puede que no se visualice completamente en el feed.

Nosotros te recomendamos que utilices una medida de 800 x 1200 px.

Imágenes

Aunque muchos gráficos pueden tener solamente texto, siempre va a ser más atractivo un pin que incluya una imagen de buena calidad. Puedes utilizarla de fondo, que ocupe una mitad del diseño o de la manera que mejor te funcione. Busca que siempre esté relacionada con el tema de tu gráfico y que sea acorde a la marca o producto que promocionas.

Imagen de fondo para un gráfico de Pinterest. Marca de paletas de helado.

Texto y Fuentes

Es otro de los aspectos más importantes que debes considerar. El texto grande, fácil de leer y en tipografías llamativas es uno de los principales enganches para que una persona se decida a hacer click sobre un Pin.

El texto tiene ser preciso, y es preferible que no sea largo. Tiene que dar a entender claramente de qué va el gráfico, de esta manera tendrás muchos más nuevos seguidores ingresando a tu website.

Te recomendamos que utilices dos o tres tipografías máximo, y que juegues con las combinaciones: puedes usar una bold sans serif con una de caligrafía, o serif con caligrafía. Todo va a depender también del estilo de tu identidad gráfica.

Y por supuesto, que tu gráfico tenga un buen contraste entre el fondo, las imágenes, los colores y la tipografía, de manera que ninguno se pierda.

Branding

La gente se conecta más con las marcas que ya conoce. Por eso, los gráficos que diseñes deben seguir tu identidad gráfica. Utiliza los colores y las tipografías principales de tu marca para lograr coherencia y una fácil asociación visual. Mientras más te reconozca el público, más te van a hacer repin y más van a ingresar en tu website.

Algo obvio pero que no debes olvidar es incluir tu logo, el nombre de tu marca o el dominio de tu web en todos los gráficos que hagas.

Gráfico de Pinterest para la marca de paletas de helados Melositas

Crear plantillas

Si aplicas todos los aspectos mencionados anteriormente para hacer tu gráfico, vas a poder desarrollar con facilidad un diseño de plantilla propio de tu marca. Con una plantilla ya creada, lo único que tienes que hacer es cambiar el texto y jugar con los colores.

Cuando las personas se acostumbren a ver tus gráficos y la misma plantilla, vas a aumentar el reconocimiento de tu marca y tener un mejor posicionamiento.

Así que ya sabes, si quieres ganar seguidores y clientes a través de Pinterest ¡Empieza a crear gráficos que impacten!

La misma plantilla aplicada a otro gráfico de Pinterest para marca de paletas de helados Melositas

La entrada Crear gráficos de Pinterest para tu marca que destaquen se publicó primero en Creativos Online.

Cómo elegir la paleta de colores adecuada para tu marca

$
0
0

Cuando estamos diseñando la identidad visual de una marca, una de las primeras cosas que tenemos que definir es la paleta de colores. La combinación logo + paleta de colores es el sello de tu marca, lo que va a hacer que un cliente te reconozca a medida que te vayas posicionando en el mercado.

Pero, no siempre es fácil dar con una paleta de colores acertada. Incluso si estamos definiendo nuestra propia identidad visual como diseñadores, puede que nos encontremos un poco perdidos a mitad del camino. Es decir, seguro que tenemos alguna idea de qué colores principales nos pudieran funcionar, pero la paleta completa no es únicamente el color principal de tu logo, sino todos los colores que lo acompañan y que van a ir aplicados a tus productos, empaques, página web, redes sociales, etc.

Lo mismo pasa cuando estamos trabajando para un cliente, puede que tenga algún color en mente, pero el resto de ellos nos quedan a nosotros por definir. Tenemos que dar con la mejor combinación de colores que se ajuste a la personalidad de su marca.

¿Cuántos colores debe tener la paleta?

Normalmente la identidad gráfica de una marca debería tener de 4 a 5 colores en la paleta. Dos o tres de ellos deberían ser los dominantes, y el resto serán los colores que complementen o combinen con los primeros.

Si estás por ejemplo aplicando la paleta de colores a tu página web, pueden ir en tus dos colores principales los nombres de las secciones: Acerca de mí, Productos, Servicios, Contacto, etc., mientras que los botones que conectan a tus redes sociales en la sección de Contacto, pueden ir en los colores complementarios. Es decir, de acuerdo a la importancia que tenga el contenido, van a ir aplicados los colores.

Paleta de colores para branding

 ¿Cómo elegirlos?

Una buena manera de elegir los colores es primero seleccionar palabras claves que describan a tu marca. Puedes hacer una lluvia de ideas con todas las que se te vengan a la mente, y de esas solo te quedarás con las más importantes. De 5 a 10 palabras está bien.

Si no estás trabajando con tu propia marca, facilítale a tu cliente un cuestionario o un briefing para que él mismo defina las palabras de su empresa.

Por ejemplo, si estás desarrollando la identidad gráfica de hotel, puedes poner palabras como: descanso, naturaleza, lujo, tropical, playa, ecoturismo, etc.

Una vez que las has seleccionado, busca en Pinterest todas las referencias visuales que se ajusten a tus palabras: fotografías, colores, ilustraciones, patrones, texturas, etc. Guárdalas en un tablero o en una carpeta en tu ordenador, y vas a darte cuenta de que esas imágenes tienen esquemas de colores que predominan y que son similares entre sí.

Incluso puedes hacer un Moodboard que te ayude a visualizar mejor las referencias que has recopilado. Aquí te dejamos un artículo para que aprendas cómo crear un Moodboard.

Con esto hecho, podrás notar que hay colores que transmiten mejor la personalidad de tu marca. De todos ellos, vas a seleccionar un color dominante en torno al cual se van a elegir todos los demás.

Procura que tu color dominante sea llamativo y preferiblemente fuerte (por lo menos en comparación con el resto que elijas). Recuerda que este color va a ser el que represente a tu marca, por lo que debe ser memorable y los clientes deben poder asociarlo fácilmente con la empresa.

A este color dominante debes agregarle un color más que haga juego. Puede ir en contraste o de manera complementaria con el primero, y estos serán los principales en tu paleta.

Colores dominantes seleccionados para paleta de colores.

Ahora solo faltaría que escogieras el resto de los colores secundarios que servirán de apoyo a los principales. Es preferible que sean más ligeros, menos llamativos y que no se lleven la atención por encima de los demás. Para conseguir una combinación armónica entre los dominantes y los de apoyo, puedes utilizar algunas herramientas que te ayuden a combinar colores.

Adobe Color

Esta herramienta es gratis y muy fácil de utilizar. Te ayuda a crear paletas de colores a partir de un color que selecciones en el círculo cromático que allí aparece. Una vez elegido, el programa te va a dar todas las combinaciones posibles por categorías: Análogos, Complementarios, Tríada, Compuestos, Tonos y Personalizados.

Además, si inicias sesión en Creative Cloud, puedes guardar los esquemas de colores que más te hayan gustado y usarlos para futuros trabajos.

Paleta de colores generada en Adobe Color

Coolors.co

A diferencia de Adobe Color, esta herramienta genera paletas de colores de manera aleatoria con tal solo presionar la barra espaciadora del teclado. Es muy útil si estás buscando una solución rápida y acertada. También te permite buscar un color en específico escribiendo su valor de código y generar sus respectivas paletas.

Paleta de colores generada en Coolors.coUna vez que hayas definido tus dos o tres colores secundarios, ¡Ya tienes la paleta de colores de tu marca lista!

Colores secundarios para paleta de colores

La entrada Cómo elegir la paleta de colores adecuada para tu marca se publicó primero en Creativos Online.

Diseño Gráfico estilo escandinavo: inspírate para tus próximos proyectos

$
0
0

Logo de la marca finlandesa Tapped Birch Water

“Menos es más” Por muy trillada que nos suene esta frase, es la mejor descripción que podemos darle al Diseño estilo Escandinavo. Cuando hablamos de este estilo, probablemente te vengan a la mente imágenes de muebles altamente funcionales y simples, u objetos de decoración útiles a la vez que bonitos. Y es que la multinacional sueca IKEA se ha encargado de dar a conocer la estética nórdica a nivel global.

Aunque la mayoría de las personas si reconocen este estilo lo hacen por el diseño de interiores, lo cierto es que también es aplicable al mundo del diseño gráfico, y en los últimos años ha influenciado la estética de las tendencias gráficas más populares. Una marcada inspiración en elementos naturales, minimalismo y simplicidad, son algunas de las características más notables de este estilo que busca crear piezas altamente útiles llevadas a su mínima expresión visual o espacial, que a su vez sean estéticamente hermosas.

La clave de este diseño es adaptar la forma a la función de la pieza y no al contrario. Pero si quieres adoptar el estilo escandinavo en tu propia estética de diseño, hay algunos principios que debes conocer.

Simplicidad

La simplicidad en el diseño escandinavo se traduce en no colocar ningún elemento que no sea necesario ni cargarlo con ilustraciones muy elaboradas o colores fuertes. Tienes que hacer una pieza gráfica lo menos compleja posible, que tenga los elementos justos y necesarios para transmitir el mensaje visual que estás buscando.

Logo de la marca de diseño de interiores Scandinavian Design House

Minimalismo

Aunque tienden a tomarse por lo mismo, el minimalismo no es sinónimo de simplicidad, sino que va a surgir como consecuencia de la misma.

Esos elementos necesarios que colocaste en tu diseño, tienes que llevarlos a su mínima expresión gráfica. Omite cualquier detalle que no sea relevante y olvídate de los ornamentos que los puedan cargar visualmente. La idea es que crees una síntesis gráfica mínima que sea muy consistente, fuerte y de fácil reconocimiento a nivel visual.

Logo del Instituto Metereológico de Noruega

Líneas y formas sencillas

El resultado aplicado de los dos principios anteriores es que nuestro diseño va a tener líneas muy simples, y formas planas y sencillas, que puedes ubicar preferiblemente en espacios amplios de fondo blanco o fondos unicolores. De esta manera, el foco de atención visual se va a dirigir a estas figuras.

El branding de la marca 7 eleven utiliza solo líneas

Tipografía Sans Serif  

Si venimos hablando de simplificar y minimizar los elementos de nuestro diseño, utilizar una tipografía Sans Serif es la elección que tenemos que tomar por defecto. Esta tipografía ya de por sí le ha quitado ese ornamento “extra”, técnicamente llamado Serif, que se coloca siempre al borde de los caracteres.

Utilizar una tipografía Sans Serif va a permitir que haya un mayor espacio entre cada carácter, lo que va a hacer la diferencia a nivel visual en el diseño. Como resultado, nuestra pieza gráfica va a tener un look más moderno, simple, sencillo y muy accesible al público.

Inspiración en la naturaleza

Toda la estética del estilo escandinavo está fuertemente influenciada por la naturaleza. Quizás es por el estilo de vida que fomentan los nórdicos, en donde estar al aire libre y pasar tiempo de calidad en contacto con la naturaleza, juega un papel muy importante en su cultura y en su manera de disfrutar la vida.

Entonces, así como el estilo nórdico utiliza elementos naturales, puedes incluir en tus diseños siluetas de árboles, hojas, flores, montañas, animales, etc., o puedes utilizar texturas de madera, de hielo o de mármol como fondo.

Los vasos de la marca Tapped Birch Water están inspirados en troncos de árboles

Paleta de colores

Para tu diseño elige una paleta de colores ligera, que sea apacible y armónica a la vista.

Si quieres un diseño sobrio, sencillo y puramente al estilo escandinavo, utiliza tonalidades grises, marrones, beige o colores pasteles. Si a esos tonos quieres darle un toque más llamativo conservando la misma estética, puedes elegir tonos crema, colores terracota o un toque dorado que capten la atención del ojo.

En caso de que quieras salirte un poco del guion y utilizar colores más fuertes y vivos, contrástalos con colores más neutrales para que no pierdas la esencia del estilo. Por ejemplo, puedes combinar un color gris con un color naranja vivo.

Las tonalidades de los cuadros son lo que usualmente se utiliza en el diseño escandinavo

Patrones

Un recurso gráfico muy popular en el estilo escandinavo son los patrones, así que, si estás buscando un elemento que se apegue al estilo pero que tenga un poco más de ritmo, puedes probar con un patrón.

Los patrones escandinavos tradicionales utilizan figuras planas y sencillas, normalmente de temáticas florales, geométricas o figuras de animales, que van a ir casi siempre dispuestos de manera simétrica.

Y si de casualidad quieres alguna otra referencia, los típicos suéteres navideños tejidos con patrones de copos de nieve también son de diseño escandinavo.

Patrón Escandinavo de Navidad

Uso de la luz

Algo que se maneja muy bien en el estilo escandinavo es el uso de la luz, así que, puedes colocar un foco de luz a tu diseño que resalte los elementos más importantes.

Manualidades

Por último, las habilidades manuales y la elaboración de artesanías y manualidades en la cultura escandinava han sido las que han dado inicio a este estilo. Por eso, si consideras que tú también tienes este talento, utiliza tus propias tipografías, dibuja tus propias síntesis gráficas o diseña tus propios patrones.

La entrada Diseño Gráfico estilo escandinavo: inspírate para tus próximos proyectos se publicó primero en Creativos Online.

Elegir y combinar las tipografías para tu marca

$
0
0

Cuando estamos diseñando una identidad gráfica, una de las elecciones más importantes que tenemos que hacer y que a veces nos lleva mucho tiempo, es la de las tipografías que van a representar a la marca. Una buena combinación de fuentes va a dar como resultado una imagen coherente y sólida.

La paleta de colores que representa a una marca está compuesta por varias tonalidades. Lo mismo pasa con las tipografías, no podemos quedarnos con una sola, sino que tenemos que elegir por lo menos 2 o 3 que estén combinadas de manera correcta y que sean visualmente atractivas. Eso sí, una vez elegidas estas fuentes, debemos apegarnos a ellas y no agregar otras aleatoriamente porque esto va a disminuir el reconocimiento de la marca.

Si utilizamos 2 o 3 tipografías únicamente y lo hacemos con frecuencia, tus clientes siempre van a poder identificarte. Una marca que es fácil de reconocer transmite seriedad y confianza, lo que hará que a la larga tengas más ventas y nuevos clientes.

Este principio aplica para toda clase de empresas y marcas, como si eres un diseñador freelance o si llevas un blog en internet. Siempre vas a necesitar una identidad gráfica bien pensada y sólida.

Cómo elegir las tipografías y sus usos

Para elegir tus tipografías, primero debes tener una idea de lo que estás buscando. ¿Tu marca es juvenil y divertida? ¿O más bien es sobria y sencilla? Te recomendamos que escribas unas 3 palabras que describan la personalidad de tu marca y en base a esas palabras harás la búsqueda de las tipografías.

Las dos o 3 fuentes que necesitas deberían tener este uso:

Fuente para Títulos o Encabezados

Esta es la tipografía que vas a utilizar para los títulos, encabezados o cualquier texto que necesite llamar la atención en primer lugar. Lo más recomendable es que elijas una tipografía fácil de leer, y que, dependiendo de la personalidad de tu marca sea fuerte y llamativa.

Fuente para Cuerpos de textos

Esta es la tipografía que vas a utilizar para todos los cuerpos de texto, párrafos e incluso subtítulos. Tomando en cuenta que vas a escribir grandes cantidades de texto en esta fuente y que va a tener un tamaño menor, tiene que ser lo más legible y simple posible para no cargar visualmente al lector. A la hora de elegirla, debes tomar en cuenta que haga buen juego con la fuente de los títulos, y hasta cierto punto pueden estar relacionadas.

Fuente Accent

En caso de que decidas utilizar una tercera fuente, puedes agregar una tipografía accent, es decir una fuente que sirva para acentuar o resaltar una determinada palabra o frase. Es sumamente útil sobre todo si necesitas generar un foco de atención visual que no sea un título o que tenga que ser más llamativo de lo normal. Te recomendamos que elijas una fuente atrevida y diferente a las otras dos, por ejemplo, si tus dos tipografías anteriores son Sans serif, puedes elegir una tipografía accent cursiva.

Ahora que ya sabes el uso de cada tipografía, puedes empezar a buscarlas en base a las palabras que hayas elegido de referencia. Aquí te dejamos algunos ejemplos:

Si tu marca es clásica, elegante y serena, puedes elegir una tipografía con Serif, gruesa, alta y llamativa para los títulos, y otra Sans serif delgada y simple para los textos. La tipografía accent  puede ser fuente una cursiva que luzca elegante y estilizada.

Combinación de tipografías Serif, Sans Serif y cursiva.

Si tu marca es minimalista, moderna y simple, puedes elegir una tipografía Sans serif redondeada y ancha para los títulos, y otra sans serif más delgada y cuadrada para los textos. La tipografía accent puede ser una cursiva ligeramente gruesa que rompa con la estética sans serif.

Combinación de tipografías Sans Serif y cursiva.

Si tu marca es trendy, actual y divertida, puedes elegir una tipografía con Serif gruesa y muy llamativa, como las que están de moda en las redes sociales, y otra con serif ligera y delgada para los textos. La tipografía accent puede ser una cursiva muy llamativa y gruesa.

Combinación de tipografías Serif y cursiva.

Algunas reglas para combinar las fuentes

Orden y jerarquía visual

Asegúrate de que las tipografías que hayas elegido cumplan con una jerarquía visual, es decir, que se pueda distinguir la más importante y llamativa de las demás. Esto va a establecer un orden en la manera en que se procesa la información. Para lograr esta jerarquía, no solo basta con la elección de las tipografías si no también con el uso adecuado de los colores, el tamaño de la fuente, las negritas, etc.

Los opuestos se atraen

Este cliché se aplica a la hora de combinar las fuentes. Si tu tipografía de títulos es gruesa y con serif, tu tipografía de los textos puede ser delgada y sans serif. La idea es generar contraste que llame la atención.

No combines fuentes muy similares

Hasta cierto punto, las tipografías pueden estar relacionadas o tener algo en común, sin embargo, dos fuentes que lucen casi igual no funcionan de manera adecuada. Incluso puede parecer un error por parte del diseñador. Asegúrate de que la diferenciación entre las fuentes sea clara.

La entrada Elegir y combinar las tipografías para tu marca se publicó primero en Creativos Online.

Qué es el Brand Storytelling y cómo aplicarlo a través del Diseño

$
0
0

Estrategia de marketing

Si aún no conoces el término, Brand Storytelling se refiere a una estrategia de marketing que aplican las marcas para generar una mayor empatía con el cliente. Como su nombre lo indica, es contar una historia que identifique a la empresa, su misión o su visión, para darle un toque más humano o personal que pueda conectarse directamente con las emociones del público.

Este acercamiento busca romper con las estrategias tradicionales de compra y venta que solo se enfocan en el producto y sus beneficios. En cambio, contar la historia de tu empresa al cliente apela a su confianza y te da credibilidad. Al mismo tiempo, como son fáciles de recordar y de contar, tienes más probabilidades de que el mensaje se extienda y se transmita, lo que te ayudará a incrementar tu clientela.

La historia de una marca no tiene por qué ser muy compleja o elaborada, por el contrario, mientras más simple y significativa sea, más impacto causará en el público. Una vez definida esta historia hay que plasmarla a nivel visual. El peso y la importancia de la imagen gráfica que se transmita va a ser el mismo que el de la historia como tal.

Para traducir la historia al lenguaje visual del diseño gráfico, tienes que primero saber cuáles son los elementos claves que vas a resaltar.

De qué se trata la historia

Lo primero que tienes que identificar es de qué se trata la historia. Normalmente, los temas son los siguientes:

  • La historia de la marca
  • Sus productos
  • Cómo llevan a cabo sus labores
  • El público al que va dirigido
  • Qué los hace diferente a la competencia
  • Qué los inspira
  • Sus valores
  • Obstáculos que han superado
  • Desafíos a enfrentar en el futuro

Estos son solo algunos de los más comunes, y una misma historia no tiene que abarcarlos todos. Solamente vas a utilizar aquellos que sean de mayor peso o que aporten más valor y que puedan captar la atención de los clientes.

Un ejemplo es el logo de la marca Unilever. La letra U está compuesta por 25 íconos que representan productos, valores y recursos de la empresa. Desde un pote de crema o un helado que son algunos de sus productos, hasta un ave y el ícono del reciclaje para simbolizar la libertad y su compromiso con el medio ambiente.

Logo de la marca Unilever

El logo de la marca Unilever está formado por 25 íconos en total.

Otro ejemplo es el logo de la marca Starbucks. El nombre fue tomado de un personaje de la novela Moby Dick, y la imagen gráfica de la marca siempre tuvo como intención reflejar la tradición marítima de los primeros comerciantes del café. Por eso el logo está representado por una sirena de dos colas. Más adelante, al fusionar la marca con otra empresa de café llamada Il Giornale, el logo original fue fusionado con el de esta última compañía, dando como resultado el que vemos actualmente. En resumen, el Brand Storytelling de esta marca refleja su historia y su inspiración.

Logo de la marca Starbucks

El logo antiguo y el nuevo de la marca Starbucks.

Investiga quién es tu competencia

Averigua cuáles son las marcas que compiten con la tuya y evalúa en qué te diferencias de ellos, y qué elementos utilizaron para dar vida a su Brand Storytelling a través del diseño gráfico.

Una vez que definas esto, puedes potenciar los elementos que te hacen diferente, para que la historia que cuentes no sea más de lo mismo ni se confunda con otra empresa.

Un ejemplo pueden ser las siguientes marcas de maquillajes: Clinique y Farmacy. Las dos ofrecen productos similares, todo tipo de cosméticos, jabones, cremas y maquillaje. Clinique se especializa en cosméticos de alta calidad, hipoalergénicos y sin perfume. Tienen un público target bastante amplio. Farmacy, se especializa en producir cosméticos a base de componentes naturales cultivados en sus propias granjas. El público target es más específico, personas que están más interesadas en una compra responsable y comprometida con una causa ambiental.

Productos Clinique

Productos de la marca Clinique.

Productos Farmacy

Productos de la marca Farmacy

Esta diferencia se hace notar en el desarrollo de la identidad gráfica de cada. Clinique resalta la calidad de sus productos a nivel dermatológico y lo combina con un look a la moda y colorido, mientras que Farmacy resalta los elementos naturales de los componentes que utiliza y hasta incluye tapas de madera en los envases e ilustraciones de flores.

Define qué necesitas

Lo siguiente que debes hacer es definir qué elementos necesitas para contar tu historia completa: logo, empaques, vallas publicitarias, página web, redes sociales. Tienes que planificar los canales a través de los cuales van a contar la historia y cómo quieres que se desarrolle.

Por ejemplo, la marca Linenfox es una empresa de ropa confeccionada únicamente con Oeko-Tex Lino, un tipo de tela libre de cualquier tóxico. La misión de sus fundadores es que la ropa sea simple, duradera, de calidad y sustentable. Ellos mismos la describen como sencilla y austera. Por simple que parezca su página web, cumple perfectamente con lo que buscan transmitir, sencillez y orden. El logo no es sobrecargado y la letra i juega un poco a ondularse como la tela.

Si todos los elementos que utilizamos a nivel gráfico concuerdan con la historia que buscamos transmitir, nadie va a cuestionar la integridad y la credibilidad de nuestra marca.

Website de la marca Linenfox

Página Web de la marca Linenfox.

 Empezar a diseñar

Al tener definidos todos los elementos anteriores, ya puedes buscar elementos de referencia, palabras claves, imágenes, colores, texturas, fotografías, etc., de acuerdo a tu marca y a partir de allí, lo único que queda es empezar a diseñar una identidad visual que se ajuste de manera sólida y consistente a tu Brand Storytelling.

La entrada Qué es el Brand Storytelling y cómo aplicarlo a través del Diseño se publicó primero en Creativos Online.

Viewing all 960 articles
Browse latest View live