SiloMag #20

Cuando empezamos parecía que no llegaríamos aquí, pero estamos muy contentos por la llegada del número 20 de SiloMag. ¡Y esperemos llegar al menos a 20 publicaciones más!

Y en esta ocasión, sobre diseño gráfico, veremos la problemática de la señalítica en el metro, como las fotografías pueden crear imagen de empresa, y recursos para al app Sketch. Sobre diseño web, tenemos el lanzamiento de la beta de Bootstrap 4,  una charla sobre conceptos de diseño para no diseñadores, y como podemos organizarnos mejor al crear una UI. Y para el final, sobre WordPress, veremos como añadir botones de Pinterest a nuestra web, un podcast en el que escucharemos como crear llamadas a la acción, y veremos como usar el plugin para WordPress Microthemer CSS Editor.

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

Diseño Gráfico

La señalización de Metro y el reto del ascensor

¿Qué ocurre cuando nos enfrentamos a la integración de nuevos elementos en un diseño que puede considerarse como cerrado? Esto nos plantea Fernando de Córdoba desde su blog, al respecto de la señalítica del Metro de Madrid. Creado a principios de los 80 por Arcadi Moradell, la inserción de nuevas iconografías y significados puede resultar un problema por varios motivos. Siendo el mayor de ellos la confusión que puede llegar a crear entre los usuarios de Metro.

Cómo seleccionar imagenes que representen a tu empresa

Cuando pensamos en la imagen que da nuestra empresa, lo primero que nos viene a la mente puede ser su logotipo o los colores que crear su marca. Pero un punto importante que mucho olvidan es que las imágenes y fotografías que lo acompañan también deben hablar de nuestra empresa. No decimos lo mismo si usamos una ilustración o una fotografía. Y desde 99 designs nos dan algunas pistas sobre esto.

Recursos para Sketch

Hace menos de una semana estuvimos hablando en Silo Creativo sobre diferentes aplicaciones de diseño vectorial. Una de las cuales era Sketch, que seguro que más de uno usáis en vuestro día a día. Por eso, os traemos esta web con recursos que os pueden resultar de utilidad para optimizar vuestro tiempo de trabajo, y mejorar vuestros proyectos.

Diseño Web

Lanzamiento Oficial de la beta de Bootstrap 4

Bootstrap quizás sea uno de los frameworks CSS más utilizados en la actualidad. Y tras un largo tiempo en modo alpha, recientemente se lanzó su versión beta de Bootstrap 4. Como siempre, es muy recomendable leer toda la documentación existente en esta nueva versión. Donde podremos también comprobar todas las novedades que trae esta nueva versión.

Conceptos de diseño para no-diseñadores

Una interesante charla que nos ofrece Tracy Osborn en la DjangoCon US 2016. Nos habla de como podemos mejorar nuestras web, tanto en el ámbito del diseño como en la experiencia de usuario. Una conferencia especialmente dirigida a los que no tengan grandes conocimientos en el mundo del diseño gráfico.

Como ser más organizado cuando diseñamos una UI

Al diseñar una UI, nos enfrentamos al mismo tiempo a varios problemas. Lo cual puede suponer un gran inconveniente si no somos lo suficientemente organizados. Desde Marvel nos dan varios consejos para que no nos perdamos al plantarle cara a este tipo de proyectos.

WordPress

Como añadir botones «Pin It» en WordPress

Muchos tendréis en vuestra web un botón para compartir en Pinterest vuestros artículos. Pero con este tutorial de WPLift, podemos compartir imágenes concretas gracias a la aparición de un botón «Pin It» que aparecerá al pasar sobre una imagen. Un paso más para hacer nuestra web más social.

Creando llamadas a la acción

Ya sabéis que somos fans de los podcasts de Fernan Díez. Y en uno de los más recientes, nos habla de las llamadas a la acción en nuestra web. De la importancia de cuidar esos textos para poder conseguir que los visitantes se registren en nuestro sitio, se den de alta en una lista de correo o realicen una compra, entre otros casos. Como siempre, muy recomendable y ameno de escuchar su podcast.

Plugin Microthemer CSS Editor

En WPMU DEV nos traen un pequeño tutorial sobre Microthemer. Gracias a este plugin para WordPress, a través de un panel visual con todo tipo de herramientas podemos seleccionar y cambiar parámetros de la sección que estemos editando. Es muy sencillo de usar e intuitivo, y podemos ir creando puntos de control, para volver a estados anteriores.