We have seen transparency in web design more or less forever, but it has been limited to static .jpg images in the past. Since Internet Explorer has become compatible with .png images and the advent of CSS3 and HTML5, transparency in web design is much more flexible.
Transparency has not exactly trended, and it is not predicted to trend anytime soon, probably because it can definitely be overused and it can be fairly tricky to get right, but when it is right, it can add depth and character to a design, so perhaps we will see it trending along with flat design in the future because the next logical step in flat design is ways to add depth whilst keeping it flat. So today we are showcasing a selection of great examples of transparency in web design. We are also including a list of articles and tutorials all about transparency in web design.
Transparency in Web Design
He & She Photography
Bullhead Denim Co
Wavefront Music Festival
Danish: Music Addict Designer
Make Photoshop Faster
Coffee Surfing – Illy
Diesel – Men’s Denim
Diesel – The Magic of Christmas
Articles and Tutorials
- Creative Use of PNG Transparency in Web Design
- Using Transparency in Web Design: Dos and Don’ts
- Web Design with Transparency in CSS3
- Transparency in Web Design
- CSS3 vs Photoshop: Opacity and Transparency
- CSS Opacity Tutorial
Hopefully you have been inspired to include some form of transparency in one of your upcoming projects. There is no doubt that transparency can add a touch of class or style, and it can set the required mood to attract viewers. What is your opinion on transparency in web design? Please share with us in the comments section below.