Hace tiempo que busco la forma de organizar los recursos de diseño que voy encontrando en Internet a través de Twitter, Facebook o algunas de las newsletters, como Honos, a las que estoy suscrito. Así quiero «re-inaugurar» una nueva categoría de post en el blog dedicada a hacer un batiburrillo de estos recursos que voy encontrando. Y digo «re-inaugurar» porque es algo que ya hace años hacía (cuando el blog no se basaba en WordPress, que ya sabéis que este año, la web hace 15 años online). Por entonces acuñé el término «Crossoverposting» como un rápido sobrevuelo por encima de los post en los blogs que entonces seguía; así que creo que voy a continuar con esta costumbre, y de esta manera, concentrar en un solo lugar los recursos.
En esta primera nueva edición del «Crossoverposting«, quiero subdividir la entrega en secciones, y estos son los recursos que os traigo:
UI/UX
Vía @Vincentxia77 os traigo un post de Mockplus en el que nos enumeran 6 tutoriales sobre diseño de Interfaces de Usuario y User Experience disponibles en Internet que nos pueden venir muy bien para nuestra constante mejora de capacidades. Entre ellos Hackdesign, una amplia variedad de material que incluye tutoriales, cursos, excelentes publicaciones en blogs, documentación y recursos de descarga, etc; o «Foundations of UX: Prototyping» por James Williamson en lynda.com, que nos propone mejorar el proceso de diseño estructurándolo en 5 pasos. Lecturas muy recomendables.
En Line25.com tienen una impresionante colección de las 25 mejores librerías CSS para animación que hay en Internet y que te permitirán agregar dinamismo e interactividad a tu trabajo. En esta colección encontrarás un montón (algunas gratuitas y otras de pago) de animaciones y efectos CSS para cualquier tipo de elementos web, como textos, imágenes, botones, formularios, pestañas, información sobre herramientas, tarjetas y más. Entre ellas podemos encontrar Hexa, Vivify, Flutter o Woah.css entre otras.
Una de las colecciones gratuitas de recursos de diseño más impresionantes que hay es el que nos brinda Inside Design by Invision, una gran cantidad de librerías de alta calidad, UI Kits, Icon packs y Mockups, todos gratuitos, que te encantará y que lo hará de visita obligada e imprescindible en tus bookmarks.
Tipografía
MARZ es una fuente futurista geométrica, sans serif, con líneas limpias diseñada por Marco H Designs. Incluye glifos únicos en mayúsculas, minúsculas y números. Esta fuente es perfectamente adecuada para una variedad de propósitos de visualización, incluidos logotipos, distintivos y etiquetas, titulares y pancartas, impresiones y mucho más. Y es gratis para uso personal, aunque tiene una versión para proyectos comerciales, que si quieres utilizar tendrá que ponerte en contacto con el autor.
Azonix es fuente minimalista geométrica y muy moderna, con todas sus formas correctas y con todos los caracteres en el mismo tamaño; es perfecta para encajar en una línea uniforme. Se trata de una fuente en mayúsculas diseñada por Mixo y una gran opción para titulares y logotipos. La «A» sin una línea de cruz le da a un aspecto futurista y único. Y lo mejor, es libre para uso personal y comercial.
La Pildorita
Ya nos lo comentaba Ángel Álvaro de Castro en su charla de Subflash de 2015. El diseño en la publicidad que viene tendrá que identificarse, sí o sí, con las emociones, para transformar las ideas en realidad. A medida que la tecnología se vuelve más inteligente, es necesario crear una conexión emocional que permita que los productos digitales lleguen mejor a los usuarios, y para ello, es clave que exista un estudio de la interacción entre humanos y productos y que a la vez sea inspiradora. El diseñador Gleb Kuznetsov nos muestra en este vídeo parte de su trabajo de creación de experiencias digitales a través del diseño emocional.
