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


Bosquejo es una herramienta basada en vectores que se utiliza para el diseño, las maquetas y los prototipos de la interfaz de usuario móvil y de escritorio, y hoy se considera un estándar de la industria. También puede editar y manipular fotos con Sketch.

Sketch es tan fácil de usar que puedes aprenderlo rápido incluso si nunca lo has visto antes. Está destinado a diseñadores, no a laicos (no diseñadores), y es mejor para equipos que atienden las necesidades del cliente. Como es una aplicación solo para Mac, está destinada a usuarios de Mac.

Aplicación Sketch

Aplicación Sketch

Descripción general del boceto

Cuando comiences a usar Sketch, trabajarás en un lienzo infinito. Puede personalizar la barra de herramientas haciendo clic derecho y establecer sus favoritos arrastrando.

Aplicación Sketch

Aplicación Sketch

Aplicación Sketch

Una mesa de trabajo en Sketch representa una pantalla o un Interacción dentro de una pantalla. Al crear una mesa de trabajo, puede elegir entre una lista de tamaños de pantalla comunes para Android, iOS, web e impresión, o puede personalizar la suya. También hay un Plugin de Artboard Manager para la organización a nivel de TOC (* tos * me): puede encajar sus mesas de trabajo en filas y columnas para ordenarlas.

Aplicación Sketch

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

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

Aplicación Sketch

Si eres principiante, comienza con una plantilla de interfaz de usuario. Sketch está precargado con iOS, diseño de materiales y plantillas web receptivas (Archivo> Nuevo a partir de plantilla).

Aplicación Sketch

Beneficios de Sketch

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

  • Simple 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, computadora 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 (Resumen, Arte, Flinto, etc.)
  • Asequible

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 al ocupar menos espacio en disco. Algunos piensan que Sketch incluso puede superar a Photoshop en algún momento, al menos cuando se trata de la herramienta de creación de prototipos líder. Una de las principales razones por las 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 se creó específicamente.

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

Aplicación Sketch

Inconvenientes y competidores

Sketch no tiene mucho de eso no a cambio, pero dos de sus mayores inconvenientes son (1) 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 y InVision Studio. Adobe XD es otra herramienta basada en vectores que se utiliza para enmarcar y crear prototipos. InVision Studio tiene una ventaja sobre Adobe XD y Sketch: su módulo de animación.

Características 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 de Bezier
  • Operaciones de arreglo (alineación, traer al frente, distribución)
  • Herramientas booleanas (unión, sustracción, intersección, diferencia)

Sin embargo, el boceto no está diseñado para dibujar, realmente está destinado a la creación de prototipos. Definir puntos de acceso; asignar áreas de la pantalla como desplazamiento / no desplazamiento; e instancias de enlaces y enlaces cruzados, menús, páginas, secciones y símbolos. 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 para 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 obtener una precisión óptima
  • Mantener presionada la tecla "Alt" muestra la distancia entre la capa que seleccionó 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 excelentes características de croquis

  • 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 mientras 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 excelentes para fondos, botones e íconos
  • Utilice gradientes radiales para fondos grandes y gradientes angulares para fondos circulares.
  • Desenfoque de fondo personalizable; todas las capas debajo de la seleccionada se desenfocarán automáticamente
  • Text Styles le permite reutilizar su estilo de tipografía preferido en las capas (establecer un estilo global)
  • Cree elementos reutilizables (símbolos) para compartir en 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 el guardado automático 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 bocetos

Sketch cuesta $ 99 durante el primer año y $ 69 para 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 que comienza en $ 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 previsualizar sus diseños en tiempo real en su iPad o iPhone, y un año de Sketch Cloud.

Aplicación Sketch

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 puedes usarla tanto si eres un principiante como 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 herramienta de diseño de pantalla y creación de prototipos especialmente diseñada, enfatiza la precisión en sus diseños y organización para 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 un requisito de la industria pronto.

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