Herramientas para diseño de GUIs

Herramientas para diseño de GUIs

 

Crear una aplicación simple es bastante fácil. Crear una GUI para una aplicación simple es muy complicado.

Nunca me consideré como alguien que fuera muy bueno diseñando interfaces de usuario; sempre me ha costado decidir qué colores combinan, el tamaño correcto de un botón e incluso la posición de un texto. A pesar de no ser un experto en UX, simplemente no quiero que mis aplicaciones no se vean feas.

Con el paso del tiempo he encontrado varias herramientas y aplicaciones que me ayudan muchísimo para diseñar una GUI que me gustaría compartir con ustedes. Como todos usamos frameworks y lenguajes de programación diferentes, decidí enfocarme puramente en el diseño; no mencionaré nada de programación.

Adobe Colors

Una de las partes fundamentales de UX es la paleta de colores. Como mencioné al principio, no soy muy bueno decidiendo qué colores combinan entre sí, pero con Adobe Colors, seleccionar una paleta de colores se vuelve muy fácil. ¡Incluso lo uso para decidir el color de mi Dashboard de Canvas!

Si quieres algo más complicado de usar, recientemente vi un post de Github donde presentaban a Primer Prism. Personalmente, se ve bastante complicada de usar; pero si Github la usó, probablemente le sea útil a alguien con más conocimientos que yo.

Color Safe

¿Nunca te ha pasado cuando un profesor decide escribir con un marcador verde claro en el pizarrón? Es totalmente ilegible si te sientas en la parte de atrás del salón. Algo similar ocurre con cualquier tipo de aplicación. La mayoría del tiempo bastará con usar letra de color negro para asegurarse que se lea bien; pero a veces es una decisión más complicada.

Si no estás seguro de qué color hacer tu texto para que sea legible, puedes usar Color Safe.

Three Joy

Three Joy es una herramienta donde puedes encontrar tres fuentes de texto que combinen. La mayoría de las fuentes son relativamente fáciles de conseguir; de Google o de Adobe. Pero aun si ya tienes una fuente favorita, todavía te recomiento que pruebes Three Joy. Me ha hecho descubrir muchísimas fuentes que me gustan para cualquier situación.

Prototipos en Papel

Sí, yo sé. Todos hemos sido obligados a tener que hacer un prototipo en papel en algún curso de la universidad. Y aunque en esos momentos no se siente como algo útil, definitivamente lo es. Además, no tiene que ser un prototipo en papel obligatoriamente. Yo prefiero conseguir un marcador y dibujar en un pizarrón que tengo cerca de mi escritorio.

Figma

Si quieres ir más adelante de un prototipo en papel, Figma es una buena aplicación para hacer prototipado de aplicaciones. Puede parecer un poco abrumadora al inicio, pero una vez aprendes a usarla te será muy conveniente. 

- Oz