Degollando rápidamente a su competencia, Sketch está listo para superar a Photoshop como la herramienta de creación de prototipos de interfaz de referencia, hasta el punto de que muchos desarrolladores ahora prefieren que los diseñadores entreguen archivos de Sketch en lugar de archivos de Photoshop en capas.
A diferencia de Photoshop, el software gráfico Sketch se creó desde cero para diseñar interfaces interactivas.
Crea composiciones en vivo para que los clientes puedan obtener una vista previa de lo que sucede cuando hacen clic, deslizan o tocan su diseño en su computadora de escritorio, computadora portátil, tableta o teléfono.
Debido a todo esto, los diseñadores que usan Photoshop para crear interfaces de usuario para computadoras de escritorio y dispositivos móviles pueden querer darle a Sketch una mirada más cercana.
Proveniente de los Países Bajos, Sketch es un programa de diseño vectorial solo para Mac que se centra en la creación de prototipos interactivos de diseños web y de aplicaciones.
El tipo de diseño funcional que produce Sketch permite a sus clientes tener una mejor idea de cómo se ve y responde todo.
Eso, a su vez, les permite proporcionar comentarios más útiles sobre la funcionalidad (interfaz de usuario o UI) y la experiencia del usuario (UX) y, en consecuencia, permite una aprobación informada antes de la etapa de desarrollo, lo que reduce la frustración y ahorra tiempo y dinero.
La concepción relativamente reciente de Sketch (2008) se centró en el diseño colaborativo para pantallas, por lo que tiene una ventaja sobre Photoshop, que debutó 30 años antes, cuando la palabra pantalla tenía que ver con medir la densidad de los medios tonos.
Los diseñadores comenzaron a apoyarse en Adobe Photoshop ($ 9.99 / mes en Adobe) para organizar y entregar archivos de diseño de interfaz porque era la mejor herramienta en la caja para hacer el trabajo, no porque fuera una herramienta construida específicamente para ese propósito.
Sin embargo, Sketch no está solo en el espacio de diseño de UX.
Adobe XD (XD significa Experience Design), lanzado en 2016 como parte de Creative Cloud de Adobe para Windows y Mac, también es una herramienta basada en vectores para hacer wireframes y producir prototipos interactivos de clic.
Un segundo competidor basado en vectores, promocionado como "la herramienta de diseño de pantalla más poderosa del mundo", es Studio de la plataforma de gestión de sistemas de diseño pesado, InVision (gratis para un prototipo, $ 25 por mes para prototipos ilimitados).
A diferencia de Sketch y XD, Studio tiene un módulo de animación avanzado incorporado.
El trabajo realizado en Sketch se puede sincronizar con la plataforma InVision utilizando su propio complemento Craft Manager.
Adobe ofrece un plan de inicio XD gratuito que tiene un almacenamiento limitado (2 GB) y el uso de una parte de la colección Adobe Fonts.
La versión completa de XD está disponible como parte de la suscripción de Adobe Creative Cloud (CC), desde $ 20,99 por mes para la aplicación única, o desde $ 54,99 por año para todas las aplicaciones de Creative Cloud, incluyendo Illustrator ($ 19,99 en Adobe), InDesign y Photoshop.
Sketch usa una variante en un modelo de suscripción, que cuesta $ 99 por año por dispositivo (ya sea una computadora o un dispositivo móvil), para individuos.
Esto incluye un año de actualizaciones y Sketch Cloud (para compartir y colaborar en línea), después del cual puede conservar y usar su versión actual para siempre o renovarla por $ 69 por año para recuperar actualizaciones periódicas y beneficios de la nube.
Las licencias por volumen varían desde $ 64 por año por dispositivo para dos a nueve dispositivos hasta $ 49 cada uno para 50 o más dispositivos.
Vale la pena señalar que cuando compra una licencia, tiene derecho a un solo asiento (para usar en una sola computadora).
Si usa varias Mac, como una computadora de escritorio y una computadora portátil, no tendrá suerte y deberá comprar dos asientos.
Muchas aplicaciones basadas en suscripción permiten dos puestos por licencia como una buena opción para aquellos creativos que trabajan duro en su escritorio en la oficina y en su computadora portátil en casa.
Un inconveniente relacionado es que si desea utilizar Sketch en una nueva Mac o si ha tenido que reformatear su unidad, debe anular el registro de Sketch de su antigua máquina / unidad y luego volver a registrarse.
Empezando
Sketch se puede descargar fácilmente desde el sitio de la empresa (sketchapp.com); hay una prueba gratuita de 30 días, sin necesidad de tarjeta de crédito.
Sketch requiere MacOS 10.13.4 (High Sierra) o posterior.
La empresa advierte que si trabaja con documentos complejos de varias páginas con cientos de mesas de trabajo, se recomienda una de las Mac más potentes con RAM.
Probé Sketch 53.2 en una MacBook Pro 2018 con un procesador Intel Core i9 de 2.9GHz, 32GB de RAM y una tarjeta gráfica Radeon Pro 560X.
Justo en la página de descarga, Sketch ofrece una guía para principiantes, documentación extensa, tutoriales y consejos, y enlaces a sus redes sociales y comunidades de desarrolladores, blogs y chats, y Dribble.
Es acogedor e inspirador ver una lista de reuniones y eventos de la comunidad de diseño global.
Además, el sitio ofrece una multitud de recursos de UX / UI de Sketch App gratuitos y premium, incluidos kits de estructura alámbrica, kits de UI móviles, plantillas, maquetas, paneles, conceptos e íconos.
Interfaz y lienzo
Sketch lidera con el ejemplo y proporciona una interfaz de usuario clara y contextual con tres secciones principales y (por diseño) sin paneles flotantes.
Si ya es usuario de Mac, la interfaz de usuario de Sketch le resultará familiar, ya que se basa en las interfaces de aplicaciones de Apple como Pages, Numbers y Keynote.
Con esta última versión, ahora se admite el modo oscuro de Apple.
En el lado izquierdo de la pantalla, encontrará la Lista de páginas con un inventario de sus capas, elementos de contenido individuales en esas capas y mesas de trabajo, y el contenido nombrado en ellas.
A la derecha está el Inspector donde puede jugar con las propiedades del contenido en cualquier capa que haya seleccionado.
Arriba tienes la barra de herramientas que contiene herramientas y acciones.
El centro del escenario es tu lienzo donde creas la magia.
La Lista de páginas facilita la organización, la asignación o el cambio de capas, además de permitirle nombrar, agrupar, seleccionar y duplicar elementos de contenido para que su flujo de trabajo sea eficiente.
Estará en plena forma cuando llegue el momento de entregar los archivos a un desarrollador.
Sketch lubrica su flujo de trabajo al facilitar o automatizar tareas comunes con bibliotecas, estilos de texto y capas, instancias de símbolos y ajustes preestablecidos fáciles de crear.
Además, hay cientos de kits de interfaz de usuario, plantillas y complementos disponibles que permiten ahorrar tiempo y que amplían aún más la funcionalidad de Sketch de muchas formas.
Dibujo y composición tipográfica en croquis
Como un guepardo es para correr, Sketch es para hacer prototipos.
Un guepardo ciertamente es capaz de caminar, pero para lo que ha evolucionado es para correr.
Del mismo modo, puede dibujar absolutamente en Sketch, y está bien para eso, pero lo extraordinario de Sketch es su creación de prototipos.
Aún así, vale la pena obtener una descripción general de lo que se puede hacer con las herramientas de dibujo de Sketch.
Toda la creación, importación y ensamblaje de contenido comienza con un clic en el menú desplegable Insertar.
Allí encontrará las herramientas de forma, dibujo y texto esperadas.
Convenientemente a la derecha están las operaciones de arreglo como traer al frente, alineación y distribución; y herramientas booleanas básicas no destructivas como Unión, Resta, Intersección y Diferencia.
Las herramientas vectoriales intuitivas y eficientes permiten la creación y edición de formas, sus puntos y curvas de Bézier.
Si bien Sketch puede manejar tareas de dibujo esenciales, no es Illustrator, ni se supone que lo sea.
La tipografía básica en Sketch es sencilla, con características familiares similares a las de Microsoft Word junto con opciones decorativas para sombras, rellenos y bordes.
Dar formato a bloques de texto puede requerir un esfuerzo manual en Sketch que, por ejemplo, no admite tabulación; debe emplear la tecla de espacio para simular el efecto deseado.
Eso está bien, porque cualquier tipografía compleja no sirve de nada cuando se diseñan diseños receptivos: todo lo tipográfico (tamaño, saltos de línea, separación de sílabas, etc.) cambia cuando se ve en varios dispositivos de diferentes tamaños.
Creación de prototipos y diseño receptivo
A diferencia de otros programas de dibujo (pero muy parecido a Adobe XD), Sketch facilita la construcción de un prototipo interactivo.
Para simular la ruta de su sitio o aplicación (UI), y cómo será la experiencia (UX), puede asignar ciertas áreas como menús con o sin desplazamiento, enlaces y enlaces cruzados, símbolos, secciones, páginas y instancias y definir puntos de acceso (áreas en las que se puede hacer clic).
No solo puede obtener una vista previa de sus esfuerzos desde la aplicación, sino que también puede usar Sketch Mirror (más sobre esa función a continuación).
Una novedad en Sketch es que puede completar el texto prototipo y los campos de forma con datos dinámicos y realistas en lugar de estar atado al tedio habitual de Lorum Ipsum.
En las capas de texto o forma seleccionadas, puede asignar un archivo de origen desde el cual importar texto o imágenes.
Sketch funciona bastante bien con otros, y no solo dentro de la aplicación.
Fue un placer descubrir que podía copiar y pegar un icono creado en Illustrator.
Tras la importación, Sketch creó una capa agrupada para mi arte y, desde allí, pude usar el ícono tal como está, agregarlo a una biblioteca o crear un símbolo, tal como se puede hacer con cualquier arte creado dentro de la aplicación.
En el mercado actual, cualquier diseño bien concebido y destinado a la pantalla debe ser receptivo.
Esto significa que el contenido dentro de la pantalla de una aplicación o página web cambia de tamaño y cambia automáticamente, según el dispositivo de visualización (computadora de escritorio, computadora portátil, móvil, tableta).
Por lo tanto, el texto cambia de tamaño, los saltos de línea cambian y las imágenes se reducen, expanden u ocultan, según lo que se vea mejor en cada dispositivo.
En Sketch, debe crear diseños variantes y simplificaciones de las diferentes relaciones de aspecto manualmente, copiando y pegando cada elemento o grupo.
Sin embargo, me gustaría que hubiera una opción de ajuste inteligente para las modificaciones de diseño receptivo similar a Responsive Resize en XD o incluso la función Ajustar diseño de InDesign.
Aunque Ajustar diseño casi nunca ofrece una solución perfecta, ciertamente ahorra tiempo y proporciona un mejor lugar para comenzar que una página en blanco.
Para obtener una vista previa de sus diseños de Sketch en tiempo real en sus dispositivos, existe el Sketch Mirror gratuito para iOS, así como varias aplicaciones para hacerlo en dispositivos Android.
En todos los casos, los dispositivos necesitarán Wi-Fi o una conexión USB.
Tomar decisiones de diseño informadas beneficia el flujo de trabajo de cualquier persona y, para ello, poder ver los ajustes, los recortes y el tamaño del texto en vivo con Sketch Mirror en el dispositivo real es un activo muy importante.
Salida y colaboración
Cuando su trabajo esté listo para recibir comentarios de los clientes o colaborar en equipo, hay varias formas de compartir.
El método principal es cargar su documento en Sketch Cloud.
Después de la carga, obtiene una URL y puede elegir a quién invitar a ver el documento y establecer uno de los tres niveles de acceso: Comentar, Descargar o Usar como biblioteca.
Cualquiera que tenga el enlace puede utilizar las herramientas de comentarios integradas y, si abre la página en una tableta o teléfono, podrá obtener una vista previa de la mesa de trabajo en resolución completa siempre que haya un diseño para su ...
.
