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

  • 100% Valoraciones positivas (12)
  • 283 alumnos
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Francés, Italiano
Creación de UI Kits con Sketch

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


  • 100% Valoraciones positivas (12)
  • 283 alumnos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Iniciación
  • 17 Lecciones (3h 1m)
  • Disponible desde la app
  • Español, Inglés, Portugués, Alemán, Francés, Italiano
  • Acceso ilimitado
  • Certificado al completar el curso


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é incluye este curso?

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?

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

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

283 Alumnos
12 Valoraciones
100% Valoraciones positivas

Nodos .

Un curso de Nodos .

ProfesorPro
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

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

    Conceptos y setup de Sketch

    • ¿Qué es un UI Kit?
    • Patrones de UI y componentes en Sketch
    • Atomic Design
  • 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

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

    Proyecto final

    • Creación de UI Kits con Sketch

Así son los cursos de Domestika

  • Aprende a tu ritmo

    Disfruta de los cursos desde casa, sin horarios ni entregas. Tú marcas tu propia agenda.

  • De la mano del profesor

    Aprende técnicas y métodos de gran valor explicados por los grandes expertos del sector creativo.

  • Profesores expertos

    Cada profesor imparte solo lo que mejor sabe hacer, asegurando transmitir la pasión y la excelencia en cada lección.

  • Certificado
    Nuevo

    Certificados en todos los cursos: cuando completes un curso obtendrás un certificado personalizado firmado por el profesor para que lo puedas compartir.

  • En primera fila

    Vídeos de máxima calidad para que no pierdas detalle. Y como el acceso es ilimitado, puedes verlos una y otra vez.

  • Comparte conocimiento

    Expón tus dudas, pide feedback, aporta soluciones. Comparte el aprendizaje con el resto de los alumnos de la comunidad.

  • Comunidad creativa

    Más de 5M creativos y creciendo. Domestika es el entorno ideal para compartir y aprender lo que te apasiona.

  • Cursos producidos profesionalmente

    Seleccionamos a los mejores creativos y un equipo profesional produce el curso con ellos. El resultado: sentirás que trabajas mano a mano con los mejores.


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 usuarios 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 incluyen 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 alumnos 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.

  • 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 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
  • 100% Valoraciones positivas (12)
  • 283 alumnos