Los 8 mejores tutoriales de bocetos

Una descripción general súper rápida de Sketch

A menos que sea un completo novato en diseño, Sketch es fácil de usar, más que Photoshop y aplicaciones similares. Esto puede ahorrarle mucho tiempo a la hora de diseñar. Dado que Sketch es una aplicación basada en vectores, cualquier forma que dibuje se puede cambiar de tamaño a la dimensión que desee sin perder nada de su nitidez. Tus diseños se verán geniales incluso en pantallas con alta densidad de píxeles (como las pantallas Retina de Mac). Además, la calidad de sus diseños estará cerca de CSS/HTML terminado: realmente puede perfeccionar un diseño con Sketch.

• Cualquier persona con experiencia en diseño puede usar Sketch.
• Dado que Sketch es una aplicación para Mac, obviamente es para usuarios de Mac. Si bien puede abrir archivos de Sketch con otro sistema operativo, como Windows, solo puede trabajar con Sketch en Mac.
• Sketch es liviano, por lo que no necesita una computadora costosa de primer nivel para ejecutarlo. Es probable que la aplicación funcione incluso en la Mac más simple.

Cuando compre Sketch por primera vez, también comprará la licencia de un año, que incluye todas las actualizaciones que se lanzan durante ese primer año. Cuando caduque la licencia, no obtendrá futuras actualizaciones, pero podrá seguir utilizando Sketch tal cual. Si desea continuar recibiendo actualizaciones, renovar la licencia de un año es menos costoso que pagarla por primera vez.

8 Tutoriales de bocetos y conjuntos de tutoriales

Esta no es una lista exhaustiva de tutoriales de Sketch (duh, eso sería imposible). Me gusta adoptar un enfoque orgánico al escribir estos resúmenes, seleccionando una variedad de tutoriales que creo que encontrará valiosos. Lo animo a que continúe buscando tutoriales de Sketch por su cuenta (tengo un par de recursos en la parte inferior para exactamente eso), y siéntase libre de comentar con algunos de sus favoritos que me he perdido.

1. LevelUpTuts | Tutoriales de la aplicación Sketch para Sketch 3

LevelUpTuts tiene 25 tutoriales gratuitos para Sketch 3, cada uno de los cuales dura menos de 10 minutos. Esta serie es mejor para los principiantes de Sketch que quieren aprender las cuerdas (y que tienen la versión anterior de Sketch). Las lecciones incluyen:

• Descripción de las mesas de trabajo
• Creación y uso de símbolos
• Instalación y uso de complementos
• Ampliación de Sketch con recursos gratuitos
• Cómo crear GIF animados en Sketch

Sketch 3 no es la versión más reciente de Sketch, pero estos tutoriales seguirán siendo relevantes. También hay una serie más corta y actualizada que puede encontrar aquí . Puede obtener más información sobre los tutoriales de Level Up a través de su video de introducción aquí . Tienen tutoriales sobre conceptos básicos de desarrollo web, además de contenido dirigido a diseñadores más avanzados.

Lo mejor para principiantes | Precio: Gratis | Más información

2. Aprende UX | Curso de la aplicación Sketch

Learn UX tiene un curso intensivo de Sketch de 8 horas, que es excelente si dice: «Necesito aprender esto y voy a despejar mi día para resolverlo». Ármate con bocadillos, siéntate en tu sofá y familiarízate con Sketch en un día de trabajo. La mayoría de las lecciones duran alrededor de 12 minutos o menos, por lo que no se atascará en ninguna área. Learn UX es exactamente lo que parece: un centro de información para cualquiera que quiera aprender sobre UX. Tienen muchos cursos diferentes que cubren una variedad de herramientas. Si prefieres verlo en YouTube, también tienen un canal allí .

Lo mejor para principiantes | Precio: Gratis | Más información

3. Andrew Eddy, diseñador de UI/UX | El curso completo de Sketch 5

Los cursos no suelen ser tan económicos y por $12,99 obtienes 14,5 horas de video, además de artículos y recursos descargables, todo para ayudarte a aprender Sketch 5. Si bien está dirigido a principiantes, serás un usuario avanzado al final del curso. curso (y luego puede pasar directamente a los tutoriales que se encuentran más abajo en esta lista). Las lecciones se agrupan en conferencias, y algunas de las conferencias cubren:

• Diseñar una pantalla de aplicación móvil
• Configuración de una guía de estilo
• Diseño de logo
• Estructura alámbrica
• Prototipos

Andrew es actualmente el director ejecutivo (y cofundador) de Sequr, una empresa de software de seguridad en Atlanta. Su experiencia es en diseño UI/UX , y también ha trabajado como director creativo y diseñador gráfico. Los cursos pagos, sin importar el tema, siempre brindan más información de la que encontrará en un curso gratuito. Si te tomas en serio el dominio de Sketch 5 y tienes tiempo para dedicarlo a aprenderlo, elegiría un curso de espectro completo como este.

Lo mejor para principiantes | Precio: $12.99 | Más información

4. LearnSketch.com | Dibuje de la A a la Z: conviértase en un diseñador de aplicaciones

Si nunca ha usado Sketch antes para nada, es posible que desee tomar primero un curso o tutorial gratuito para principiantes. Sin embargo, si eres un novato en Sketch y solo te preocupa diseñar aplicaciones móviles, al menos ahora, puedes comenzar aquí. Las categorías de conferencias incluyen:

