Veo que muchos diseñadores crean hermosos trabajos de diseño web en Photoshop, pero ahora con la llegada de CSS3, cuando quieren cambiar eso a HTML y CSS, simplemente comienzan desde cero y crean alrededor del 80% del diseño final usando CSS3.
Por ejemplo, usan radio de borde, opacidad, degradado de fondo, sombra de cuadro y sombra de texto, y otras reglas de CSS3 para obtener lo que han creado en Photoshop. Muchas veces solo importan una imagen de Photoshop, que es más como un pincel o un logo, o algo por el estilo.
Mi pregunta es, ¿deberían los diseñadores web seguir usando Photoshop para crear algo, de lo cual solo el 20% les sería útil?
¿Puede un diseñador web crear todo el diseño directamente en HTML y CSS sin molestarse en agregar otra capa intermedia para crear un diseño en Photoshop y luego simplemente crear los elementos restantes allí?
Tengo que estar en desacuerdo con todos. Photoshop no es una herramienta para diseñar un sitio web. Es una herramienta para esbozar un sitio web. El sitio web aún debe diseñarse en el medio en el que se encuentra, que tiende a ser CSS, HTML y JS.
Eso no significa que no uses Photoshop. Pero ciertamente no tienes que hacerlo.
Soy un gran admirador de nunca mostrar diseños de sitios web en Photoshop a los clientes. No es el medio en el que vivirá el sitio. Las composiciones de Photoshop no ofrecen la capacidad de comunicar la interacción, las diferencias entre dispositivos, las idiosincrasias del navegador, la posibilidad de hacer clic, la capacidad de respuesta, etc.
Es cierto que, en realidad, muchas veces aún necesita mostrar maquetas JPG. Multa. Usa Photoshop para eso. Pero no tome ese archivo PSD y córtelo en un sitio web. Eso tenía sentido en 1999. Hoy no tanto. En su lugar, tome ese PSD y utilícelo como guía. Este es aproximadamente el aspecto que debería tener el sitio, pero tenga en cuenta el hecho de que se está construyendo en CSS/HTML/JS y acomode según sea necesario.
Entonces, para responder a la pregunta:
¿Puede un diseñador web crear todo el diseño directamente en HTML y CSS sin molestarse en agregar otra capa intermedia para crear un diseño en Photoshop y luego simplemente crear los elementos restantes allí?
Sí. Uno ciertamente puede hacer eso. Lo he visto hecho en paralelo con los diseñadores de PSD. El mayor problema con el enfoque PSD es cuando trabajas en un equipo ágil. Los archivos pesados utilizados para la documentación (como PhotoShop) se convierten en cargas bastante grandes para el proceso Agile y terminan agregando más problemas de los que resuelven. Tendemos a trabajar a la inversa... dibujamos en PS según sea necesario, y luego diseñamos y construimos en HTML/CSS/JS. Cuando necesitemos hacer actualizaciones visuales rápidas para las reuniones, simplemente tomaremos una captura de pantalla del marcado de la capa de presentación en funcionamiento, lo colocaremos en PhotoShop y lo modificaremos rápidamente.
** EDITAR **
¿Cliente nuevo?
Absolutamente, si está presentando un diseño para un NUEVO cliente/sitio. Los laicos generalmente tienen dificultades para ver lo que hay en tu (mi) cabeza. Wireframes, dibujos, etc. no siempre lo cortan tampoco, borra eso, no lo cortan. Escucho más, "Pensé que iba a hacer X" de los clientes cuando todo lo que tienen es un WF o un boceto que cuando reciben una maqueta con su logotipo, fotos, fuentes corporativas y una interfaz de usuario.
Cualquier otro escenario:
Tal vez no: si puede usar HTML/CSS/JS existente que coincida con los requisitos del trabajo, o está editando el contenido de un cliente existente, será mejor que trabaje solo en el código. Si no, probablemente perderá una gran cantidad de tiempo en Photoshop a cambio de muy poco. Hay esos casos (como @DAO1 mencionado) donde una captura de pantalla y un ajuste a través de Photoshop realmente pueden acelerar un proceso de aprobación, o desarrollar una idea, o tres.
** final **
Yo digo si -
Es mucho más fácil vender sus diseños (y mucho más rápido crear composiciones) con una imagen, incluso si está simplificada. Ahí es donde PS es más útil para mis trabajos.
También incorporo una capa con un sistema de cuadrícula, para que pueda ver cómo se distribuyen las cosas y arrastrarlas rápidamente a donde las necesito. Una vez más, esto ayuda con las composiciones y los cambios solicitados por el cliente.
Si mantiene una biblioteca de Photoshop de sus elementos de uso común: cuadros de entrada de esquinas redondeadas basados en vectores, su (s) cuadrícula (s), cuadro "el logotipo va aquí" ... todo en capas de un solo archivo o múltiples archivos (su elección) - podrá crear páginas de inicio y páginas interiores en una fracción del tiempo que se tarda en codificarlas.
Mantener un archivo CSS común (con configuraciones populares) también ayudará cuando llegue el momento de codificar, pero no veo el valor de eliminar PS del flujo de trabajo, independientemente de cuán sólido se vuelva CSS.
¿Puede garantizar que el 100 % de sus usuarios tienen navegadores que verán su sitio exactamente de la forma en que usted (o, lo que es más importante, el cliente) pretende que lo vea? ¿No? Entonces que porcentaje? 90%? 80%?
¿Puedes asegurarte de que se degrada bien, de modo que la versión alternativa vista por el 10 % restante (¿20 %? ¿40 %?) sea aceptable?
Si uno o ambos problemas son un problema, necesita Photoshop.
Cosas para pensar:
Se necesita mucho para poner esos diseños elegantes en la web. Al menos para los más complejos. Photoshop ayuda a ver el resultado final más rápido.
Para un diseñador en su trabajo, hacer una maqueta en Photoshop suele ser más rápido y justificado, ya que no pasará todo el día pirateando html y CSS3.
Como mencionaste, pueden hacer el 80% en CSS3, pero eventualmente necesitarán que Photoshop forme parte.
Yo diría que renuncias a hacer una maqueta en Photoshop si eres el diseñador y desarrollador y te ahorraría tiempo; de lo contrario, haz siempre una maqueta en Photoshop.
Dawson
b01