¿Cuál podría ser una solución moderna de diseño de sitios web si el cliente solo puede darle imágenes pequeñas de baja resolución?

No soy diseñador pero aquí vamos …

En los sitios web de hoy, las imágenes y los íconos juegan un papel importante en la experiencia general que tiene cuando accede a una página.

Con la pantalla Retina y las resoluciones 4K, incluso en móviles, es realmente difícil crear un sitio web con imágenes de baja resolución.

Creo que puede usar esta restricción como su ventaja, pero ya no se trata de diseño y diseño, sino de comunicación y posicionamiento de marca.

Use la tipografía para resaltar que no necesita mostrar imágenes grandes para ser la mejor compañía de la industria.

Use espacios en blanco y posicionamiento de elementos para guiar al usuario en una “pequeña historia” en cada sección del sitio web.

Use una copia excelente para demostrar que sabe que tiene imágenes pequeñas, pero de alguna manera lo está haciendo a propósito.

Use animación, paralaje e interactividad para agregar valor al usuario al mismo tiempo que muestra “su” empresa tiene experiencia para crear un gran sitio web y está conectado con las tendencias actuales.

Haga que sea extremadamente fácil descubrir la función, ponerse en contacto y hacer que el sitio web sea increíblemente rápido.

Todavía puede colocar en mosaico las imágenes de baja resolución de una manera moderna. Zillow hace esto con su galería independientemente del tamaño de la imagen original. Puede usar un script de albañilería para que encajen perfectamente.

El usuario todavía querrá verlo más de cerca, por lo que cuando haga clic en una imagen, querrá abrir una caja de luz.

(Reduje la imagen a las dimensiones que usted indicó de 250 × 400 – algo pequeña)

Aquí, pequeñas imágenes duelen. Pero el diseño debe alentar al usuario a cargar las imágenes del tamaño correcto. Si desea agregar algo de lógica para detectar imágenes pequeñas, creo que está bien escalar una imagen pequeña de 1.5 a 2x. Tendrás que jugar con él para obtener la proporción correcta.

Como diseñador, me burlaría de lo que te dieron, pero luego les mostraría las posibilidades si pueden obtener imágenes más grandes. Normalmente, el cliente querrá el diseño bonito lo suficiente como para obtener mejores fotos.

Amplíelos y ponga un efecto de filtro en las imágenes: obtendrá el mejor resultado con el filtro en blanco y negro. Ahora, para crear un efecto artificial de nitidez, agregue un patrón de superposición -> 1px líneas diagonales repetidas de ancho. De esa manera, el usuario tiene la sensación de que el aspecto está destinado. Surly, algunos otros elementos en la página web también deberían respaldar esa decisión de diseño: ser coherente para lograr el estilo.

Tenga en cuenta que la ampliación de las imágenes es imposible, pero la técnica anterior hará el trabajo. También considere volver a tomar nuevas fotos, hoy en día las sesiones de fotos podrían ser muy accesibles.