SiloMag #128

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, y antes de la llegada de WordPress 6.0, hablamos sobre sus novedades, vemos el rediseño de la marca AVE, traemos repositorios de iconos y de animaciones de carga para webs, un tutorial para diseñar packagings en Illustrator, como añadir campos personalizados e los menús en WordPress, y muchas más cosas!

Diseño Gráfico

Rafael Serra reimagina de forma ochentera logotipos muy conocidos

rediseño retro del logo de spotify creado por rafael serra

El diseñador portugués Rafael Serra hace un ejercicio muy interesante, que podemos ver en su web. Coge los logotipos de algunas de las marcas más famosas actuales, y las reimagina tal y como hubiesen sido si estuviéramos en los 80. Una colección muy interesante para inspirarse en las formas, colores y tipografías de cierta época.

Aprende a diseñar packaging con Illustrator, por Julia Vaca

julia vaca, diseñadora packaging

Julia Vaca, desde el canal oficial de Adobe, nos ofrece una introducción al diseño de un packaging clásico usando Adobe Illustrator. Tratará temas como iniciar con el despiece de un volumen básico para empezar a trabajar, como cambiar las unidades del software, además de varios atajos de teclado muy útiles que harán más efectivo el desarrollo del este tipo de proyectos.

Renovación de la marca AVE, por Trupp

rediseño del logo de ave

Por su 30 aniversario, Renfe quería remodelar la marca AVE. Unas 50 agencias participaron, enviando más de 100 propuestas, siendo finalmente elegida la creada por el estudio Trupp. Siendo respetuoso con las formas clásica, usando el clásico color morado de Renfe y teniendo la V como isotipo de la marca. Se abandona los históricos colores azul y amarillo para fundirse más con la empresa matriz, pasando de una paleta de tres colores a una con solo dos.

Diseño Web

Colección de animaciones de carga

icono de carga de web en forma circular
No es extraño ver alguna animación de carga cuando visitamos alguna web. Y siempre suelen tener la típica del circulo dando vueltas. Por eso, si alguna vez tenemos un proyecto que necesite de este tipo de elemento animado, podemos recurrir a Loaders, una biblioteca creada por UI Balls, donde tenemos varias de estas animaciones con diferentes diseños.

Tabler Icons

varios iconos de la coleccion de tabler icons
Para lo amantes de los iconos, traemos un nuevo repositorio: Tabler Icons. Tiene cerca de 1950 iconos diferentes, creados con un diseño a base de líneas. Como curiosidad, podemos elegir entre varios tamaños, descargar en formato PNG, SVG, o como código SVG, además de poder elegir el grosor de línea de los iconos. Y todo de forma completamente gratuita.

HyperUI – Componentes para Tailwind CSS

varios estilos de mensajes de alarma creados con tailwind css

Para los que usáis frameworks CSS en general, y Tailwind CSS en particular, seguro que os viene bien este recurso. HyperUI es una colección de múltiples elementos, desde botones y pop up, hasta tarjetas de productos o formularios, las cuales solo tendremos que copiar su código HTML y la tendremos lista para insertarlas en nuestra web donde estemos usando Tailwind CSS. Una forma aún más rápida de trabajar con este tipo de framworks.

WordPress

Cómo añadir campos personalizados a los menús de WordPress

persona trabajando en ordenador portatil

Desde DesarrolloWP, Pablo López nos trae un tutorial muy útil. Seguramente todos hayáis creado un menú en WordPress, ya que es uno de las cosas más sencillas que podemos hacer. Pero, ¿qué pasa si queremos añadir algún campo personalizado para añadir, por ejemplo, una imagen a cada elemento del menú?. Pues podemos hacerlo de forma rápida insertando algunas líneas de código al functions.php. Os recomendamos que le echéis un vistazo.

Construye un bloque de imagen para WordPress estilo Polaroid

bloque de imagen wordpress con aspecto de polaroid

Poco a poco cada vez tenemos más bloques en el editor de WordPress con los que poder trabajar y que vayan rellenando los huecos de todas esas necesidades que tenemos al construir una web. Eso sí, es impensable que pueda llegar a todo lo que imaginemos en nuestra cabeza. En esos caso, podemos crear nuestros propios bloques que cubran necesidades singulares para algún proyecto. Todos los detalles en este artículo de WP Tavern.

Novedades en WordPress 6.0

logotipo wordpress sobre fondo claro
Ya queda menos de un mes para que tengamos entre nosotros de forma oficial WordPress 6.0. Eso sí, si sois valientes, podéis ir probando alguna beta para ir echándole un ojo. Pero si preferís esperar, desde WPBeginner nos comentan algunas de las novedades más interesantes como la llegada (parece que definitiva) del Full Site Editing, los nuevos bloques para el editor, o la posibilidad de cambiar los estilos de un mismo tema.

Deja una respuesta

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