fbpx
Engage Web logo - horizontal-resized

ENGAGEWEB

Backlighting in the spotlight

Backlighting in the spotlight

Since the advent of Lightbox, the standard background for displaying an image has always been a black, translucent panel, which would set the image apart from the rest of the site while someone cycled through your gallery. The key characteristic of this was to provide a plain backdrop for the image and reduce visual noise. With flat design being the latest trend and large areas of block colour used, it is no longer necessary to blank out the website and set the images apart in that way.

With this in mind, providing a suitable backing colour for the images will always leave the designers choice limited to less intrusive colours or those that contrast well with the white border common in the flat design image galleries. This begs the question – what if you could change the colour of the backdrop based on the content of the image?

A designer named Brian Gonzalez has come up with a novel idea called Adaptive Backgrounds. This JQuery plugin scans the image as instructed by the user and returns the most dominant colour within that image, allowing backdrop to be recoloured to suit its contents.

The idea behind this is similar to the backlit televisions that illuminate with the dominant colour on screen, giving a more immersive experience for the viewer. Ideas like this are a small but important part of the new web, which is no longer just about providing information and selling products, but also about creating an immersive experience that give people tangible and enjoyable experiences that they will share and create emotional attachments with. After all, what stirs the emotions more than beautiful colour and visuals?

Steven
Latest posts by Steven (see all)

Get in touch

Please enable JavaScript in your browser to complete this form.

What is 7+4?

Acceptance

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

>

Book a consultation with Engage Web

Sorry to interrupt, but would you like to download our FREE Social Media Calendars?

Social Media Calendar Product Mock Up for web

 You can use them to plan your social media and content in advance, saving you time and getting better results. When you use our social media calendars, you'll always know what's trending and what to post about for your business.

FREE DOWNLOAD