Creación de UI Kits con Sketch

Creación de UI Kits con Sketch

“¡Hey qué bien, has llegado hasta el final del curso, espero te haya gustado todo lo que te enseñé! Ahora ya sabes todo lo necesario para crear tu propio UI Kit. A lo largo del curso te mostré el proceso que sigo para hacer el mío bajo el concepto de una App de música. Ahora es tu momento y ya estás listo para llevar a cabo tu propio proyecto. ¡Hecha a volar tu imaginación! Crea un UI Kit para cualquier App que se te ocurra, o si ya tienes algún proyecto en puerta te recomiendo hacerlo sobre ese mismo. ¿Qué te parece si damos un breve repaso de los pasos a seguir para que te sea más sencillo realizarlo? ¿Qué producto? Explora y analiza algún producto que ya esté en el mercado, es decir que ya esté lanzado, pues de esta manera tendrás un punto de partida avanzado y te será más fácil trabajar en tu UI Kit.

Las primeras configuraciones Una vez que tienes el producto listo puedes empezar a trabajar con las configuraciones como los colores, la fuente y grids de tu UI Kit. ¡Dale la configuración necesaria para que tenga el look and feel que deseas! Icon Set Unifica el set de íconos que utilizarás para tu diseño. Recuerda darle tu toque personal, esto siempre suma más a tu proyecto, si tu idea es mostrarlo a un cliente definitivamente esto te dará un plus. Los componentes Empieza creando los componentes más sencillos como los botones, inputs, íconos, chips, etcétera. Prosigue con el resto de los componentes, me refiero a los cards, navbar, menús, listas y tus headers. No te olvides de crear diversas variaciones de uno mismo para que puedas elegir el que más te guste al final. Crea tus pantallas y presenta tu UI Kit Ya que tengas todos los componentes listos puedes comenzar a unificarlos y empezar a trabajar en las pantallas de tu aplicación. Una vez listas tus pantallas prepárate para presentar tu UI Kit. Ten en mente que cómo lo presentes será muy importante, pues esto te abrirá las puertas con tus clientes. Así que, te recomiendo crear algunos ejemplos de usos en algunas pantallas clave. Recuerda hacer énfasis en los componentes que consideres más importantes y crear una librería en Sketch con tus componentes para que puedas actualizarlos posteriormente, esto te será de gran utilidad en el futuro para cuando quieras utilizarlos en otros proyectos. ¡Listo, ya tienes tu UI Kit! No olvides compartir el resultado final de tu proyecto en el foro, de esta forma nos mantendremos en contacto y podré darte feedback tan pronto como me sea posible. Te invito a que observes también el trabajo de tus compañeros y, sobre todo, si tienes algún tipo de tip lo compartas con la comunidad. Estaré esperando ansioso ver lo que has creado. ¡Nos vemos en el foro! ”

Transcripción parcial del vídeo

“Proyecto final Hagamos un resumen de lo visto en todo el curso. Hablé de cómo llegué al diseño de productos digitales y de los proyectos en los que me desarrollé de manera profesional y personal. Después compartí algunas influencias y, antes de trabajar, hablamos del proyecto final. Abordamos conceptos básicos, como qué es un UI Kit y las ventajas de tener uno. Te mostré mi metodología al crear componentes dentro de Sketch. Analizamos nuestro proyecto y qué componentes tendría. Definimos nuestro "look and feel" seleccionando colores, la fuente grid e íconos que aplicamos después en cada uno...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Creación de UI Kits con Sketch

• Nivel: Iniciación
• 91% valoraciones positivas (23)
• 634 estudiantes
• 5 unidades didácticas
• 17 lecciones (3h 1m)
• 11 recursos adicionales

• Categoría

  Diseño Web y App

• Software

  Sketch

• Áreas

  Desarrollo de apps, Desarrollo Web, Diseño de apps, Diseño interactivo, Diseño mobile, Diseño Web, UX / UI