Creación de una style guide para apps

Un curso de Christian Vizcarra
Senior UI/UX Product Designer. Distrito de Lima, Perú.
En Domestika desde 09/12/2014
, Senior UI/UX Product Designer

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

  • 100% Valoraciones positivas (4)
  • 262 alumnos
  • Audio: Español
  • Español, Inglés, Portugués
Creación de una style guide para apps

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


  • 100% Valoraciones positivas (4)
  • 262 alumnos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Iniciación
  • 20 Lecciones (2h 18m)
  • Disponible desde la app
  • Español, Inglés, Portugués
  • Acceso ilimitado


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

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?

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

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

262 Alumnos
4 Valoraciones
100% Valoraciones positivas

Christian Vizcarra

Un curso de Christian Vizcarra

ProfesorPro
Senior UI/UX Product Designer

Christian Vizcarra es Senior UI/UX 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

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

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 Pro

    Acredita tu asistencia al curso con un certificado firmado por el profesor. Consíguelo con tu suscripción a Domestika PRO.

  • 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 1M 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.

Creación de una style guide para apps. Un curso de Diseño de Christian Vizcarra

Creación de una style guide para apps

Un curso de Christian Vizcarra
Senior UI/UX Product Designer. Distrito de Lima, Perú.
En Domestika desde 09/12/2014
  • 100% Valoraciones positivas (4)
  • 262 alumnos