Aplicación Sketch: una descripción general y una revisión

Sketch es una herramienta basada en vectores que se utiliza para el diseño de interfaces de usuario de escritorio y móviles, maquetas y prototipos, y hoy en día se considera un estándar de la industria. También puede editar y manipular fotografías con Sketch.

Sketch es tan fácil de usar que puede aprenderlo rápidamente incluso si nunca lo ha visto antes. Está destinado a diseñadores, no a laicos (no diseñadores), y es mejor para equipos que se adaptan a las necesidades de los clientes. Dado que es una aplicación solo para Mac, está destinada a usuarios de Mac.

Descripción general del boceto

Cuando empiece a utilizar Sketch, trabajará en un lienzo infinito. Puede personalizar la barra de herramientas haciendo clic con el botón derecho y establecer sus favoritos arrastrando.

Una mesa de trabajo en Sketch representa una pantalla o una interacción dentro de una pantalla. Al crear una mesa de trabajo, puede elegir de una lista de tamaños de pantalla comunes para Android, iOS, web e impresión, o puede personalizar el suyo. También hay un complemento Artboard Manager para la organización a nivel de OCD (* cough * me): puede ajustar sus mesas de trabajo en filas y columnas para ordenarlas.

Las páginas en Sketch representan una resolución o plataforma diferente. Si está creando una mesa de trabajo para iOS, las colocará todas en una página y luego podrá crear otra página para su diseño de Android. Un archivo de Sketch puede contener numerosas mesas de trabajo y páginas. Esto le permite organizar su flujo de trabajo de una manera de fácil acceso.

Como ocurre con la mayoría de las herramientas de diseño de pantallas, al hacer clic en una capa se abrirá un inspector a la derecha donde puede cambiar las propiedades.

Si es un principiante, comience con una plantilla de interfaz de usuario. Sketch está precargado con iOS, Material Design y plantillas web receptivas (Archivo> Nuevo desde plantilla).

Beneficios de Sketch

Sketch es amado por una razón. Antes de repasar sus características, hablemos de sus beneficios:

• Sencillo y fácil de aprender; interfaz intuitiva
• Crea diseños para múltiples dispositivos
• Los clientes pueden obtener una vista previa de lo que sucederá cuando interactúen con un diseño de escritorio, portátil, teléfono o tableta.
• Funciones de colaboración útiles, especialmente con la sincronización y el uso compartido de Sketch Cloud
• La barra de herramientas es similar a Mac
• Hay una variedad de complementos que se pueden usar con Sketch (Abstract, Craft, Flinto, etc.)
• Accesible

Muchos de los beneficios de Sketch se comparan con Photoshop. Por ejemplo, funciona de manera similar a Photoshop pero a un precio más bajo y ocupando menos espacio en disco. Algunos sienten que Sketch puede incluso superar a Photoshop en algún momento, al menos cuando se trata de la principal herramienta de creación de prototipos. Una gran razón por la que Sketch puede ser más experto en el diseño de pantallas que Photoshop es porque para eso fue diseñado específicamente: es una herramienta más joven y moderna que fue diseñada específicamente.

Sketch también tiene mucha orientación en su sitio web, al que se puede acceder desde la página de descarga.

Inconvenientes y competidores

Sketch no tiene mucho que no sirva, pero dos de sus mayores inconvenientes son (1) que solo puedes usarlo en una Mac y (2) solo puedes usarlo en un dispositivo por licencia. Además, como advertencia, si va a crear varios archivos complejos con varias páginas, querrá una Mac potente para manejarlo todo.

Hay dos competidores principales de Sketch: Adobe XD e InVision Studio. Adobe XD es otra herramienta basada en vectores que se utiliza para hacer wireframes y crear prototipos. InVision Studio tiene una ventaja sobre Adobe XD y Sketch: su módulo de animación.

Funciones de croquis

Sketch tiene muchas de las características básicas que esperarías:

• Herramientas de dibujo, forma y texto
• Editar puntos de forma y curvas Bézier
• Operaciones de arreglo (alineación, traer al frente, distribución)
• Herramientas booleanas (unión, resta, intersección, diferencia)

