Introducción a Sketch

Curso 1: Introducción al programa y funcionalidades básicas

• U1

  Bienvenida

  • Bienvenida
• U2

  Instalación del programa

  • Instalación del programa
• U3

  Interfaz de Sketch

  • Interfaz de Sketch
• U4

  Zoom y moverse

  • Zoom y moverse
• U5

  Preferencias

  • Preferencias
• U6

  Pantallas

  • Pantallas
• U7

  Insertar formas básicas

  • Insertar formas básicas
• U8

  Menús

  • Menús
• U9

  Transformar, escalar, giro y reflejo

  • Transformar, escalar, giro y reflejo
• U10

  Seleccionar

  • Seleccionar
• U11

  Mover, copiar, pegar y duplicar

  • Mover, copiar, pegar y duplicar
• U12

  Práctica: diseño con formas geométricas y adaptaciones a distintas pantallas

  • Diseño con formas geométricas y adaptaciones a distintas pantallas

Curso 2: Estilos de formas y uso de vectores y píxeles

• U1

  Bienvenida

  • Bienvenida
• U2

  Bordes y colores

  • Bordes y colores
• U3

  Trabajar con imágenes

  • Trabajar con imágenes
• U4

  Exportar imágenes

  • Exportar imágenes
• U5

  Vectores, bordes redondeados, importar y exportar vectores

  • Vectores, bordes redondeados, importar y exportar vectores
• U6

  Iconos pixel perfect

  • Iconos pixel perfect
• U7

  Trabajo con formas vectoriales

  • Trabajo con formas vectoriales
• U8

  Booleanos con formas geométricas

  • Booleanos con formas geométricas
• U9

  Práctica: diseño de iconos

  • Práctica: diseño de iconos 1
  • Práctica: diseño de iconos 2

Curso 3: Organizando elementos

• U1

  Bienvenida

  • Bienvenida
• U2

  Grupos de capas

  • Grupos de capas
• U3

  Tipos de capas

  • Tipos de capas
• U4

  Bloquear y desbloquear capas

  • Bloquear y desbloquear capas
• U5

  Medir distancias, alinear y distribuir

  • Medir distancias, alinear y distribuir
• U6

  Botón de play y alinear elementos en cabecera

  • Botón de play y alinear elementos en cabecera
• U7

  Orden de capas

  • Orden de capas
• U8

  Reorganizar capas y pantallas

  • Reorganizar capas y pantallas
• U9

  Reordenar espacios en textos

  • Reordenar espacios en textos
• U10

  Práctica: organizar y alinear elementos en una pantalla

  • Práctica: organizar y alinear elementos en una pantalla

Curso 4: Textos y jerarquías

• U1

  Bienvenida

  • Bienvenida
• U2

  Alinea y modifica textos y formas para crear botones

  • Alinea y modifica textos y formas para crear botones
• U3

  Mejorar la experiencia de lectura

  • Mejorar la experiencia de lectura
• U4

  Jerarquías de texto

  • Jerarquías de texto
• U5

  Pega texto manteniendo el mismo estilo

  • Pega texto manteniendo el mismo estilo
• U6

  Ejercicio transformar botones

  • Transformar botones
• U7

  Tamaños de textos recomendados

  • Tamaños de textos recomendados
• U8

  Estilos de texto

  • Estilos de texto
• U9

  Práctica: crear pantallas de móvil combinando distintos estilos de texto

  • Práctica: crear pantallas de móvil combinando distintos estilos de texto 1
  • Práctica: crear pantallas de móvil combinando distintos estilos de texto 2

Curso 5: Escalando el proyecto

• U1

  Bienvenida

  • Bienvenida
• U2

  Símbolos

  • Símbolos
• U3

  Modifica valores con overrides

  • Modifica valores con overrides
• U4

  Rellena información con Data

  • Rellena información con Data
• U5

  Transforma grupos y símbolos con resizing

  • Transforma grupos y símbolos con resizing
• U6

  Crea símbolos alternativos

  • Crea símbolos alternativos
• U7

  Añade estilos para modificar overrides de color

  • Añade estilos para modificar overrides de color
• U8

  Copiar-pegar estilo de capa

  • Copiar/pegar estilo de capa
• U9

  Copia otro color y tipos de rellenos

  • Copia otro color y tipos de rellenos
• U10

  Sombras

  • Sombras
• U11

  Práctica: pantalla de listado de preferencias en móvil y tablet

  • Práctica: pantalla de listado de preferencias en móvil y tablet 1
  • Práctica: pantalla de listado de preferencias en móvil y tablet 2
  • Práctica: pantalla de listado de preferencias en móvil y tablet 3

Curso 6: Layouts, grids, smart layouts y prototipado

• U1

  Bienvenida

  • Bienvenida
• U2

  Layout de 12 columnas

  • Layout de 12 columnas
• U3

  Ajusta elementos al layout y al grid

  • Ajusta elementos al layout y al grid
• U4

  Ritmo vertical para textos y espaciado

  • Ritmo vertical para textos y espaciado
• U5

  Usa el smart layout

  • Usa el smart layout
• U6

  Padding con smart layout

  • Padding con smart layout
• U7

  Prototipado

  • Prototipado
• U8

  Elementos fijos

  • Elementos fijos
• U9

  Previsualiza el prototipo

  • Previsualiza el prototipo
• U10

  Práctica: proyecto de UI de una web/app y prototipo de pantallas de una web/app

  • Práctica: proyecto de UI de una web/app y prototipo de pantallas de una web/app 1
  • Proyecto de pantallas UI y prototipo de una app 2

Curso 7: Atajos, trucos y plug-ins

• U1

  Bienvenida

  • Bienvenida
• U2

  Atajos de teclado

  • Atajos de teclado
• U3

  Máscaras

  • Máscaras
• U4

  Buscar y reemplazar colores

  • Buscar y reemplazar colores
• U5

  Redimensionar pantallas

  • Redimensionar pantallas
• U6

  Recomendaciones líneas y gráficas de anillo

  • Recomendaciones líneas y gráficas de anillo
• U7

  Reemplazar elementos

  • Reemplazar elementos
• U8

  Crear listas de datos para el menú Data

  • Crear listas de datos para el menú Data
• U9

  Reducir tamaño de archivo y elementos de versiones

  • Reducir tamaño de archivo y elementos de versiones
• U10

  Cambiar de ventana y pestañas para varios documentos

  • Cambiar de ventana y pestañas para varios documentos
• U11

  La pluma para dibujar curvas

  • La pluma para dibujar curvas
• U12

  Plugins

  • Plugins 1
  • Plugins 2
• U13

  Práctica: adapta una pantalla a una nueva imagen de marca renovada

  • Práctica: adapta una pantalla a una nueva imagen de marca renovada
  • Práctica: adapta una pantalla a una nueva imagen de marca renovada 2
  • Práctica: adapta una pantalla a una nueva imagen de marca renovada 3
  • Práctica: adapta una pantalla a una nueva imagen de marca renovada 4