Creación de UI Kits con Sketch

Un curso de Nodos .
UX/UI Designer. Ciudad de México, México.
Se unió en junio de 2016
, UX/UI Designer

Aprende a crear archivos prediseñados usando la metodología Atomic Design para interfaces de aplicaciones y sitios web que agilizarán tu flujo de trabajo

  • 95% valoraciones positivas (20)
  • 517 estudiantes
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés

Aprende a crear archivos prediseñados usando la metodología Atomic Design para interfaces de aplicaciones y sitios web que agilizarán tu flujo de trabajo



  • 95% valoraciones positivas (20)
  • 517 estudiantes
  • 17 lecciones (3h 1m)
  • 21 recursos adicionales (11 archivos)
  • Online y a tu ritmo
  • Disponible en la app
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés
  • Nivel: Iniciación
  • Acceso ilimitado para siempre


La regla principal de las aplicaciones es hacer la vida más sencilla a sus usuarios, sin embargo, crear una desde cero puede ser un proceso realmente complicado. Por eso, los UI Kits, conjuntos de elementos listos para usarse en el diseño de interfaces, son un recurso realmente útil.

En este curso, aprenderás a crear UI Kits para aplicaciones y sitios web en Sketch de la mano del diseñador Migue, alias El Nodos. Además, verás cómo actualizarlos para reutilizarlos en proyectos futuros y agilizar todavía más tu flujo de trabajo. Haz realidad interfaces impactantes y crea experiencias inolvidables de manera rápida y sencilla.

¿Qué aprenderás en este curso online?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Conceptos y setup de Sketch
  • U3
    U3. Estableciendo las bases de nuestro UI Kit con Sketch
  • U4
    U4. A crear componentes atómicos en Sketch
  • U5
    U5. Librerías en Sketch
  • PF
    PF Proyecto final
Ver detalle

Comenzarás conociendo a tu profesor y cómo ha sido su camino a través de su carrera profesional. También, te explicará el proyecto en el que trabajarás a lo largo del curso.

A continuación, descubrirás qué es un UI Kit y qué lo diferencia de un sistema de diseño. Verás los patrones de diseño de interfaz y aprenderás a organizar tus archivos según la metodología que utiliza Migue.

Revisarás el proyecto en el que te basarás para crear tu UI Kit y analizarás los componentes a crear. Luego, definirás tu guía de estilo fijándote en los colores, la fuente, los grids (cuadrícula) y el set de iconos.

Pasarás a la acción creando primero los átomos, luego combinarás algunos de ellos para crear las moléculas y, por último, crearás algunas pantallas con todos estos componentes.

En la última unidad, Migue te enseñará a utilizar tu UI Kit en Sketch como librería y cómo mantenerlo actualizado, agregando nuevos componentes a medida que sea necesario.

¿Cuál es el proyecto del curso?

Crearás un UI Kit que te permitirá agilizar tu trabajo a la hora de crear pantallas para tu aplicación. Durante el curso, se trabajará a partir de una app de música.

¿A quién está dirigido este curso online?

A diseñadores que quieran introducirse en el mundo del diseño de interfaz, diseñadores UI, diseñadores de interacción juniors y a todos los interesados en el diseño de aplicaciones o que estén involucrados en el diseño de productos digitales.

Requisitos y materiales

Para realizar este curso, se requieren conocimientos básicos de Sketch.

En cuanto a materiales, necesitarás una computadora con macOS Mojave o superior y tener instalada la última versión de Sketch (se puede descargar la versión de prueba en su página web). Tener una Wacom es un plus, pero no es indispensable.


Valoraciones

517 Estudiantes
20 Valoraciones
95% Valoraciones positivas

Nodos .

Un curso de Nodos .

Profesor Plus
UX/UI Designer

Diseñador de interacción en el estudio frog design México, Migue, más conocido como El Nodos, está especializado en la creación de patrones de diseño y componentes en los sistemas de diseño. Con más de siete años de experiencia en el sector, su trabajo consiste en diseñar interfaces funcionales y estéticas para aplicaciones móviles y web. Ha participado en proyectos de educación, salud, comunicaciones, fintech e incluso criptomonedas.

Actualmente, está enfocado en crear patrones y sistemas de diseño escalables. Además, es el co-fundador de la comunidad SketchMX, donde organizan meetups de manera regular para la comunidad de diseño de producto, en los que participan diseñadores, desarrolladores, ux writers, product designer y cualquiera que le interese el diseño de productos digitales.


Contenidos

  • U1

    Introducción

    • Influencias
    • Qué haremos durante el curso
    • Presentación
  • U2

    Conceptos y setup de Sketch

    • Atomic Design
    • Patrones de UI y componentes en Sketch
    • ¿Qué es un UI Kit?
  • U3

    Estableciendo las bases de nuestro UI Kit con Sketch

    • El proyecto
    • Colores, Fuente y Grid
    • Colores, Fuente y Grid 2
    • Icon Set
  • U4

    A crear componentes atómicos en Sketch

    • Creando componentes: Átomos
    • Creando componentes: Átomos 2
    • Creando componentes: Moléculas
    • Construyendo pantallas con Átomos y Moléculas
  • U5

    Librerías en Sketch

    • Presenta tu UI Kit
    • Agregar nuevos componentes a nuestro UI Kit
    • UI Kit como librería en Sketch
  • PF

    Proyecto final

    • Creación de UI Kits con Sketch

Qué esperar de un curso de Domestika

  • Aprende a tu ritmo

    Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.

  • Aprende de los mejores profesionales

    Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.

  • Conoce a profesores expertos

    Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.

  • Certificados
    Plus

    Si eres Plus o PRO, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.

  • Ponte en primera fila

    La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.

  • Comparte conocimientos e ideas

    Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.

  • Conecta con una comunidad creativa global

    Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.

  • Realiza cursos profesionalmente producidos

    Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.


Preguntas frecuentes

Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.

La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Si eres Plus o PRO, cuando completes el curso recibirás tu certificado personalizado al instante. Puedes ver todos tus certificados yendo a la sección Certificados de tu perfil. Podrás descargar los certificados en PDF y compartir el enlace online. Saber más sobre los certificados
Creación de UI Kits con Sketch. Un curso de Diseño Web y App de Nodos .

Creación de UI Kits con Sketch

Un curso de Nodos .
UX/UI Designer. Ciudad de México, México.
Se unió en junio de 2016
  • 95% valoraciones positivas (20)
  • 517 estudiantes