8 mejores tutoriales de bocetos para 2019

Sketch es una aplicación de diseño digital que puede utilizar para varios proyectos, incluidos iconos, creación de prototipos y wireframing. (También hay algunas cosas que no puede hacer con Sketch, como el renderizado 3D pesado). Mucha gente usa Photoshop para este tipo de diseño, y Sketch es un buen reemplazo para Photoshop. Hay una serie de tutoriales de Sketch que se adaptan a todos los niveles, desde principiantes hasta expertos, y tienen una variedad de precios (incluido el gratuito).

Suscríbete a nuestro canal de Youtube

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

A menos que sea un novato en diseño, Sketch es fácil de usar, más que Photoshop y aplicaciones similares. Esto puede ahorrarle mucho tiempo al 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 su nitidez. Sus 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 será similar a la de CSS / HTML terminado: realmente puede perfeccionar un diseño con Sketch.

• Cualquiera con experiencia en diseño puede usar Sketch.
• Dado que Sketch es una aplicación de 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 y de primera categoría 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 publican durante ese primer año. Cuando caduque la licencia, no recibirá actualizaciones futuras, pero puede continuar usando Sketch tal como está. Si desea seguir recibiendo actualizaciones, renovar la licencia de un año es menos costoso que pagarla por primera vez.

8 tutoriales de croquis 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ás valiosos. Te animo a que sigas buscando tutoriales de Sketch por tu cuenta (tengo recursos para parejas en la parte inferior para exactamente eso), y no dudes en comentar algunos de tus 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 la mejor para los principiantes de Sketch que quieren aprender a manejar (y que tienen la versión anterior de Sketch). Las lecciones incluyen:

• Entendiendo las mesas de trabajo
• Creación y uso de símbolos
• Instalación y uso de complementos
• Ampliación de croquis 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. Aprenda UX | Curso de aplicación Sketch

Learn UX tiene un curso intensivo de Sketch de 8 horas, que es excelente si dices, "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 una jornada laboral. La mayoría de las lecciones duran alrededor de 12 minutos o menos, por lo que no se atascará en ningún á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 prefiere mirar 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 esto está dirigido a principiantes, serás un usuario avanzado al final del curso (y luego puede saltar a los tutoriales que están más abajo en esta lista). Las lecciones se agrupan en conferencias, y algunas de las conferencias cubren:

• Diseño de una pantalla de aplicación móvil
• Configuración de una guía de estilo
• Diseño de logo
• Wireframing
• Creación de prototipos

Andrew es actualmente el CEO (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 realmente quieres dominar Sketch 5 y tienes tiempo para dedicarlo a aprenderlo, optaría por un curso de espectro completo como este.

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

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

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

• Conceptos básicos de la capa
• Formas
• Estilismo
• Texto
• Imagenes
• Simbolos
• Consejos 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 cortos. Si prefiere 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 menos, y un par es un poco más largo. Esta serie es la mejor para los 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 a Sketch
• Diseñar la interfaz de usuario de una 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 filtra 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 instalarse en la vida laboral remota.

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

6. InVision | 8 atajos críticos en Sketch

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

• Ciclismo a través de tablas
• Duplicar propiedades visuales
• Capas
• Panorámica y zoom
• Selección precisa

InVision es una plataforma de diseño digital donde puede crear prototipos interactivos. Promueven la colaboración para que los equipos puedan mejorar y avanzar en sus proyectos. Si eres un diseñador o un nerd del diseño, querrás consultar 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 icono de la hamburguesa.

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

7. Skillthrive | 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 anfitrión del tutorial de la página de inicio de música, Hunter, pasa rápidamente por el proceso antes de iniciar el tutorial. Puede hacerse una idea de lo que va a aprender, o si está pensando, "Necesito unos 20 segundos de orientación antes de hacer esta página de inicio 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 Sketch dirigidos a los no principiantes, y un par incluso de micro-enfoque en un nicho, como el diseño de la aplicación de ahorro móvil.

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

8. InVision | Tutoriales de bocetos surtidos

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

• Barras de progreso radial precisas y editables en croquis
• Creación de flechas de conexión infinitamente escalables en croquis
• Anulaciones de símbolos anidados en croquis 41
• Consejos rápidos para crear formas 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 la posibilidad de obtener una suscripción a LinkedIn Learning. Son semi-costosos, $ 24.99 por mes es el mínimo, pero si toma 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 entusiasmados por compartir lo que saben, y es gratis o casi. Si renunciaste a algo en la escuela, cuando eras un niño o un 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 los 8 tutoriales de Gutenberg para desarrolladores.

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