Herramientas de diseño, presente y futuro

By aldibier, 28 Agosto, 2017
El diseño no es el como se ve sino el como se usa.

Como algunos sabrán, en SeeD llevamos mas de 10 años trabajando en la industria del desarrollo para la web, que nuestra especialidad sea el desarrollo puro y duro, no quiere decir que no tengamos un área de diseño, todo lo contrario, nuestra área de diseño con el paso de lo años se ha venido fortaleciendo y especializando, desde mi punto de vista, ha tenido unos retos muy grandes ya que hemos trabajado en conjunto para mejorar cada vez mas tanto la experiencia para el cliente como para el mismo equipo de desarrollo.

En esta evolución, el equipo de diseño ha pasado de usar solo herramientas e Adobe a tener incluso una metología, proceso y herramientas muy especializadas para lograr su objetivo, ya han pasado los años en que todo se hacía en una combinación de Photoshop e Illustrator, hoy en día se habla de Sketch y sus amigos.

No soy el mas adecuado para hablar de diseño ya que no es mi especialidad aunque por mis responsabilidades si debo mantenerme un poco al tanto, es así como viendo la conferencia de Meaghan Turner en Drupal North me acordé mucho de nuestra evolución.

Una de las cosas que me han llamado mucho la atención sobre lo mencionado por Meaghan es el uso de Pattern Lab (http://patternlab.io/) el cual ayuda mucho a establecer un método para que se pueda comprender muy bien el diseño desglosándolo desde pequeños componentes que vendrían siendo los átomos, luego pasando por moléculas, organismos, plantillas, y páginas.

También habla de las siguientes herramientas de acuerdo a su especialidad.

Wireframes y composiciones

  • Sketch
  • Adobe XD
  • Zeplin
  • Invision

Prototipado

  • Marvel
  • Invision

Recursos de stock de imágenes

  • Pexel
  • Pixabay
  • shutterstock
  • unplash

Assets para diseño

  • Noun Project
  • Google Fonts
  • Font Awesome

Si eres un/a apasionado/a del diseño para la web seguro te resultará interesante la conferencia (En inglés), les comparto el video.