Sin embargo, Sketch no está diseñado para dibujar; en realidad, está destinado a la creación de prototipos. Definir puntos de acceso; asignar áreas de la pantalla como desplazables / no desplazables; e instancias, menús, páginas, secciones y símbolos de enlaces y enlaces cruzados. También puede importar imágenes o texto para completar el prototipo con datos más realistas que los marcadores de posición. Sketch es particularmente útil cuando se trata de diseñar con precisión de alto nivel:

• Herramientas de alta precisión (cuadrículas y cuadrículas de píxeles, reglas, guías inteligentes, etc.)
• Las guías inteligentes aparecen antes de comenzar a dibujar para una precisión óptima
• Mantener presionada la tecla "Alt" muestra la distancia entre la capa que ha seleccionado y otras, así como entre la capa y la mesa de trabajo.
• Seleccione dos capas y alinéelas entre sí
• La opción Distribuir objetos le permite normalizar distancias entre capas.
• Establezca su propia cuadrícula de diseño

Más funciones de boceto geniales

• La herramienta de escala escala cada propiedad: borde, radio, sombra / sombra interior, tamaño
• El ajuste de píxeles le permite conservar píxeles nítidos a medida que alinea o cambia el tamaño de las formas
• Detección automática de colores en su documento, y los colores se ordenan según la frecuencia con la que se usan
• La herramienta de color almacenará su paleta para un solo documento o globalmente
• Cambie de RGB a HSB para tener más control sobre sus colores
• Los degradados son ideales para fondos, botones e iconos.
• Utilice degradados radiales para fondos grandes y degradados angulares para fondos circulares
• Desenfoque de fondo personalizable; todas las capas debajo de la seleccionada se difuminarán automáticamente
• Los estilos de texto le permiten reutilizar su estilo de tipografía preferido en todas las capas (establezca un estilo global)
• Cree elementos reutilizables (símbolos) para compartir en las mesas de trabajo; actualizar uno sincronizará todos los demás (si otro miembro del equipo actualiza un símbolo, puede aprobar la actualización o separarla de su biblioteca)
• Si tiene una biblioteca llena de iconos y logotipos en Photoshop o Illustrator, puede migrarlos a Sketch
• Habilitar Auto-Save guardará sus cambios para que no pierda su arduo trabajo
• El guardado automático también crea un historial de versiones de su diseño

Precios de Sketch

Sketch cuesta $ 99 el primer año y $ 69 renovar su licencia cada año después de eso. Si necesita usar Sketch en más de un dispositivo, hay una licencia por volumen a partir de $ 89 por dispositivo para dos dispositivos durante el primer año y $ 64 por dispositivo para renovaciones. La licencia de mayor volumen que puede comprar es de más de 50 dispositivos por $ 59 por dispositivo durante el primer año y $ 49 por dispositivo para renovaciones. También hay una prueba gratuita de 30 días, no se requiere correo electrónico ni tarjeta de crédito, que comienza desde la primera vez que inicia la aplicación.

La licencia de Sketch incluye un año de actualizaciones, pero puede usar el software de por vida; o puede actualizar cada año para obtener siempre las últimas versiones. Junto con el software, también obtendrá la aplicación Mirror, que le permite obtener una vista previa de sus diseños en tiempo real en su iPad o iPhone, y un año de Sketch Cloud.

Terminando

En resumen, Sketch es una interfaz de usuario y una herramienta de creación de prototipos solo para Mac para diseñadores, pero es tan fácil de aprender que puede usarla ya sea que sea un principiante o un experto. Funciona de manera similar a Photoshop, la interfaz se parece a los programas de Mac y Sketch proporciona mucha ayuda a través de sus guías, comunidades y plantillas y kits precargados. Es flexible gracias a los complementos y la capacidad de usarlo con sus bibliotecas de Photoshop e Illustrator. Como una herramienta de creación de prototipos y diseño de pantallas especialmente diseñada, enfatiza la precisión en sus diseños y la organización de sus proyectos. Adobe XD es un digno oponente de prototipos e InVision Studio es la opción para la animación, pero la familiaridad con Sketch puede ser pronto un requisito de la industria.

¿Quieres convertirte en un experto en Sketch? Hemos reunido 25 recursos de bocetos para diseñadores de complementos y temas de WordPress.