Crossoverposting febrero 2019

crossoverposting-febrero2019

Nunca os he contado el porqué de mi interés por el diseño gráfico, en especial por el diseño de interacción. Durante mis estudios de informática en la UCLM, cursé la asignatura de Interfaces y Periféricos, en la que realicé un proyecto que necesitó de una interfaz de usuario. Durante el desarrollo del proyecto, me picó el gusanillo del HTML, y me propuse aprender a usar pohotoshop para diseñar la interfaz; darle interactividad, etc.., y sobre todo picó la inquietud del porqué un programa informático debería tener una interfaz que, además de usable y de fácil comprensión y manejo, tuviese un diseño atractivo y, porqué no decirlo, bonito estéticamente y atrayente. Después la especialización profesional y el estudio de diseño gráfico fueron una consecuencia profesional.

Bueno, y después de la batallita, os traigo una edición más de Crossoverposting, el post de recopilación de los recursos y enlaces sobre diseño gráfico, experiencia de usuario y diseño de interfaces que más me ha gustado durante el mes de febrero, y que me sirve de «repositorio» de recursos para mí y espero que os sirva a vosotros (si es que alguien lee estos posts)

UI Kits

Stisla

Stisla es una plantilla de administración gratuita, 100% de código abierto, basada en Bootstrap que te ayudará a acelerar tu proyecto, diseñar tu propia interfaz de usuario de panel de control y que además encantará a los usuarios que la utilicen. Con una completa documentación, puedes clonarla como repositorio desde Github o descargarla directamente.

Smart Home (UX Pin)

Smart Home es un UI Kit que tiene todo lo que se necesita para crear paneles de control para administrar dispositivos inteligentes como termostatos, luces u otros dispositivos que conforman un hogar moderno conectado. Lleva casi 30 pantallas prediseñadas y puedes descargarlo en diferentes formatos para que lo uses en Photoshop o Sketch. Gracias a UX Pin por este regalazo.

Software de Diseño

Pinegrow

Pinegrow es un editor Web multiplataforma compatible con Mac, Windows y Linux, que te permite construir sitios web multipáginas usando estilos CSS y SASS, con un editor de rejilla css y compatible con varios frameworks como Foundation, Bootstrap 3 o Bootstrap 4; y todo ello lo puedes hacer sin picar (demasiado) código. Además dispone de un generador de themes de WordPress, si usas este gestor de contenidos, que te permitirá generar tus propias plantillas de diseño. El software no es gratuito, pero tiene una versión trial, y los precios de licencia son muy muy asequibles.

Tipografía

Noemí Slab Typeface

Noemí Slab Typeface es la creación del diseñador malagueño José Antonio Jiménez. Se trata de una familia tipográfica ideal para su uso en periódicos y prensa en general. Dispone de una versión gratuita de descarga con dos versiones, text y negrita. Una fuente serifada de aspecto de máquina de escribir que nos recuerda a las Lucidas o a Museum. Un excelente trabajo que además tiene un 50% descuento para uso personal hasta febrero de 2019.

La Pildorita

Del 26 al 29 de marzo se celebran en Barcelona las ferias Graphicspag19 y GRADA

Graphicspag es la feria de referencia del sector de la comunicación visual. Un espacio en el que durante 4 días se darán cita expositores provenientes de países como Alemania, Bélgica, China, Países Bajos, Francia, Italia, Polonia, Reino Unido, algunos países latinoamericanos y Suecia… y en el que los profesionales que la visiten podrán descubrir los equipos, maquinaria, soportes, y materiales que están revolucionando el sector de la comunicación visual y la publicidad a través de impresiones de gran formato. 300 marcas, 200 expositores y más de 9.000 metros cuadrados dedicados al sector. Una feria donde todos los sectores de las artes gráficas y la comunicación visual tienen su espacio.

Esta feria, compartirá espacio con GRADA, un evento impulsado por el Col·legi Oficial de Disseny de Catalunya, que recoge todas las disciplinas que utilizan la imagen como motor y como herramienta de sus actividades: desde la comunicación visual, el diseño gráfico, hasta la ciencia, la arquitectura y la ingeniería, y el desarrollo de estas durante todo su recorrido.

GRADA nace con el objetivo de reconocer el nuevo paradigma del diseño que proclama el Col·legi Oficial de Disseny de Catalunya. La unión de Graphispag con GRADA tiene como objetivo unir los actores que utilizan la imagen como herramienta vital para el desarrollo de sus disciplinas. Empresas productoras, clientes profesionales, clientes finales, prescriptores de proyectos, de productos y de comportamiento se encuentran en los mismos espacios, para compartir y aprender del talento.

Crossoverposting Enero 2019

Crossoverposting - enero 2019

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

Recurso de Diseño

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.

Recurso de Diseño

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.

Recurso de Diseño

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

Recurso de Diseño

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.

Recurso de Diseño

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

Recurso de Diseño

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.

Volver a arriba