The Adobe Flash and HTML5 debate continues to be the talk of the blogosphere, news headlines, web developers, and Steve Jobs alike. While much could and should be said about the issue on both sides of the isle, from open web standards and propriety, iPhones/iPads and touch interfaces, usability, browser compliancy, security, performance and of course aesthetics and utility, Adobe Flash and a little creativity can go a long way in creating a simply stunning and captivating web experience not realized in other technologies. While Javascript and other web technologies can do some remarkable things, many Flash websites are delectable and simply a work of art.

Adobe Flash and a little creativity can go a long way in creating a simply stunning and captivating web experience not realized in other technologies.

After hours and hours daily on the internet, over the course of the last few years, these are some of my personal favorite sites, hand-picked by me as both noteworthy and inspirational. These are sites that have stuck with me and my mind for years. Unfortunately, some of my additional longtime favorites are no longer with us. We give our condolences and mourn all of those amazing sites that endured many years of visitors gawking at their splendor. Whether their fate succumbed to the ongoing debate of Flash-nay-sayers, or simply time for a redesign, they will be missed; not just by myself, but many I presume. Strangely, after carefully selecting and deliberately rummaging through my bookmarks from the past few years, I realized that all of these favorite sites of mine have one thing in common, namely that they are realized using Adobe Flash. So no matter if you’re a “Flasher” or not, I simply invite you to take some time to sit back and relax, and peruse these fifteen beautiful sites which have inspired me throughout the years. They are definitely worth a click.

Amazonia
view site :: amazoniamoveis.com.br

City Center
view site :: citycenter.com

Concave Scream
view site :: concavescream.com

Floe
view site :: nationalgridfloe.com

Gucci Group
view site :: guccigroup.com

Hem Jeans
view site :: hemjeans.com

Idecorabili
view site :: idecorabili.com

Quat ‘Coul
view site :: quatcoul.com

Shsk’h
view site :: shskh.com

Stefano Bidini
view site :: stefanobidini.com

Waterlife
view site :: waterlife.nfb.ca

Wilier
view site :: cento1.it

*NOTE: Cover image courtesy of the idecorabili preloader (my favorite preloader of all time).

How does one take roughly 30 different stock photos, a few original photos, and a specific communicative theme and make them all work harmoniously to manifest a singular, uniform scene? The short answer is lots of digital painting, lot’s of isolating, lots of levels, and lots and lots of layers. The long answer, however, has more to do with principles of classic art composition and some background in visual storytelling techniques. Let’s dissect a little and dive in.

Scrolling from left to right, observe the overall feel and color scheme. On the extreme left, we see mountain bikers in a rugged, dry setting with dirt-trail colors and tones. Scrolling right, the scene progressively becomes green and blue, and very lush, crisp and clean. Perhaps this was inspired by my experiences on the saddle of both cycling disciplines. Even merely analyzing the tire of my mountain bike, my instinct was to imagine red clay and rough terrain, as mimicked by the rugged plateaus and steep angles of the appropriately outfitted tire. On the road bike, the tire is clean and streamlined. This is not only in the sense of the tire being smooth and narrow, it also has a sense of being a far more expansive and fluent ellipse. Such features remind me of the fluid curves of a winding paved road and the sleek appearance of a landscape filled with pointed greenery. This overall transition in color palette is also a transition in tactile response and in mood. On a side note, I’d like to point out that I have ridden my mountain bike on clean pavement surrounded by greenery many times. But whenever I have, I always felt a little out of place. And I’ve ridden a road bike on mountain trails… but that was called Cyclocross, and that is just all-around crazy on too many levels. Never mind feeling out of place there. That’s the whole idea of the sport.

Having established a visual story, some key elements were needed to identify the primary topics of the site. Click on the mountain bikers and you are directed to the mountain biking section of the site. Click on the information sign and you are directed to information about Littleton Cyclery. Click on the attractive woman wearing noticeable gear in the foreground and you are in the gear and accessories section. the concept applies to all clickable objects. It appears at a glance that these objects all tie in to the scene rather seamlessly, but each of thee objects come from very different source materials. Different photographers, different lighting, different colors, even different grain patterns. To get everything to sing one song, some real Photoshop finesse is needed. This is where a background in classical art technique becomes necessary. The single most unifying features of each object in the cohesive whole is the contrast, saturation, and grain pattern. The overall scene is rather rich in color. Shading has a short gamut, with the darkest shading being a strong, abrupt black. This is all the result of modifying and exaggerating the values of each object to the point where they all appear to have similar shading and contrast. It is not photo-real, but it ties everything together. The final touch is to run each and every graphic component through a very minor grain filter. The intensity of the grain should be as minimal as possible, but done to the point where everything is consistent.

There are many more steps and calculations involved in creating a complex, faux-3D interface like this. But the key factors are the same as with any compelling image. A still image should create movement with it’s composition. And a composition should be defined by the story it wishes to tell. From conceptualization to Photoshop to Flash implementation, those principles were the guiding authority on every decision.

view project : : Littleton Cyclery Version 01

]]> http://www.kalosinteractive.com/blog/2009/08/littleton-cyclery/feed/ 3