Creación de UI Kits con Sketch
Un curso de user370470 surname370470 , UX/UI Designer
Se unió en junio de 2016
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)
- 614 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
¿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
Un curso de user370470 surname370470
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.
displayname915683
The net was not what I expected, I thought that the UI Kits helped you create the design of the application, but I already had it created and I only group the components, and I also did not like the style in how he spoke, it seemed that he lacked the air to pronounce words, excuse my criticism but that's how I perceived it
displayname277728
amazing course
displayname17419
Very complete
displayname681075
The course seemed super clear and complete. The teacher gives a lot of details and is super dynamic for everything he explains in such a short time. Super recommended.
displayname7376717
The course is very good if you need to do some kind of reverse engineering on some legacy company Design System, or need to learn how to document a UI Kit, Style Guide and a Design System. There's a lot of copy/paste and the instructor's know-how is wasted on the copy/paste and plugins sections. I would have liked to see a more ground up approach and learn how a more experienced professional tackles some UX issues. Lots of know-how and little shared knowledge.
Ver traducción
Ocultar traducción