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.
