Sketch vs Photoshop: cu√°l es el adecuado para su equipo

Durante a√Īos, muchos dise√Īadores consideraron Photoshop como la herramienta de referencia para el dise√Īo web. De hecho, he estado trabajando exclusivamente en √©l durante toda mi carrera de 8 a√Īos en IMPACT.

Photoshop te ofrece la posibilidad de hacer tantas cosas diferentes en un solo lugar. Puede editar fotos, crear gr√°ficos digitales, hacer GIF e incluso crear prototipos.

Es esencialmente la navaja suiza del dise√Īador.

A lo largo de los a√Īos, escuch√© una nueva herramienta llamada Sketch que se supon√≠a que reemplazar√≠a a Photoshop y har√≠a que mi flujo de trabajo fuera m√°s eficiente.

“¬°Blasfemia!” Pens√©.

Nada podr√≠a reemplazar a mi amado Photoshop. Sent√≠ que hab√≠a dominado la herramienta hasta el punto en que no hab√≠a forma de ser m√°s eficiente en ning√ļn otro programa.

Sin embargo, todo eso cambi√≥ hace un par de a√Īos cuando IMPACT adquiri√≥ un cliente que nos oblig√≥ a dise√Īar un proyecto completo en Sketch.

Buceando en Sketch

Para aquellos de ustedes que no han o√≠do hablar de Sketch, es una herramienta de dise√Īo basada en Mac que fue desarrollada por la compa√Ī√≠a holandesa Bohemian Coding.

Desde su lanzamiento en 2010, ha ganado mucha popularidad entre los dise√Īadores e incluso gan√≥ un Apple Design Award.

Despu√©s de un peque√Īo ataque de p√°nico, me lanc√© de cabeza a las aguas desconocidas de Sketch.

Al principio era escéptico, pero después de tres meses, sabía que no había vuelta atrás.

¬ŅQu√© hizo que un ex profesional de Photoshop autoproclamado hiciera el cambio?

Sketch encaja muy bien en mi flujo de trabajo y me permite trabajar m√°s r√°pido mientras estoy en la verdadera mentalidad de un dise√Īador digital. Desde entonces, todo nuestro equipo de dise√Īo se mud√≥ a Sketch.

Sin embargo, eso no quiere decir que Photoshop todavía no tenga su lugar en mi flujo de trabajo y que en realidad sea el mejor para algunos equipos.

Para ayudarlo a determinar cu√°l es el adecuado para su equipo, revisemos los pros y los contras y los que recomendar√≠a para un dise√Īador digital moderno.

Photoshop: los pros y los contras

Photoshop ha sido el Goliat de las herramientas de dise√Īo web desde su lanzamiento en 1988. No es sorprendente porque esta es una herramienta que puede hacer muchas cosas diferentes. Las siguientes son algunas de las caracter√≠sticas destacadas que hacen de Photoshop una herramienta de dise√Īo tan poderosa y tambi√©n algunos inconvenientes a tener en cuenta.

Pros

Bibliotecas

Photoshop le permite tomar activos como im√°genes e ilustraciones y almacenarlos en una cuenta en la nube para acceder y reutilizarlos en otros archivos y software de Adobe.

Esto ayuda a mantener sus dise√Īos consistentes y le evita tener que recrear activos una y otra vez.

Compatible con todos los sistemas operativos.

Photoshop es un software que ha existido durante décadas, por lo que no solo es una herramienta estable y probada en el tiempo, sino que también está disponible en PC y Mac.

Esta es una gran ventaja para los equipos que tienen ambos tipos de usuarios.

Software multipropósito

La caracter√≠stica brillante de Photoshop es lo vers√°til que es. Es una gran herramienta si eres un equipo unipersonal o si est√°s manejando una variedad de tareas de dise√Īo en tu empresa. Ya sea que necesite editar una foto, dise√Īar un dise√Īo de p√°gina o incluso crear un GIF, puede hacerlo todo en un solo lugar.

Contras

Costo

Photoshop puede ser costoso r√°pidamente. Los planes oscilan entre $ 20.99 / mes a $ 299.00 por a√Īo. Si est√° trabajando con un presupuesto peque√Īo, eso puede ser un gran costo.

