Introducción a Sketch
Por Samuel Hermoso (Elastic Heads) , Diseñador UX-UI
Se unió en agosto de 2014
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 (67)
- 2169 estudiantes
- Audio: Español
- Español, Inglés, Portugués, Alemán, Italiano, Francés, Polaco, Neerlandés
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 incluidos
-
Curso 1: Introducción al programa y funcionalidades básicas
Por Samuel Hermoso (Elastic Heads)
Primeros pasos para utilizar Sketch
-
Curso 2: Estilos de formas y uso de vectores y píxeles
Por Samuel Hermoso (Elastic Heads)
Aprende a añadir bordes, color y efectos a tus formas básicas
-
Curso 3: Organizando elementos
Por Samuel Hermoso (Elastic Heads)
Aprender a organizar elementos con smart layout
-
Curso 4: Textos y jerarquías
Por Samuel Hermoso (Elastic Heads)
Crea textos y modifica sus características
-
Curso 5: Escalando el proyecto
Por Samuel Hermoso (Elastic Heads)
Aprende a trabajar de forma escalable con símbolos, estilos y datos
-
Curso 6: Layouts, grids, smart layouts y prototipado
Por Samuel Hermoso (Elastic Heads)
Crea tu primer prototipo navegable
-
Curso 7: Atajos, trucos y plug-ins
Por Samuel Hermoso (Elastic Heads)
Descubrirás atajos y trucos que facilitarán al máximo tu trabajo en Sketch.
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.
- 100% valoraciones positivas (67)
- 2169 estudiantes
- 83 lecciones (11h 46m)
- 7 cursos
- 79 recursos adicionales (21 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español
- Español, Inglés, Portugués, Alemán, Italiano, Francés, Polaco, Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
Software recomendado para este curso
SketchOpiniones
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 estudiantes 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.
-
Certificados Plus
Si eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
Sketch
sofia.piedrahitar
Me gustó mucho como se dan los temas, facil de entender
mam.profesional
Muy bien explicado. Abarca todos los temas importantes del manejo de la aplicación. Consigues la formación básica para manejar Sketch. Muy recomendable
alboruiz
un buen curso para aprender sobre Sketch, siempre me sirve para regresar a repasar.
victoria_armas
Súper últil y claro. Está tan bien organizado que cuando me olvido de cómo hacer algo solo vengo aquí y checkeo lo que necesito. Muchas gracias por el curso!!!
Juan de Marcos
Muy claro para empezar a moverse en Sketch