Por qué usar Photoshop para Diseño Web

Además de sus efectos de mapa de bits, ¿alguien puede decirme por qué debería usar Photoshop para crear diseños de sitios web en lugar de Illustrator? Que yo sepa, Photoshop nunca tuvo la intención de usarse como una aplicación de diseño y es inferior tanto a Illustrator como a InDesign como tal.


Sé acerca de los sitios de construcción en el código. Lo entiendo. Pero para muchas tiendas ese no es el flujo de trabajo.

Soy igualmente fluido en Photoshop e Illustrator / impresión y diseño web. Solo pregunto porque me vuelve loco cuando obtengo archivos de otros diseñadores web y se han creado en Photoshop. Simplemente parece muy ineficiente y durante años he estado buscando una explicación razonable.

no deberías _ No hay regla en el universo que lo dicte. Hay algunas aplicaciones que hacen la vida más fácil usando PhotoIUseItForEverythingShop, pero no puedes usarlas en absoluto.
Debes usar lo que funcione para ti.
Tenga en cuenta que hubo un tiempo en que ni Illustrator ni InDesign admitían mucho contenido web.
Como ya dijeron otros, puede usar cualquier herramienta que funcione para usted. El problema que tengo con Illustrator e InDesign es que hacen que sea tentador generar un PDF de varias páginas de todos los diseños a la vez para que los revise el cliente, y no tienes idea del zoom de visualización que usarán los clientes para revisar tus maquetas. Lo que puede generar desarrollos interesantes en el futuro, como en os-usa.com/blog/…
Sé un buen chico y no uses Photoshop para ningún tipo de diseño. El ilustrador está bien. Sketch es bastante bueno para la interfaz de usuario. Algunas personas siguen siendo soldados junto con Fireworks. Pero por favor no use P'shop. @MaxTokman esa es la objeción más extraña que he escuchado hasta ahora en este argumento. Simplemente no hagas eso, problema resuelto.
Para que conste, ignora a todos los que te digan que hagas tu diseño en el navegador. Esa es la visión del problema de un ingeniero. Es el enfoque equivocado y casi siempre resultará en un producto menor.
@plainclothes no, ese es un diseñador que entiende la visión del medio del problema. Ignorar el medio real es lo que resulta en un producto menor. Diseñar sitios web en Illustrator no es diseño web. Es diseño de Illustrator. Por supuesto, esboza ideas en la herramienta que quieras. Pero recuerda que son bocetos. No tienen todos los matices importantes que obtienes al diseñar en el medio real (capacidad de respuesta, animación, diseño de interacción, etc.). Los buenos sitios web se diseñan y construyen utilizando todas las herramientas, no solo una.
@ DA01 podríamos estar diciendo lo mismo. Estoy hablando de la fase de desarrollo del diseño, donde brillan las herramientas de diseño. Usted diseña con el medio de lleno en la mira. Pero así como no usaría una impresora offset para hacer mi diseño de impresión o comenzaría el diseño de mi aplicación iOS escribiendo en Swift, no comenzaría un diseño web en marcado.
@plainclothes No creo que estemos diciendo exactamente lo mismo, pero no estamos tan lejos. :)

Respuestas (4)

Esto se ha preguntado varias veces y todavía diré lo mismo cada vez. El mejor lugar para desarrollar sitios web es en el navegador, que es el entorno en el que vivirá. Photoshop e Illustrator tienen sus méritos pero, en el mejor de los casos, solo deben usarse para maquetas o wireframing para tener una idea general.

Si esto es para un cliente que también usará los mismos activos para imprimir, intentaré quedarme completamente en Illustrator y usar el logotipo o cualquier elemento que cree en SVG para web con un respaldo de PNG. En teoría, podría crear la maqueta del sitio en InDesign o Illustrator y exportar el CSS y ajustarlo en consecuencia.

Si está tratando de desarrollar todo el sitio en Photoshop, es una pérdida de tiempo, ya que esta es una era receptiva. Ya casi no uso Photoshop y cuando necesito una maqueta, uso Illustrator para su función de mesa de trabajo y puedo agregarlo en un navegador con consultas de medios CSS y usar la maqueta como imagen de fondo y construir a través de eso si lo necesito o alguien me envió algo maquetas

Referencia:

Para diseñar los elementos de un sitio web, debe usar cualquier herramienta que funcione para usted. Photoshop es una herramienta común, pero no es obligatorio que la use.

En cuanto al diseño de diseños completos, le sugiero que trate sus herramientas como servilletas. Ya sea Photoshop o Illustrator, es solo un boceto de servilleta y es posible que deba cambiarse a medida que se coloca en HTML/CSS/JS.

La razón por la que muchos diseñadores usan Photoshop es porque se sienten cómodos usándolo. Debería usar lo que haga el trabajo más rápido (prefiero hacer mis maquetas en InDesign).

Para muchos de nosotros, las maquetas son importantes porque nos permiten experimentar en un entorno familiar. Es más fácil y rápido escribir el código una vez que sabemos cuál es el objetivo final.

Además, los clientes se sienten mejor si ven algo en papel de inmediato en lugar de tener que esperar hasta que el sitio esté configurado, compilado e implementado, antes de ver algo en la pantalla.

Me di cuenta de que algunos diseñadores compran plantillas en línea y simplemente las modifican. O usan las plantillas .psd que vienen con algunos temas de Wordpress.

Para algunos diseñadores también es más fácil modificar el tono/saturación de algunos elementos y probar su combinación de colores con Photoshop.

También pueden preferir trabajar con un solo software para esto y no tener que importar sus gráficos e imágenes en un software de publicación o Illustrator.

Es realmente una cuestión de preferencia. En cualquier caso, no deberían enviarte un montón de capas sueltas en un archivo de Photoshop; deben aislar los que necesita, aplanar la mezcla y los efectos (o rasterizarlos) y agrupar sus capas. Finalmente, debe tener un buen JPG plano como referencia y codificar en CSS solo las partes que necesita. No se supone que tengas que desmitificar sus archivos de capas, ¡a veces es un verdadero rompecabezas!

Personalmente, siempre me han pedido que cree plantillas con Photoshop y, francamente, lo hago porque el programador/desarrollador me lo pidió. Si tuviera la opción, no usaría Photoshop, me resulta mucho más largo hacer diseños completos con este software. Tal vez puedas exigir que te envíen los archivos de otra forma y los recibirás como tú los prefieras.