Tama√Īo de archivo y gesti√≥n

Si bien Photoshop tiene la capacidad de crear m√ļltiples “mesas de trabajo” dentro de un documento, hacerlo aumenta r√°pidamente el tama√Īo del archivo de su documento. Esto puede tener un costo real en su computadora y dificultar el intercambio de archivos con el resto de su equipo.

Los archivos de Photoshop pueden hacerse muy grandes muy r√°pido. He tenido archivos de una p√°gina que alcanzan f√°cilmente los 160 MB. Los archivos de este tama√Īo realmente pueden ralentizar su computadora y ser dif√≠ciles de compartir.

Como resultado, si est√° trabajando en algo como un proyecto de redise√Īo de un sitio web, debe guardar cada p√°gina como un archivo separado, lo que puede complicar y dificultar la referencia de todas las p√°ginas de un proyecto.

Software multipropósito

Sip. Curiosamente, el mayor activo de Photoshop es tambi√©n uno de sus mayores inconvenientes. Photoshop es una herramienta poderosa, pero no est√° orientada a una disciplina espec√≠fica. Eso significa que hace muchas cosas diferentes “bien”, pero realmente no se enfoca en hacer una cosa perfectamente.

Cuando usa Photoshop para dise√Īo web, debe navegar por un mont√≥n de desorden y herramientas innecesarias que pueden ralentizarlo.

Entonces, ¬Ņc√≥mo se compara Sketch?

Boceto: los pros y los contras

Sketch es el David a Goliat de Photoshop.

Despu√©s de dominar el mundo del dise√Īo web durante dos d√©cadas, Sketch domina el dominio de Photoshop debido a su mentalidad centrada en el “dise√Īador web” y su potente caja de herramientas.

Muchos dise√Īadores han hecho de Sketch su herramienta de referencia para dise√Īo web y proyectos de IU. ¬ŅRealmente vale la pena el cambio? Mira mi lista de pros y contras a continuaci√≥n.

Pros

Tama√Īo del archivo

Una de las primeras cosas que not√© sobre Sketch fue que los archivos eran significativamente m√°s peque√Īos que mis archivos de Photoshop.

Por ejemplo, el archivo de boceto actual en el que estoy trabajando que incluye TODOS mis dise√Īos para el proyecto es de solo 90 MB.

Eso es asombroso para cualquiera que esté trabajando en un equipo remoto que necesite compartir archivos de manera rápida y fácil.

Gestión de archivos

La capacidad de alojar todos mis dise√Īos de p√°ginas m√≥viles y de escritorio en un solo archivo es INCRE√ćBLE.

Ayuda a mantener todas mis p√°ginas organizadas y me permite exportar m√ļltiples dise√Īos directamente desde un archivo.

Tambi√©n es bueno poder hacer referencia r√°pidamente a otros dise√Īos y asegurarse de que todo se vea consistente.

Los símbolos

En mi opinión, los símbolos son la característica más grande e impresionante que separa Sketch de Photoshop.

El uso de S√≠mbolos por primera vez me hizo creer en Sketch y cambi√≥ por completo la forma en que enfocaba mis dise√Īos.

En pocas palabras, un símbolo es una función en Sketch que le permite reutilizar (y actualizar) elementos en sus documentos para que no tenga que seguir recreándolos desde cero.

Quiz√°s est√© pensando “Eso suena como un objeto inteligente en Photoshop”, pero los s√≠mbolos son mucho m√°s avanzados que eso.

Los s√≠mbolos le permiten crear un “maestro” como lo har√≠a con un objeto inteligente en Photoshop que le permite usar archivos vinculados en diferentes documentos. Sin embargo, en Sketch, tiene la capacidad de personalizar cada instancia todo mientras conserva la estructura central del maestro.

Por ejemplo, las dos cartas anteriores son el mismo símbolo, excepto que ahora tengo la capacidad de cambiar cosas como el título del recurso, la imagen e incluso si quiero o no un icono en la imagen destacada.

Los símbolos me ahorran mucho tiempo cuando se trata de trabajar con elementos de una página que necesito reutilizar repetidamente.

