Aprovecha los descuentos de últimas plazas que tenemos disponibles hasta el 31 de octubre. ¡Pídenos información! Ver oferta académica

UNIR
Ver temas

Última actualización: 24 · 08 · 2017

Prototipar con Sketch es fácil

Cada vez que un Máster se pone en marcha, nos preocupamos mucho de conseguir todo tipo de feedbacks tanto de alumnos como de profesores para que los contenidos siempre sean apropiados, los más actualizados y estar siempre a la vanguardia de las últimas herramientas. Esto en el Máster de UX, ha supuesto además de un […]

Cada vez que un Máster se pone en marcha, nos preocupamos mucho de conseguir todo tipo de feedbacks tanto de alumnos como de profesores para que los contenidos siempre sean apropiados, los más actualizados y estar siempre a la vanguardia de las últimas herramientas.

Esto en el Máster de UX, ha supuesto además de un incremento de horas y el añadido de nuevos módulos de especialización, la incorporación de nuevas herramientas como es el caso de Sketch, la nueva joya del diseño de interfaces (solo hay que ver su logo).

Un programa para trabajar 100% en vectorial y de forma no destructiva que puede parecer un programa sencillo a primera vista, pero cuya potencia es tremenda, sobre todo a la hora de diseñar interfaces de Apps para móviles o páginas webs. Así que, si eres un enfermo del píxel, te enamorarás de Sketch, sus reglas inteligentes y su resultado.

Los requisitos de Sketch son tener un Mac con posibilidad de ejecutar código en 64-bit y Snow Leopard o superior. Si quieres puedes descargar Sketch de forma gratuita para probarlo durante 15 días desde su web. Y, pese a ser para profesionales, el precio es bastante asequible, cuesta 99 dólares.

 

sketch_interfaz

 

¿Cómo podemos usar Sketch para prototipar?

Podemos empezar descargándonos los freebies que hay disponibles para prototipar apps de diferentes sistemas operativos. En la web Sketch App Sources hay diferentes paquetes de plantillas que podremos usar en Sketch para prototipar apps. Encontramos, por ejemplo:

plantillas UI de Windows 8

– un Kit UI para Apple Watch

– Android Material Design UI Kit

Y no sólo hay recursos de diseño de interfaz, sino que también encontraremos prototipos de diferentes dispositivos móviles. De esta manera, podremos colocar, si nos interesa, una pantalla ya diseñada en un prototipo de dispositivo y así poder mostrarle una imagen más cercana a la realidad al cliente o al equipo.

 

Exportando nuestros diseños

Una vez hayamos diseñado las pantallas de nuestra app en Sketch, podemos exportarlas e importarlas luego en un programa tipo InVision o Marvel (incluso Proto.io) y a partir de ahí con esos programas podemos empezar a diseñar transiciones animadas, jerarquías entre diferentes pantallas, cambios de estado, feedback de la app… Os aconsejamos que visitéis este enlace del blog de InVision en el que se detallan con vídeos diferentes consejos a la hora de diseñar prototipos con Sketch.

 

 

¿Y por qué no usar Photoshop?

En primer lugar, podríamos hablar también de la herramienta Fireworks de Adobe. Desgraciadamente, Fireworks es un producto que lleva descontinuado ya por más de 2 años, por lo que aunque podamos seguir usándolo, no es la mejor estrategia si queremos adaptarnos continuamente a este mundo cambiante. Entonces… nos queda Photoshop. El problema de Photoshop es que no es un programa que haya sido creado para diseñar UX/UI mientras que Sketch es un programa ágil, rápido y  que ha sido pensado adrede para esta nueva era de diseño.

Photoshop, no deja de ser un programa ‘antiguo’ (que arrastra cosas del pasado, digamos) y que fue pensado para procesar imágenes. Con Sketch podemos trabajar con vectores sin problemas, también con píxeles. En Sketch tenemos también ‘smart guides’ que nos ayudan a diseñar mejor… entre otros muchos recursos que nos ayudarán a diseñar de una manera más ágil y mejor nuestros prototipos.

 

¿Qué te parece? ¿No estás deseando probarlo?

 

Vía Ubicuostudio

 

El artículo Prototipar con Sketch es fácil fue escrito el 24 de agosto de 2017 y guardado bajo la categoría Usabilidad UX. Puedes encontrar el post en el que hablamos sobre .

Descrubre nuestros cursos

06 · 11 · 2023

Como hacer el CV perfecto para diseñadores UX

Un CV es la carta de presentación para cualquier aspirante a un puesto de trabajo. En él deberás mostrar tu formación y habilidades para que la empresa pueda elegir tu perfil en una oferta de trabajo. Te contamos cómo hacer el CV perfecto para diseñadores UX. Cómo hacer el CV perfecto Hacer el CV perfecto […]

02 · 09 · 2024

Principios básicos de UX: Mejores prácticas para mejorar la usabilidad de cualquier producto digital

Contar con un diseño UX en tu web tiene muchas ventajas y beneficios ya que ayuda a mejorar el tráfico, a que los clientes realicen más compras y permanezcan más tiempo y la web. A ello se suma una mayor satisfacción de los usuarios ya que la página estará diseñada teniéndoles en cuenta. Te contamos […]

Noticias UX y UI

25 · 10 · 2023

Tendencias en diseño UX para este 2023

El diseño no deja de avanzar e innovar para poder adaptarse a las necesidades de los usuarios ya que un diseño obsoleto en una web o aplicación puede provocar el abandono de la misma por parte de los visitantes o no lograr un impacto adecuado. Para que puedas adaptarte a ello te contamos cuáles son […]

15 · 04 · 2024

Mitos sobre el CRO

El CRO permite obtener beneficios importantes con una inversión mínima, por este motivo cada vez más empresas están interesándose por él. No obstante, es importante que conozcas cuáles son sus principales mitos para evitar caer en confusiones o falsas expectativas sobre su implementación en tu negocio. Además, has de tener en cuenta que para poder […]