¿Cuánto de Photoshop debería aprender en diseño web?

Contestaré la pregunta “¿Cuánto Photoshop debería uno aprender en diseño web?”. Parece que podría haberse fusionado o cambiado desde ‘desarrollo web’.

A decir verdad, uno necesita saber algo de Photoshop para el diseño web. En la actualidad, existen muchas herramientas de diseño de la competencia, y podría decirse que algunas hacen un mejor trabajo al ilustrar las decisiones de diseño que uno debe tomar al diseñar para las dimensiones flexibles y no fijas del medio, pero Photoshop sigue siendo la herramienta dominante en la mayoría de las tiendas , agencias y departamentos web corporativos internos.

Tal vez podría sobrevivir con Sketch, Adobe XD, Webflow, etc., pero es probable que reciba o necesite enviar un PSD en capas en su carrera como diseñador web. De lo contrario, definitivamente deberá retocar u optimizar fotos de archivo, gráficos de héroes, tomas de productos, anuncios publicitarios, animaciones, cinemagraphs, etc. Se pueden hacer argumentos para los muchos programas de gráficos de código abierto, pero Photoshop sigue siendo la opción profesional para esas tareas

Entonces, ¿qué necesitas aprender en PS?

  • Si tiene la tarea de crear gráficos para la web, al menos debe saber cuándo y cómo exportar archivos optimizados como jpg, gif, png-8 o png-24. Y debe saber cuándo debe cambiar a una herramienta basada en vectores como Illustrator para exportar un SVG. Debe conocer la configuración para exportar activos y cuándo usar el cuadro de diálogo Guardar para Web (heredado).
  • Si está diseñando para la web en PS, debe comprender cómo superponer los elementos de su diseño, y cómo organizar los nombres y grupos de capas, y cómo y cuándo usar capas comp. Debe comprender cómo funcionan las herramientas de exportación de activos en PS CC (es decir: Archivo> Generar> Recursos de imagen)
  • Obviamente, las herramientas que controlan el color, el tipo, ‘fx’, etc. son importantes, pero también lo son la comprensión de objetos inteligentes, el enmascaramiento y la selección en PS. Las habilidades de retoque y corrección de color también son parte del requisito del trabajo. Las empresas más grandes pueden tener un departamento de gráficos especializado en este trabajo, pero lo más probable es que sea el diseñador quien lo haga.
  • Probablemente encuentre trabajo que requiera que diseñe animación, ya sea un anuncio publicitario o un cinemagraph (la imagen moderna que tiene elementos móviles, utilizada en muchos gráficos de héroes). Si bien hay herramientas más adecuadas para la mayoría de los tipos de animaciones web y video, PS tiene herramientas basadas en marcos y líneas de tiempo muy capaces con las que debería familiarizarse.

Mi argumento en contra de Photoshop como herramienta de diseño web siempre ha sido sobre las dimensiones fijas del lienzo del software y cómo eso aleja las decisiones del diseñador de la naturaleza de la web. Siempre recomendaré el diseño en el navegador, pero aún necesita crear los gráficos y las fotos que se incluirán en ese diseño.

Si estás preguntando; ¿Necesito saber Photoshop si quiero diseñar web?

Bueno, depende de lo que consideres como diseño web.

¿Estás pensando más en el lado del código?

¿Estás pensando más en UX / UI?

¿Estás pensando más en el diseño visual?

Es perfectamente posible diseñar y crear un sitio web sin tocar Photoshop.

Puede usar una herramienta similar para mostrar un visual a un cliente o codificador, pero no tiene que hacerlo.

Photoshop es una gran aplicación que, francamente, para muchas tareas básicas es demasiado grande y compleja.

¿Cuánto de Photoshop debería aprender en diseño web?

¡Ninguna!

Diseñamos significa que necesita poder diseñar sitios web. Si eres bueno en diseño, terminarás siendo un diseñador web, si no eres bueno en diseño, terminarás siendo un desarrollador web.

Photoshop es una herramienta como cualquier otra. ¿Necesitas papel blanco y lápiz para dibujar? No, puedes usar papel rayado y un bolígrafo, y si puedes dibujar tu trabajo será genial.

Si puede diseñar, lo más probable es que dibuje ideas aproximadas en papel y lo codifique en el navegador (lo que significa que escribe el código y lo ve renderizado en el navegador). Leí un artículo de más de 7 años en el que a pesar de que las personas diseñaban en el navegador.

Yo tambien lo hago.

Sin embargo, me encanta el photoshop. Es mi patio de recreo para tirar mierda sobre el lienzo y esperar ver algo.

Cuando tengo la idea, siempre es papel y lápiz, luego editor y navegador. Pero, dado que siempre estoy buscando proyectos únicos de diseño web personal, a menudo abro Photoshop y juego con colores y cuadrículas. Normalmente hago esto después de ver algo que me gusta en pinterest.

Incluso entonces, nunca termino nada. Acabo de tener la idea aproximada de Photoshop y en el momento en que parece que tengo algo, abro el editor y empiezo a codificar. Si lo que probé no funcionó, simplemente cierro la aplicación.

Cuando tienes un hormigueo de una idea, pero no conoces el diseño ni los colores ni nada, algo como Photoshop es útil. Nunca menos “debería” no es la palabra que usaría

Si decides aprender photoshop para diseño web, es muy fácil

¡Eso es lo único que necesitas saber!

Deliberadamente mantuve el menú fuera. Esos botones son lo único que necesitas para ser un buen diseñador web.

El problema con muchos principiantes es que agregan demasiado, quieren aprender efectos y terminan usándolos porque los aprenden y no porque sirven al diseño.

Aprender lo anterior es muy fácil, podría enseñarle lo que necesita saber en una hora, luego es solo un caso de práctica.

¡Piensa en todo lo demás como servir fotos, no web!