SiloMag #74

Como cada dos semanas, os traemos una nueva entrega de SiloMag. Y como siempre, hemos recopilado las mejores noticias y recursos sobre diseño gráfico, diseño web y WordPress para todos vosotros.

Esta semana, os traemos el rediseño de una empresa cinematográfica muy reconocible, la nueva actualización de WordPress, como se creo la tipografía de la película Joker, recursos para aquellos que buscáis ilustraciones, y muchas más cosas!

Pero no esperemos más, y veamos que nos trae SiloMag esta semana:

Diseño Gráfico

Nuevo branding para Warner Bros

nuevo logotipo warner bros

Warner Bros. quizás tenga uno de los logotipos más reconocibles  dentro de las productoras cinematográficas. Y en estos casos, nunca es sencillo el plantear un rediseño, más aun cuando debe aplicarse a multitud de formatos, desde la imagen digital, hasta sobres o directamente en la gran pantalla. Pero además, esta nueva imagen viene acompañada con una tipografía propia: Warner Bros. Sans.

Cómo se creó la tipografía de Joker

tipografia joker en madera

El logotipo de una película es a menudo una de las primeras cosas que vemos, ya sea en carteles o en un trailer, por lo que no es raro que los estudios gasten grandes cantidades de dinero para hacerlos llamativos y originales. Por eso es tan sorprendente descubrir que el logotipo de la película de Joker fue creado por el diseñador Chad Danieley con tipografías de madera.

10 tendencias para 2020 en diseño gráfico

texto con efecto glitch

Con el año 2020, las tendencias de diseño gráfico han alcanzado un hito importante. Es el comienzo de una nueva década, y los diseñadores están listos para dar un paso más allá en un año que será el que marque a los siguientes. Hay una sensación en el aire de que cualquier cosa puede suceder, de que estamos a punto de presenciar la próxima evolución del diseño gráfico tal como lo conocemos.

Diseño Web

Open Source Illustration kit

ilustracion ipod

En está web tenéis 100 ilustraciones diferentes, que podéis descargaros de forma gratuita, aunque el autor está abierto a que le hagáis una donación si os ha gustado su trabajo. Todas las ilustraciones están disponibles tanto en formato PNG como SVG, por lo que se adaptarán de forma perfecta sea cual sea la resolución de la pantalla donde los veáis.

Lista de accesibilidad web

accesibilidad navegador web

Benjy Stanton nos propone una lista de consejos, recomendaciones y recursos para todos aquellos diseñadores web que quieran hacer una web más accesible. Entre otras cosas, nos da indicaciones sobre como usar de forma correcta la sintaxis de HTML, sobre el uso de los colores, el diseño de los formularios o las tipografías, entre otras cosas. Un listado muy interesante.

Filtros CSS para imágenes

fotografia atardecer con filtros aplicados

Una herramienta muy útil la que encontramos ene sta web. Nos permite subir cualquier imagen que tengamos en nuestro ordenador, o utilizar algunas de las disponibles en Unsplash, para a continuación poder aplicarles diferentes filtros y ediciones, como pueda ser modificar su contraste o saturación. Y, de forma automática, obtenemos su código CSS para usarlo donde queramos.

WordPress

WordPress 5.3 «Kirk»

wordpress 5.3 ilustracion

Hace poco menos de una semana que se lanzó la nueva actualización de nuestro CMS favorito, WordPress 5.3. Entre sus novedades está Twenty Twenty, un nuevo tema por defecto totalmente compatible con Gutenberg. Y hablando de Gutenberg, ya podremos agrupar bloques diferentes en uno que actúe como un bloque individual. En el artículo podréis ver el resto de adiciones a esta nueva iteración de WordPress.

Deshabilitar el downscaling de las imágenes en WordPress 5.3

imagen codigo programacion

Y, porque no todo el mundo está contento con las nuevas funcionalidades de WordPress, Darko Gjorgjijoski nos enseña como podemos deshabilitar el downscaling en las imágenes que subamos a WordPress. Lo mejor es que se puede conseguir añadiendo solo unas pocas líneas de código.

Integración Webflow WordPress

tutorial webflow wordpress

Webflow se ha convertido en una de las herramientas favoritas de muchos diseñadores, ya que con ella es posible crear una web de forma gráfica como se haría en un software de prototipado, como Sketch o Adobe XD, pero obteniendo también el código HTML y CSS. En esta ocasión, veremos como podemos integrar Webflow dentro de WordPress, para pasar los diseños directamente al CMS.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *