Creación de una style guide para apps

Un curso de Christian Vizcarra
Senior Product Designer. Distrito de Lima, Perú.
Se unió en diciembre de 2014
, Senior Product Designer

Aprende a documentar y crear una style guide con Sketch u otro software de diseño UI

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

Aprende a documentar y crear una style guide con Sketch u otro software de diseño UI



  • 95% valoraciones positivas (109)
  • 2703 alumnos
  • 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


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?

Tabla de contenidos del curso

  • U1
    U1. ¡Hola!
  • U2
    U2. Introducción
  • U3
    U3. Elementos dentro del style guide
  • U4
    U4. Aplicando un style guide
  • PF
    PF Proyecto final
Ver detalle

Primero conocerás a Christian, su trayectoria profesional, su experiencia creando productos digitales y el objetivo de su curso, la creación de style guides para aplicaciones móviles.

Verás qué es una style guide, para qué sirve y por qué es tan importante a la hora de crear una experiencia digital web o en una aplicación. También, verás qué es un UI Kit, para qué sirve, sus características y las diferencias que tiene con la guía de estilo visual que crearás en este curso. Finalizarás la primera unidad viendo ejemplos de buenas prácticas para construir tu manual.

Seguidamente, repasarás todos los elementos que componen una style guide, aprenderás a definirlas, documentarlas y exportarlas. Empezarás por los símbolos: cómo crearlos y su importancia; y continuarás por el layout, el grid, los tipos de espacios que existen y los colores.

Después te detendrás en la tipografía, aprendiendo sobre las jerarquías, cómo documentar tamaños, pesos, estilos y todo lo necesario para generar consistencia en tu producto digital.

Verás cómo crear iconos y cuál debe ser el proceso correcto para documentar la iconografía de tu proyecto. Además, entenderás cómo documentar los componentes UI: botones, formularios, cards, entre otros.

Para finalizar, aprenderás a aplicar una style guide ya creada a un nuevo producto y a exportar los assets para los programadores.

¿Cuál es el proyecto del curso?

Crearás una style guide para una aplicación móvil.

¿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.


Valoraciones

2703 Alumnos
109 Valoraciones
95% Valoraciones positivas

Christian Vizcarra

Un curso de Christian Vizcarra

Profesor Plus
Senior Product Designer

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!

    • Influencias
    • ¿Qué haremos en el curso?
    • Presentación
  • U2

    Introducción

    • Buenas prácticas para construir un style guide
    • Diferencias entre styleguide y UI Kit
    • ¿Qué es 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

    • Y si hay cambios
    • Exportando assets para programación
    • Aplicando mi Style guide
  • PF

    Proyecto final

    • x Creación de un UI Kit para apps y webs

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, PRO, o alumno de un curso con mentoría, 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 alumnos 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 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.

Si eres Plus, PRO, o alumno de un curso con mentoría, 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 una style guide para apps. Un curso de Diseño Web y App de Christian Vizcarra

Creación de una style guide para apps

Un curso de Christian Vizcarra
Senior Product Designer. Distrito de Lima, Perú.
Se unió en diciembre de 2014
  • 95% valoraciones positivas (109)
  • 2703 alumnos