SiloMag #18

El último SiloMag de Julio viene cargado de noticias, recursos y tutoriales que esperamos que os sean útiles y os ayuden en vuestros proyectos. Como siempre, os animamos a que nos comentais que os parecen, al igual que nos gusta que compartais con nosotros vuestros descubrimientos.

Esta semana, sobre diseño gráfico, veremos como ser mejores Visual Designers, aprenderemos a hacer un efecto de texto con AfterEffects, y veremos algunos infografías creadas por estudios punteros. Sobre diseño web, aprenderemos a mejorar nuestros tooltips, algunos consejos sobre CSS Grid, y unos apuntes sobre el diseño web con separación vertical. Y por último, pero no menos importante, sobre WordPress, como conectar nuestro Woocommerce y Facebook, instalaremos un servidor local con MAMP, y veremos como mejorar la usabilidad de nuestra web.

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

Diseño Gráfico

Mejora tus habilidades como Visual Designer

Mejora la visualización de tus diseños

Jules Cheun nos da desde uxdesign varios consejos para mejorar como Visual Designer si somos unos recién llegados. Por un lado, habla sobre el establecimiento de una jerarquía visual, para mantener siempre un orden. Por otro del Principio de Gestalt y la percepción visual. Y por último de estar siempre atento al uso de las tipografías.

Escritura a mano animada con After Effects

Escritura animada con After Effects

Si sois unos fanáticos de Illustrator y AfterEffects, no puedo dejar de recomendaros el canal de YouTube de TipTut. En esta ocasión, usando el software de Adobe para crear efectos visuales, nos enseña como crear una animación de escritura a mano. Todo ello, en un vídeo muy explicativo y directo. Y no os perdáis el resto de tutoriales que tiene en su canal!

7 increíbles infografías creadas por estudios de diseño

Infografía creada por Sagmeister

En SiloCreativo nos encantan las infografías! Y la mejor forma de mejorar las que hacemos es aprender de los mejores. En CreativeBloq lo saben, y nos hacen un recopilatorio de algunas creadas por los estudios de diseño más potentes. Una excelente forma de encontrar la inspiración.

Diseño Web

Diseña mejores tooltips

Recomendaciones en el diseño de tooltips

A veces el uso de tooltips en nuestros proyectos puede parecer una buena idea, pero hay que incorporarlos de forma correcta. Jake Tsacudakis nos da varios conceptos que deberíamos tener siempre en cuenta a la hora de crearlos, y que potenciarán la experiencia de usuario. Si estás interesado en el uso de otros pseudo-elementos CSS, no te pierdas el artículo que escribimos sobre ellos.

¿Es realmente seguro empezar a usar CSS Grid?

Tabla de compatibilidad de CSS Grid

Llevamos varios artículos mencionando las bondades del uso de CSS Grid en nuestros proyectos. Pero algunos desarrolladores aun son reacios a su uso, porque es una tecnología relativamente nueva. Por esto, que mejor manera que sea Rachel Andrew, una de las abanderadas de CSS Grid, la que nos explique de primera mano cuales son motivos por los que ya deberíamos a incorporarlo a nuestro flujo de trabajo.

Tendencia en diseño web: Separación vertical

Ejemplo de diseño con separación vertical

El uso de un diseño en el que partimos la pantalla de forma verticales, en dos mitades, nos puede dar mucha ventaja en el momento de dar información al visitante de nuestra web. No solo ahorramos el que se tenga que hacer scroll y aparezca todo de un golpe de vista. Además, damos una importancia igualitaria al contenido. Y podemos ofrecer mucha más variedad. Este artículo de CanvasFlip nos cuenta todo esto, además de darnos varios ejemplos de su uso en algunas web.

WordPress

Conecta tu tienda Woocommerce con Facebook

Integración de Woocommerce en Facebook

Si tienes una tienda online con Woocommerce, uno de los aspectos esenciales es la promoción de la misma para que tenga éxito. Y una de las mejores formas de hacerlo es publicar tus productos en Facebook, para que la difusión sea lo más amplia posible. Y AyudaWP nos enseña no solo a que aparezca la tienda en la red social, sino que se autopubliquen todos los productos conforme vayan apareciendo en nuestra tienda.

Cómo instalar WordPress en local gracias a MAMP

Pantalla instalación MAMP

Tener una instalación local de WordPress siempre es una buena idea, ya que podemos hacer pruebas antes de pasar los cambio a la web en vivo. Ya vimos como crear una instalación gracias a Raspberry Pi. Pero si no disponemos de ella, siempre podemos usar aplicaciones como MAMP en nuestro equipo. Y en SiliCodeValley nos explica de forma clara e illustrativa como podemos conseguirlo.

Pruebas de usuario en un sitio WordPress

Gráfica de test de usuario

Una buena usabilidad debería ser el objetivo de cualquier sitio web. Y debe ser un paso importante en su lanzamiento. Además de que debemos realizar periódicamente pruebas para comprobar que todo funciona correctamente. Mandy Osman nos muestra algunas estrategias y herramientas a tener en cuenta para no dejar nunca de lado este aspecto tan importante en nuestros proyectos.

Comentarios (2)

  1. ¡Muuuchas gracias por la mención! (la acabo de ver 1 año después) pero más vale tarde que nunca. ¡Un saludo!

Deja una respuesta

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