Si necesito regresar y hacer una edici√≥n, puedo hacerlo f√°cilmente en el maestro y el cambio se aplicar√° globalmente a todas las instancias. Piense en ellas como peque√Īas plantillas utilizadas en una p√°gina.

Contras

Sketch solo est√° disponible en Mac

Algo a tener en cuenta antes de cambiar completamente a Sketch es que actualmente solo est√° disponible para Mac. En IMPACT somos una oficina 100% pro-mac, por lo que ejecutar una herramienta solo para Mac no es un problema.

Sin embargo, si estás en un equipo que incluye usuarios de PC, compartir un archivo de Sketch con ellos puede ser un poco dolor de cabeza. Existen softwares que le permitirán abrir archivos de Sketch en su PC, pero es un paso adicional y una herramienta que de otra forma no necesitaría.

Sketch se ejecuta sin complementos

Algunas personas también pueden tener un problema con el hecho de que Sketch es que la herramienta depende en gran medida de su extensa biblioteca de complementos.

Cuando usa Sketch por primera vez, tiene las herramientas b√°sicas que necesita para comenzar a dise√Īar.

Si desea cargar archivos en Invision, marcar el espacio en sus dise√Īos para desarrolladores, o muchas otras tareas, requerir√° que descargue un complemento.

Esto es m√°s una cuesti√≥n de preferencia. Personalmente, me encanta que cuando comenc√© a usar Sketch no hay hinchaz√≥n. Photoshop requiere que tengas que buscar toneladas de men√ļs de herramientas que nunca usar√°s, mientras que con Sketch tienes solo lo b√°sico. Puede personalizar su herramienta de dise√Īo con los complementos que desee para la forma en que desea usarla.

¬ŅPor qu√© IMPACT cambi√≥ a Sketch?

En IMPACT, pasamos mucho tiempo trabajando con clientes en una variedad de proyectos UX / UI y redise√Īos de sitios web. Sketch realmente est√° dise√Īado para equipos que trabajan en ese campo.

Su mentalidad centrada en la web no solo nos ha ayudado a trabajar de manera más eficiente, sino que también ha aumentado la calidad de nuestro trabajo.

Nuestro equipo puede utilizar las potentes funciones como S√≠mbolos y Estilos compartidos para mantener nuestros dise√Īos consistentes de una p√°gina a otra. Tambi√©n podemos implementar cambios globales en cualquier n√ļmero de p√°ginas en segundos.

Cada efecto y estilo que cree en Sketch se puede producir en HTML y CSS. Todas sus herramientas est√°n orientadas a permitirle enfocarse en el dise√Īo sin tener que clasificar los cubos de herramientas y efectos que nunca usar√°.

Entonces, ¬Ņcu√°l es el adecuado para su equipo?

Esto no es exactamente una o una situación. Se trata de utilizar la herramienta adecuada para el trabajo.

Si forma parte de un equipo que realiza una gran cantidad de interfaz de usuario y dise√Īo web, deber√≠a considerar seriamente cambiar a Sketch. Es una herramienta que ayudar√° a acelerar su flujo de trabajo.

Sin embargo, si trabaja en muchos proyectos que implican editar fotos, crear GIF o crear gr√°ficos, entonces Photoshop ser√° la herramienta para usted.

Aunque ahora trabajo principalmente en Sketch, todavía uso Photoshop casi a diario, pero solo para lo que estaba destinado originalmente: la edición de imágenes.

Es f√°cil quedarse atascado a la antigua usanza porque “as√≠ es como siempre hemos hecho las cosas”, pero como personas en una industria acelerada, debemos estar atentos a nuevas herramientas que puedan mejorar nuestros flujos de trabajo y nuestro trabajo en general. .

Sketch es la próxima gran herramienta para hacer precisamente eso. Si todavía está en la cerca, le recomiendo al menos probar la versión de prueba gratuita y ver algunos de los videos tutoriales de Pablo Stanley en YouTube.

Me encanta saber sobre sus experiencias con Photoshop y Sketch y cuál prefiere. Siéntase libre de compartir sus pensamientos y opiniones en IMPACT Elite.