Domestika Basics 7 cursos

Introducción a Sketch

Por Samuel Hermoso
Diseñador UX-UI . Madrid, España.
Se unió en agosto de 2014
, Diseñador UX-UI

Aprende desde cero a diseñar webs y apps con el software pionero en el mercado para el diseño de interfaces (UI) como un profesional

  • Domestika Basics 7 cursos
  • 100% Valoraciones positivas (33)
  • 1182 alumnos
  • Audio: Español
  • Español, Inglés, Portugués, Alemán, Italiano, Francés
Introducción a Sketch

Aprende desde cero a diseñar webs y apps con el software pionero en el mercado para el diseño de interfaces (UI) como un profesional


  • 100% Valoraciones positivas (33)
  • 1182 alumnos
  • 7 cursos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Iniciación
  • 83 Lecciones (11h 46m)
  • 21 Recursos adicionales
  • Disponible desde la app
  • Español, Inglés, Portugués, Alemán, Italiano, Francés
  • Acceso ilimitado


Domestika Basics · 7 cursos incluidos

Si quieres diseñar una interfaz responsive para diferentes dispositivos, de forma sencilla y eficiente, las herramientas de Sketch —programa especialmente desarrollado para diseñadores UI—, te facilitará el trabajo.

En este Domestika Basics de 7 cursos, el consultor y diseñador de UX/UI Samuel Hermoso, te enseñará a dominar Sketch desde cero. Con una metodología práctica a través de una serie de ejercicios, podrás diseñar la interfaz de tus propios proyectos, para sitios web y aplicaciones, de manera profesional.

Empezarás aprendiendo a instalar el programa, conociendo su interfaz y las herramientas básicas, así como sus principales características. Verás cómo crear tus primeras formas y cómo seleccionar, mover y transformar las capas de diferentes maneras.

En el segundo curso, Samuel te enseñará a añadir bordes, colores, sombras y otros efectos a tus formas básicas. Aprenderás cómo trabajar con vectores y píxeles, y a crearás los primeros iconos para el diseño de tu interfaz mediante la intersección de formas vectoriales y dibujos de curvas.

En el tercer curso, verás cómo trabajar con los elementos en Sketch de forma organizada, midiendo las distancias, agrupando y alineando las capas. Aprenderás las principales funcionalidades para reordenar las pantallas y capas con la herramienta Smart layout.

Pasarás al cuarto curso, adentrándote en el proceso de diseño de textos. Aprenderás cómo mejorar la experiencia de lectura y mantener la consistencia a lo largo de tu proyecto. Samuel te enseñará a modificar textos, creando diferentes estilos y estableciendo jerarquías. Explorarás fuentes, tamaños, colores y contrastes para crear un diseño para una pantalla de móvil.

Luego, aprenderás a trabajar con tu proyecto de forma escalable utilizando símbolos con la herramienta Resizing. De esta forma, podrás duplicar pantallas e implementar ajustes que afecten a todas las copias, de forma eficiente; también, aprenderás a crear e intercambiar estilos.

En el penúltimo curso de este Domestika Basics, crearás un prototipo navegable con tus páginas. Para ello, verás cómo ajustar tus diseños para diferentes dispositivos a través de layouts de columnas y grids. Aprovecharás las nuevas características para alinear elementos de forma automatizada, creando espaciados y paddings.

Finalmente, Samuel te mostrará cómo sacar el máximo partido de Sketch compartiendo diversos trucos y atajos que harán que tu trabajo sea más rápido y eficiente. Finalmente, verás una serie de plug-ins para personalizar la herramienta que mejor se adapten a tus necesidades.

Requisitos técnicos

    ⦁ Un ordenador con macOS Mojave o superior.
    ⦁ La última versión de Sketch. Puedes descargar la versión de prueba en la página oficial del software.


Valoraciones

1182 Alumnos
33 Valoraciones
100% Valoraciones positivas

Samuel Hermoso

ProfesorPro
Diseñador UX-UI

Con más de 20 años de experiencia especializado en consultoría y diseño de producto digital. Después de trabajar con diferentes estudios y agencias, creó el estudio Elastic Heads, en Madrid (España), donde ayuda a personas, empresas y startups a adaptarse a los nuevos cambios del mundo digital y mejorar sus productos digitales.

Más allá de la dirección de su estudio, Samuel también se dedica a la docencia, siendo profesor de diseño de producto, experiencia de usuario y metodologías, y herramientas de diseño interactivo en escuelas como: Ironhack, Mr.Marcel School, IED, Neoland y la Universidad Europea.


Contenidos

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

Ver el contenido de los 7 cursos


Sobre Domestika Basics

Domestika Basics son cursos orientados a explicar de manera sencilla y paso a paso el software más usado por creativos de todo el mundo.
El contenido está cuidadosamente pensado para alumnos que se inician en una nueva disciplina creativa y para profesionales con experiencia que quieren reforzar sus conocimientos.

Aprende con los mejores profesores de Domestika a través de lecciones prácticas, recursos abundantes y con una dificultad progresiva que te permitirá ver resultados desde el primer día.

Con Domestika Basics crecerás como profesional y estarás preparado para realizar proyectos más importantes.

  • Sin conocimientos previos

    En Domestika Basics tienes todo lo necesario para iniciarte en una disciplina y llegar a ser un experto.

  • Centrados en la herramienta

    Descubre los fundamentos, técnicas y métodos probados que necesitas para dominarla.

  • Aprende rápido

    Los mejores profesionales te enseñan paso a paso y sin rodeos para que no te pierdas dentro del programa.

Introducción a Sketch. Un curso de Diseño de Samuel Hermoso

Introducción a Sketch

Por Samuel Hermoso
Diseñador UX-UI . Madrid, España.
Se unió en agosto de 2014
  • 100% Valoraciones positivas (33)
  • 1182 alumnos