Creación de una style guide para apps
Un curso de Christian Vizcarra , Senior Product Designer
Aprende a documentar y crear una style guide con Sketch u otro software de diseño UI
Aprende a documentar y crear una style guide con Sketch u otro software de diseño UI
Uno de los elementos claves para el diseño de aplicaciones móviles es la style guide o guía de estilo visual, que sirve como documentación y guía para todos los equipos involucrados en la creación de la app, especialmente los programadores que deben implementar los diseños. En este curso aprenderás a crear una style guide paso a paso para que no solo se vea bien sino que también sea altamente funcional.
Christian Vizcarra —Product Designer y profesor del curso Diseño de una aplicación móvil— tiene más de 9 años creando productos digitales, siendo reconocido por CSS Design awards, Behance y Awwwards, y en este curso te enseñará a documentar, comunicar y exportar todos los componentes para crear una style guide profesional.
¿Qué aprenderás en este curso online?
20 lecciones & 8 recursos adicionales
- 96% valoraciones positivas (139)
- 3.758 estudiantes
- 20 lecciones (2h 18m)
- 8 recursos adicionales (0 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
Adobe XD
Figma
InVision
Sketch¿Cuál es el proyecto del curso?
Crearás una style guide para una aplicación móvil.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A diseñadores principiantes, UI/UX juniors y a toda persona interesada en el diseño y que esté involucrada en la creación de un producto digital.
Requisitos y materiales
Necesitarás conocimientos básicos de diseño web y aplicaciones móviles, y manejo básico de Sketch u otra aplicación de diseño de experiencias interactivas web o de apps.
Sobre los materiales, necesitarás una computadora con Sketch (recuerda que Sketch solo funciona con Apple) u otros programas de diseño como Figma, InVision, Adobe XD (estos 3 funcionan en Windows y Apple), entre otros.
Opiniones
Un curso de Christian Vizcarra
Christian Vizcarra es Senior Product Designer y Digital Strategist con una visión 360 de producto gracias a sus inicios en Marketing, 3D, vídeo y Social Media. Desde hace 8 años se dedica principalmente a crear productos digitales, diseñar webs, aplicaciones y todo tipo de interfaces para empresas y startups en países como España, Canadá, Estados Unidos, China o Brasil, entre otros.
Como apasionado de las ideas, siempre explora nuevas formas de aprender nuevas habilidades y técnicas para evolucionar como diseñador, de allí nace su proyecto personal llamado The Design Project, un reto de 60 días de diseño sin parar. Su trabajo ha sido reconocido por Awwwards, Behance y CSS Design Awards.
Contenidos
-
U1
¡Hola!
-
Presentación
-
Influencias
-
¿Qué haremos en el curso?
-
-
U2
Introducción
-
¿Qué es un style guide?
-
Diferencias entre styleguide y UI Kit
-
Buenas prácticas para construir un style guide
-
-
U3
Elementos dentro del style guide
-
¿Cómo crear símbolos?
-
Layout
-
Espacios
-
Colores
-
Tipografía
-
Iconografía
-
UI componentes parte 1
-
UI componentes parte 2
-
UI componentes parte 3
-
UI componentes parte 4
-
UI componentes parte 5
-
-
U4
Aplicando un style guide
-
Aplicando mi Style guide
-
Exportando assets para programación
-
Y si hay cambios
-
-
PF
Proyecto final
-
Creación de una style guide para apps
-
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.
Adobe XD
Figma
InVision
Sketch
rafaellerinn
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
mrtns.caroline
Awesome course!
Ver traducción
Ocultar traducción
jv_1997oliveira
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!
Ver traducción
Ocultar traducción
jricosese
El curso tiene un nivel avanzado y está bien aunque si no trabajas con el mismo software te pierdes un poco a partir de las lecciones intermedias. Aún así está muy bien explicado.
britzae103
Me encanta como explica, de una forma muy sencilla y práctica para poder entender la importancia de generar un a guía de estilo, podré aplicar estos conocimientos a mis proyectos de una forma ordenada y clara.