No Gloss Talks

NoGloss

Recently I made the web page for The Drop Shadow Talks. Because the page is quite optimized for mobile viewing, I added an iPhone icon as well. I was startled seeing a shiny gloss effect overlaying my nice minimalistic Helvetica design!

Of course, the Drop Shadow Talks should not have an icon showing a gloss effect. (I like the idea of “The Gloss Talks” though, but it just does not sound so nice.)

I thought creating icons without gloss is only possible for applications and not for web pages. I found out that it is very easy. Simply add “precomposed” to the attribute “rel” in the “link” tag, no gloss is applied and you are free to do with the icon whatever you want:

<link rel="apple-touch-icon-precomposed" href="iphone-icon-precomposed.png" />

So I then created an icon with a drop shadow only.

Posted in General, Howto, Link | Tagged , | Leave a comment

The Drop Shadow Talks!

After this Drop Shadow Blog and the Drop Shadow Revolution, I am happy to announce The Drop Shadow Talks.

These talks will deal with current developments on our desktops – mainly from an artistic point of view. In the shades of evening lectures the Drop Shadow Talks will present art and projects influenced and inspired by the baroque graphical user interface. All talks will take place at Berliner Technische Kunsthochschule near Potsdamer Platz at 7 pm. The first three talks will be Tuesdays, the last two Thursdays.

On October 27, Lars Harmsen from Magma Brand Design, publisher of Slanted Magazine and expert for 3D fonts will give an introduction on techniques on how to create depth in a flat medium: “2d3d in Grafik-Design und Typographie”.

On November 10, artist Aram Bartoll from Berlin will give insight into his work dealing with the online influence to our offline world and culture and vice versa. His most recent work is called “Fuck 3D”, btw.

On November 24, Dragan Espenschied will speak about “Digital Folklore” and explain why glittering star backgrounds, photos of cute kittens and rainbow gradients are the most important, beautiful and misunderstood language of new media.

On December 3, Dutch artist Jan Robert Leegte will present his work in which scrollbars, selection frames from Photoshop and bevel frames from age-old graphical user interfaces play a significant role.

Next year, on January 21, Jay David Bolter from Georgia Institute of Technology will give a talk on the subject as well. He is author of several influential books on new media theory. For example my favorite interface book Windows and Mirrors — Interaction Design, Digital Art, and the Myth of Transparency!

P.S. There are even more things dropping their shadows: the Drop Shadow Talks are accompanied by the Drop Shadow Seminar at BTK in the sixth semester, accompanied of course by the Drop Shadow Seminar Blog. There is also a Drop Shadow Shirt

Posted in Academic | Tagged , | Leave a comment

Richer Interface in Rich iTunes

The panel used in iTunes to indicate artist, title and remaining time of a currently playing song became more smooth and anti-aliased during the years. Now with version 9 especially its progress bar became visually richer. A drop shadow was added also.
iTunes with new scrollbar
I always had guessed the LED- or at least pixel-like indicator was ment to be a hommage to old fashioned VU meters or similar. As it seems, I was mistaken.
For coming versions I now expect the indicator to feature a fully functional OS X in miniature with dashboard, cover flow and maybe iTunes itself.

Posted in General | Tagged | Leave a comment

Karussellblog is Turning

Yesterday Karussellblog was launched. It features articles on event design and brand communications, architecture, art and interactive installations. In my capacity as “interface artist” I mainly will write about the correlation of virtual and real space, especially graphical user interfaces and visual pop culture.

To stress the three-dimensionality of the subject matter designer Dan Nommensen from danhills* in Hamburg created a gorgeous baroque web design with many drop shadows. For the shadow below the box containing the posts, he used the following settings in Photoshop: multiply blend mode, an opacity of 40%, 40 degrees, 10 pixels distance, 3 pixels spread and a size of 29 pixels.

The various settings for the other shadows you can see on a detailed layout illustration from Dan. Thanks!

Posted in Howto, Link | Tagged | Leave a comment

BVG Shadows 67/68

In my post on “Windows 68” I wrote that we hardly used any drop shadow effects for this revolutionary version of an early operating system. I guess we all regarded the drop shadow effect as an accomplishment of the digital age. It certainly is.

bvgbig
Yet I was startled when discovering a “broken” version of a drop shadow in a public transport map of Berliner Verkehrs-Betriebe that was dated 1967/68. For me it looked exactly like a true-color image with alpha channel that was saved wrongly for the early web. Like in many images of that age the smooth shadow was not preserved, because the GIF format was used and only one color was selected transparent.
bvgalsgif
bvgalsgif3
But what is the equivalent to the GIF peculiarity in the age of printing? I have no idea how it was achieved back then.

Posted in General, Print, Vintage, Wallpapers | Tagged , , | Leave a comment

Fold-Out Shadow

Just in case, if there ever was a “Drop Shadow Book”, I think it should have a printed drop shadow on the inside back cover to fold out.

Drop Shadow Book

Posted in Print | Tagged | Leave a comment

Cover Flow Ad

Gradually the graphical user interface makes its way to pop culture. The aesthetic of “Bliss” for example again and again finds its way to advertising campaigns—maybe because its originality is so universal? Apparently you live in close touch with nature when you eat Ben & Jerry ice cream. At least they placed a Windows-like scenery in the background of their list of ingredients.

Besides, the famous scenery can be used to stress the beauty of a region (as for a Tirol billboard in 2007) or even the environmental sustainability of nuclear power plants (as a German campaign in 2008).

