Impresión de pruebas para la web

Tuve este debate con un colega y no vimos nada sólido o algo de una búsqueda que respondiera esto con certeza, así que pensé en abrirlo aquí. Está diseñando un sitio web o una aplicación en Photoshop, ¿cuál es el método preferido para imprimir una prueba para una cita con un cliente con respecto a obtener la mejor precisión de color?

Respuestas (1)

La premisa de la pregunta es defectuosa por varias razones.

Una prueba de impresión pretende imitar el producto final. La idea es que vea la prueba con la expectativa de que el producto final se verá exactamente así.

Ese concepto no existe en la web. Por un número de razones:

  • No hay un tamaño de lienzo definido. A diferencia de una hoja de papel, un navegador web puede ser de casi cualquier tamaño. (Tampoco puede haber un lienzo en el contexto de algo como un lector de pantalla)

  • No hay un tamaño de pantalla definido. Las pantallas vienen en todos los tamaños, formas y densidades de píxeles.

  • No hay software definido. Todos usarán un navegador diferente en un sistema operativo diferente con configuraciones diferentes.

  • La web es interactiva. Incluso si PODRÍA definir todo lo anterior, un usuario puede cambiarlo rápidamente.

Me gusta explicar la diferencia entre el diseño de impresión y el diseño web como tal:

diseño de impresión: Estás dictando una presentación visual muy específica.

diseño web: está sugiriendo una posible presentación visual para datos específicos.

¿La línea de fondo? No utiliza un archivo de PhotoShop impreso como ningún tipo de "prueba" para el diseño web.

Lo ideal es que le muestres al cliente cómo funciona HTML, CSS y JS. Eso le permite ver el "panorama general", incluidas las variaciones, las interacciones, etc.

Ciertamente, puede mostrar una maqueta como una forma de explicar cómo se verá aproximadamente el sitio, pero eso es todo. Solo muestra cómo se verá más o menos.