SiloMag #22

Pues aquí estamos de nuevo, con una nueva entrega de SiloMag. Y en este número, sobre diseño gráfico, veremos el uso de A.I.D.A. para la creación de ilustraciones, visitaremos una librería de diseño gráfico, y tendremos una colección de alternativas a las tipografías Serif más típicas. Sobre diseño web, tenemos un tutorial para crear un efecto glow con CSS, pequeños detalles a tener en cuenta al diseñar una UI,  y una biblioteca de animaciones CSS. Y para el final, para WordPress, un recopilatorio de noticias sobre Gutenberg, , como reordenar entradas y páginas, y el hallazgo de una puerta trasera en un plugin de WordPress.

Como siempre, esperamos que os guste, y podéis dejarnos cualquier sugerencia en los comentarios!!

Diseño Gráfico

Posters que siguen el diseño A.I.D.A.

Principios AIDA en el diseño

Atención. Interés. Deseo. Acción. Estos cuatro principios son los que siguen muchos diseñadores cuando crean publicidad. Y en este caso, Andrew Kelsall recopila 10 posters e ilustraciones en los que podemos ver como se usan estos valores. Grandes ejemplos que pueden servirte de inspiración para tus proyectos.

Una visita a la Standards Manual

Tienda de Standards Manual en Nueva York

En The Verge visitan la Standards Manual, una tienda en pleno Brooklyn dedicada por completo a la venta de libros sobre diseño gráfico. Reed y Smyth, sus dueños, la definen como «la única librería de Nueva York dedicada al diseño gráfico«. Una parada obligada si visitais la ciudad.

Alternativas a las tipografías Serif habituales

Tipografía serif Portrait

Hrvoje Grubisic, desde Protoypr, nos muestra seis alternativas que podemos usar como reemplazo a las típicas tipografías Serif que solemos usar. Aprovecha tus nuevos proyectos para probar algunas de ellas. Seguro que encuentras alguna interesante

Diseño Web

Pequeños detalles en la UI

Consejos sobre diseño UI

Interesante recopilatorio el que hace Grant McAllister. Una colección de consejos para mejorar el diseño de nuestros UI. Van desde el uso de gradientes de color y sombras en cajas, hasta alineaciones de texto. En estos pequeños detalles son donde podemos marcar una diferencia con respecto a los demás.

Efecto Glow en iconos sociales

Iconos con efecto glow mediante CSS

El Flat Design es una tendencia en estos momentos. Aunque a veces podemos usar algunos efectos para añadir un hecho diferenciador. En Coding is Love nos muestras como podemos añadir mediante CSS un efecto glow a nuestros iconos. Ideal para cuando pasamos el puntero del ratón por encima de ellos.

Vivify: una biblioteca de animaciones CSS

Logo de Vivify

Las animaciones de CSS es un mundo aparte. Y prácticamente inabarcable. Con Vivify, tenemos un simple click una recopilación de muchas de ellas, viendo un ejemplo de su funcionamiento. Desde su Github podremos descargar su hoja de estilos para poder insertarlas en nuestra web.

WordPress

Encuentran puerta trasera en un plugin de WordPress

Puerta trasera en Plugin para WordPress

Una de las noticias que más han dado que hablar durante la última semana. Durante los últimos dos meses y medios, el plugin Display Widgets ha sido usado para instalar una puerta trasera en WordPress. Aunque ya ha sido eliminado del repositorio oficial, el plugin tenía más de 200.000 descargas.

Novedades semanales para Gutenberg 

Nuevas novedades en Gutenberg para WordPress

En Silo Creativo hablamos hace pocos días de Gutenberg, el nuevo editor de WordPress.  En WPLift nos traen las ultimas novedades y tutoriales que se han publicados sobre él en los últimos días. Una buena forma de ver como va avanzando este proyecto.

Cómo reordenar entradas y páginas en WordPress

Reordenar entradas y páginas en WordPress

WPExplorer nos enseña diferentes formas  de reordenar nuestras páginas y entradas. Opciones que están ahí, pero que muchas veces pasamos por alto y no sabemos ni de su existencia. Además, también nos enseñan varios plugins para ayudarnos con esta tarea.

Deja una respuesta

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