Creación de UI Kits con Sketch
Un curso de Nodos . , 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
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
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?
17 lecciones & 21 recursos adicionales
- 91% valoraciones positivas (22)
- 624 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
Software recomendado para este curso
Sketch¿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.
Opiniones
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
-
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
PlusSi eres Plus, 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.
Sketch
fachas_
PlusLa neta no era lo que esperaba, pensé que el UI Kits te ayudaba a crear el diseño de la aplicación, pero ya lo tenia creado y solo agrupo los componentes, y también no me gusto el estilo en como hablaba, parecía que le faltaba el aire para pronunciar palabras, disculpen mi critica pero así lo percibí
sergiodici
Increible curso
Juan de Marcos
Muy completo
dkbruschi
El curso me ha parecido super claro y completo. El profesor da muchos detalles y es super dinamico para todo lo que explica en tan poco tiempo. Super recomendable.
uxddotred
O curso é muito bom se você precisar fazer algum tipo de engenharia reversa em algum Design System legado da empresa, ou precisa aprender como documentar um UI Kit, Style Guide e um Design System. Tem muito copy/paste e o know-how do instrutor é desperdiçado nas seções de copy / paste e utilização de plugins. Gostaria de ter visto uma abordagem mais ground up e aprender como um profissional com mais experiência aborda alguns problemas de UX. Muito know-how e pouco conhecimento compartilhado.
Ver traducción
Ocultar traducción