This time it is not “Bliss” but “Cover Flow”, not a wallpaper but a method to browse visually through your digital music library. As it seems the viewer of the new Lucky Strike ad campaign is meant to flip easily through the last 20 years of the tobacco company’s great advertising.

Lucky Strike Cover Flow Ad

Yet, as usual, this campaign lacks consistency. With a bit more courage of the responsible designers (and customers, of course) the ad would not deny its origin and could have looked like this:

Cover Flow Original

Interestingly enough, drop shadows were used for the printed campaign (inward ones, around the ads to make them look more three dimensional) but not in the Apple interface. I wonder if this is the dawn of a new age in interface design?

Posted in General | Tagged , , , , | 2 Comments

Bachelor Projects @ BTK

Regarding the use of drop shadows, the final projects of my two bachelor students at Berliner Technische Kunsthochschule could not be more diverse.

swapicon

Together with programmer Benjamin Ludwig my student Andreas Sommer created “swap”, an application for the iPhone that is capable of letting its user interact with public projections, installations or games. Therefore “swap” uses its own server as a gateway between the client on the iPhone and Flash in which the application is running.

For now there are two sample applications. With “Particles” you can contribute to projected music visuals with simply drawing on your phone. And “Race” is a typical racing game in which you can compete with other users. The iPhone’s accelerometer turns your device into a real steering wheel and the more users log in, the more cars populate the public racing track.

Using an iPhone means using it in public space. Yet querying search engines, letting map applications guide you to your destinations, using location based services etc. is a very self-involved way of using data in public space. How can one interact there with other users, with this public space as such, not to mention in a really useful, joyful or even artistic way? “swap” offers exactly this. Much more applications are thinkable and I am certain that other developers will contribute with their ideas.

The styles of “swap” are intentionally very similar to the ones of Apple. On the one hand minimalistic and reduced colors, on the other hand very professional state of the art design styles. Yet Andreas refused to let Apple apply the gloss effect to their nice program icon for the AppStore (see above). He said, it would have been by far too intense.

You can visit “swapblog” and download the application in the AppStore.

Linda Horstkotte initially got in touch with the Apple Interface when she began to study three years ago. She was startled by photorealistic imitations of real objects and the excessive use of graphical effects there. Had Apple not gained word fame especially because of its minimalist approach on hardware design? And had not the early GUI designs been simple and reduced? So why the paradigm change in the field of graphical user interfaces?

lindaiconssmall

Using these questions as a starting point for her theoretical work (“Immaterielle Software und ihre ikonische Entsprechung im Interface”) she draws parallels from the humanization of the early computers to the anthropomorphized icons and metaphors on modern graphical user interfaces and reveals for example that Apple’s new icon for the “Control panel” is by far not as progressive as one might think. By the contrary, shifting from Tiger (10.4) to Leopard (10.5) this icon retrograded from electrified to mechanic age!

Linda concludes that it is the duty of interface designers today to look beyond current metaphors, styles and effects and to be aware that the interface design decides about the users’ maturity.

The icon design she made in her practical work (see above) is an optimistic vision into future developments in the field of graphical user interface design, where not photorealism, regressive metaphors and visual pomp but readability, consistency and formal reduction are criteria for good interface and icon design. (Of course this also applies to the use of drop shadows.)

Posted in Academic | Tagged , , , , | Leave a comment

Wallpaper Origins

Ever since I thought of Windows wallpapers as visual utopias, artificial places of outstanding beauty one only could see and put folders and program icons on—but never reach. It never came to my mind that these icons in pop culture and hyper-real images might be found in the common world.

A friend of mine claimed one of Vista’s wallpapers to show Johannesburg. Then we discoverd “I started something”, a blog by Long Zheng. In one post he gives an overview of the origins of Vista’s wallpapers. I am still shocked.

bliss

By the way, the hillside of “Bliss” (or the “Grüne Idylle” in German), the famous Windows XP background can be found in California. Astonishingly the drop shadows Google Maps places next to the navigation icons you can follow the street with, very well fit to the possible position of the sun.

Posted in Real life, Wallpapers | Tagged , , | Leave a comment

Windows 68

Usually after some time in any suppressing system people start to rebel against it. Thinking of Windows as a very white-bread and bourgeois operating system whose tidy, eager and suit wearing citizens live in small row houses and picnic on far reaching meadows, it is only a matter of time before a revolution breaks out.

Because revolutions usually start in the shadows, the title of my recent seminar on Interface-Design was “Drop Shadow Revolution”. It took place at Merz Akademie at the end of May and basically I wanted to know what the students thought of seeing Windows’ imagery and icons through bourgeois or revolutionary eyes.

Red Star Icon

At the end we came up with “Windows 68”, an almost finished theme for Windows XP that put the system into a time machine. Instead of “Start” in the lower left corner there was written “Revolution!”, there were red stars everywhere, and the network icon seemed to gain insight into Kommune Eins during its best days and the whole system seemed to be soaking in red paint. And for the German readers: instead of Benutzerkonten there were Revoluzzerkonten. We also created a new version of “Paint” that we called “Graffiti”. It was not possible any more to paint, write, and draw rectangles—only spraying worked.

Surprisingly for “Windows 68” we hardly used any drop shadow effects.

Feel free to have a look at the project documentation and start a revolution yourself.

Posted in Academic | Tagged , , | Leave a comment