SiloMag no cierra por vacaciones! Porque nos encanta traeros las mejores noticias y recursos que vamos encontrando por Internet, además de las que nos vais enviando. Porque al final de esto trata SiloMag: de compartir conocimiento para evolucionar día tras día.
Esta semana en SiloMag, sobre diseño gráfico, tenemos el branding para el Tour de Francia, una tarjeta de crédito en formato vertical, y un packaging muy interesante. Sobre diseño web, lo que podemos aprender de una tipografía clásica, vocabulario de sistemas de diseño, y una guía sobre SVG. Y para WordPress, como agregar una fuente de forma local, Gutenberg y plugins, y como mejorar el rendimiento.
Como siempre, esperamos que os guste, ¡y puedes dejarnos cualquier sugerencia en los comentarios!
Diseño Gráfico
DixonBaxi crea el diseño para la cobertura televisiva del Tour de Francia
Marcas viales, camisetas de carreras y todo tipo de objetos forman la nueva identidad visual de la cobertura ciclista de Eurosport, diseñada por la agencia creativa DixonBaxi. La marca Home of Cycling se utilizará en las plataformas digitales y televisivas de Eurosport para todos los eventos ciclistas, incluidos los tres Grand Tours: Tour de France, Giro d’Italia y Vuelta a España. Donde se cubrirán 2.500 horas de ciclismo en vivo durante 200 días.
El banco online Starling presenta una tarjeta bancaria vertical
Starling es un banco del Reino Unido fundado en 2014. Proporciona a los clientes servicios bancarios regulares, tales como cuentas corrientes y comerciales, establecimiento de débitos directos, órdenes permanentes y pagos, visualización de transacciones y recibos, ganando intereses y se conecta a servicios de pago como Apple Pay y Android Pay. Su nuevo diseño vertical se ha aplicado a dos tarjetas de débito, para cuentas corrientes y cuentas de negocios regulares, y ha sido diseñado por el director de arte interno de Starling, Mark Day.
Concepto de diseño de packaging para Malbec Club
Massimo Studio fue invitado a desarrollar el concepto de diseño de envases para la nueva línea de aseo Malbec, desde el nombre hasta las etiquetas. Como fuente oficial para todas las líneas de la marca en el momento del desarrollo, siguieron todo el proceso de creación utilizando la fuente Effra para todos los materiales. La navaja presente en la marca y otras piezas de comunicación, trae la idea de un cuidado hecho a mano, proveniente directamente de las peluquerías más tradicionales, en un paquete con referencias clásicas pero con un atractivo actual y diferente a todo lo que la marca había trabajado antes.
Diseño Web
La restauración de una fuente serif con 200 años muestra el problema con las fuentes digitales
A principios de 1800, Justus Enrich Walbaum creó una tipografía que señalaba la modernidad. A diferencia de las fuentes de Blackletter que eran comunes en los libros alemanes en ese momento, Walbaum diseñó un tipo de letra romana «cálida y con estilo» que se convertiría en el favorito de los editores por su legibilidad. Walbaum Antiqua, como se llamó, era tan superior que Johann Wolfgang von Goethe insistió en que sus libros se imprimieran en esta tipografía.
Sistemas de diseño: revisión de vocabulario y términos
En general, los sistemas de diseño son un enfoque sistemático para crear UI coherentes que comunican los valores de la marca y potencian la experiencia del usuario. De forma similar a cosas físicas, como coser un vestido, una aplicación web puede crearse no en una fábrica, sino por un aficionado. Para hacer esto, una persona ciertamente necesita algunas habilidades, pero un enfoque sistemático puede estar fuera de uso. La situación cambia si el volumen de de trabajo aumenta hasta el nivel industrial. De la misma manera, al desarrollar y mantener sitios web más grandes, a largo plazo, se necesitan métodos y herramientas que garanticen la calidad de los resultados y la coherencia de los elementos en los distintos artículos, disminuyan los costos de producción.
La guía para integrar y diseñar sistemas de iconos: sprites SVG, símbolos SVG y fuentes de iconos
En este segundo artículo, Sebatiano Guerreiro examinará en profundidad los sprites de imágenes SVG, los símbolos SVG y las fuentes de íconos. Esta guía es la respuesta a todas las solicitudes que reciben sobre cómo usar los iconos exportados a través de la aplicación.
WordPress
Cómo agregar una nueva fuente de forma local en WordPress
Los temas y plantillas vienen con múltiples funciones y personalizaciones, e incluso si tienen una amplia gama de ellos, a veces tendremos que agregar o cambiar algunas líneas de código para lograr lo que más nos convenga. Hoy presentamos una guía simple sobre cómo agregar una fuente local a un tema. En este artículo podemos encontrar las instrucciones para agregar una nueva fuente local de Google a un tema para WordPress.
Cómo adaptar tu plugin para Gutenberg
Gutenberg es la nueva experiencia de editor en WordPress, que se fusionará en core en la próxima versión principal. Una gran cantidad de complementos que no se mantienen al día con esto se volverán obsoletos. Esto hace que sea esencial que adapte tu plugin para Gutenberg antes de que sea demasiado tarde. ¿Quién se ve afectado? Casi todos los complementos que tienen algo que ver con el editor de publicaciones se verán afectados por Gutenberg.
Mejora el rendimiento de WordPress de la forma más fácil posible
A lo largo de los años el autor del artículo, como anfitrión de Ceos3c y otros sitios web, aprendió mucho sobre administración, diseño y desarrollo de sitios web por necesidad. Si alguna vez contrataste un «desarrollador web» en plataformas como Upwork, sabes de lo que está hablando. Tu sitio web funcionará peor que antes. Entonces, para no depender más de esos «profesionales», puedes hacerlo tu mismo.
No te puedes perder...