• Conceptos básicos de capa
• formas
• Estilismo
• Texto
• Imágenes
• simbolos
• Sugerencias profesionales de flujo de trabajo
• Exportador

LearnSketch.com es realmente un centro para todo lo relacionado con Sketch, y si no está listo para comprometerse con un curso de 3,5 horas, consulte sus tutoriales mucho más breves . Si prefieres ir directamente a YouTube, su canal está aquí . Tienen una página con un puñado de gráficos gratuitos .

Lo mejor para principiantes a intermedios | Precio $24.99 | Más información

5. Jesse Showalter, diseñador y desarrollador | Tutoriales de croquis

Jesse Showalter tiene una lista de reproducción de «Tutoriales de bocetos» con 15 videos gratuitos. La mayoría de ellos son alrededor de 15 minutos o menos, y un par son un poco más largos. Esta serie es la mejor para usuarios de Sketch de todos los niveles, ya sea que desee comenzar con Sketch o sumergirse en un diseño más avanzado. Las lecciones incluyen:

• Introducción al boceto
• Diseñar una interfaz de usuario de la aplicación de viajes
• Organización de símbolos en Sketch para Mac
• Sketch 52, 5 características principales
• Complemento de línea de tiempo para Sketch

Jesse es un diseñador y desarrollador con sede en Honolulu, y su entorno se refleja en algunos de sus tutoriales, como los que tratan sobre el diseño de un sitio web de navegación. Si te gusta Jesse y su estilo de video, también querrás ver sus videos de negocios, como los que tratan sobre trabajar con clientes o adaptarse a la vida laboral remota .

Mejor para principiantes a avanzados | Precio: Gratis | Más información

6. InVisión | 8 atajos críticos en Sketch

Este tutorial de Sketch de InVision les enseña a los usuarios actuales cómo trabajar de manera más rápida e inteligente gracias a los atajos. El video lo supera rápidamente en menos de cinco minutos. Aprenderá atajos para maniobras como:

• Ciclismo a través de tableros
• Duplicación de propiedades visuales
• capas
• Panorámica y zoom
• Selección precisa

InVision es una plataforma de diseño digital donde puedes crear prototipos interactivos. Promueven la colaboración para que los equipos puedan mejorar y avanzar en sus proyectos. Si es un diseñador o un nerd del diseño, le recomendamos que consulte el blog Inside Design de InVision . Además de ejemplos, tutoriales y casos de uso, también cubren temas poco exigentes, como la historia oral del ícono de la hamburguesa.

Mejor para intermedio | Precio: Gratis | Más información

7. Desarrollo de habilidades | Cree una página de inicio de aplicación de música en Sketch

Skillthrive tiene varios tutoriales de Sketch, pero quería elegir este porque es un tutorial más exclusivo y avanzado que algunos de los genéricos que existen. Este tutorial dura poco menos de una hora y, una vez que haya terminado, tendrá una página de inicio de la aplicación de música completa. Si prefiere dividir la lección en etapas, puede ir aquí . El presentador del tutorial de la página de inicio de música, Hunter, pasa rápidamente por el proceso antes de iniciar el tutorial. Puede tener una idea de lo que aprenderá, o si está pensando: «Necesito unos 20 segundos de orientación antes de hacer esta página de destino de la aplicación de música por mi cuenta», ahí lo tiene. Skillthrive tiene una lista de reproducción con más tutoriales de la aplicación Sketchdirigido a los no principiantes, y un par incluso se microenfoca en un nicho, como el diseño de aplicaciones de ahorro móvil.

Mejor para intermedio a avanzado | Precio: Gratis | Más información

8. InVisión | Tutoriales de bocetos variados

Estoy volviendo a InVision porque tienen una serie de tutoriales de Sketch que están dirigidos al usuario avanzado:

• Barras de progreso radiales precisas y editables en Sketch
• Creación de flechas de conexión infinitamente escalables en Sketch
• Anulaciones de símbolos anidados en Sketch 41
• Sugerencias rápidas para crear formularios flexibles en Sketch

Lo mejor para avanzados | Precio: Gratis

Aún más tutoriales de bocetos

Si desea pagar una vez y acceder a todo tipo de tutoriales de diseño, incluidos varios que se centran específicamente en Sketch, considere obtener una suscripción de LinkedIn Learning. Son semi-caros, $24.99 por mes es el mínimo, pero si tomas algunos cursos cada mes, vale la pena.

Explore los cursos relacionados con Sketch aquí (no es necesario registrarse para navegar). Puede ordenar por nivel, lo cual es útil. Cuando hace clic en un curso, puede obtener una vista previa y ver cuántas otras personas lo han visto y les ha gustado. No olvide los tutoriales propios de Sketch: puede encontrarlos todos en su página de «Documentación» .

Pensamientos finales

Puede obtener una educación en línea, con expertos que están motivados para compartir lo que saben, y es gratis , o casi. Si renunciaste a algo en la escuela, cuando eras niño o adolescente y pensaste: «Meh, nunca usaré esto», puedes recuperar el tiempo perdido. Es realmente asombroso. Ir. Aprender. Diseño. Luego vuelve y cuéntame cómo te fue.

¿Quieres más educación? Consulte 8 tutoriales de Gutenberg para desarrolladores .

Imagen destacada a través de tanyabosyk / shutterstock.com