It’s a window… not a flag   Leave a comment

Source : Redesigning the Windows Logo 

In some ways you can trace the evolution of the Windows logo in parallel with the advancements of the technology used to create logos. From the simple two color version in Windows 1.0 to the intricate and detailed renderings in Windows Vista and Windows 7, each change makes sense in the context in which it was created. As computing capabilities increased, so did the use of that horse power to render more colors, better fonts, and more detailed and life-like 3D visual effects like depth, shadows, and materiality. We have evolved from a world of rudimentary low resolution graphics to today’s rich high-resolution systems. And what started as a simple “window” to compliment the product name became a flying or waving flag.

But if you look back to the origins of the logo you see that it really was meant to be a window. "Windows" really is a beautiful metaphor for computing and with the new logo we wanted to celebrate the idea of a window, in perspective. Microsoft and Windows are all about putting technology in people’s hands to empower them to find their own perspectives. And that is what the new logo was meant to be. We did less of a re-design and more to return it to its original meaning and bringing Windows back to its roots – reimagining the Windows logo as just that – a window.

winlogo-history3

Let’s look back at a few of the versions along the way.

Windows 1.0

Few remember the original Windows logo, yet we found it both refreshing and inspiring in relation to the work we have been doing on the Metro style design visuals. Using simple lines and clear straight forward concept, this logo reminded us of what a great and evocative name we have with “windows”.

2

Windows 3.1

For many of us this was the image in our mind when we think of past Windows logos. The now classic window shape and the introduction of the four colors were hallmarks of the Windows brand for many years to come. The introduction of the “waving effect” gives the logo a sense of motion. This logo would be the basis of the Windows versions throughout the 1990s.

3

Windows XP

The next major incarnation of the logo came with the release of Windows XP. What has come to be known as the “Windows flag” is a cleaner more sophisticated mark than its predecessors. The version that populated the lower left hand corner of Windows PCs next to the word “Start” also gained a sense of materiality (plastic?) and a 3D effect from the rich gradients and shadows.

4

Windows Vista

The Windows Vista release marked the beginning of the AERO design aesthetic in Windows with a key component of the interface being the “AERO glass” effect. Replacing the green Start button was the round glass-like button with a now flattened version of the “flag” from Windows XP. Internally, this icon became known as the “pearl”. You can see the intricate lighting effects of the faux glass. In many ways signaling just how powerful of a rendering engine the PC had become. This version of the logo was largely unchanged for Windows 7.

5

Windows 8

With Windows 8, we approached the logo redesign with a few key goals on mind.

1. We wanted the new logo to be both modern and classic by echoing the International Typographic Style (or Swiss design) that has been a great influence on our Metro style design philosophy. Using bold flat colors and clean lines and shapes, the new logo has the characteristics of way-finding design systems seen in airports and subways.

2. It was important that the new logo carries our Metro principle of being “Authentically Digital”. By that, we mean it does not try to emulate faux-industrial design characteristics such as materiality (glass, wood, plastic, etc.). It has motion – aligning with the fast and fluid style you’ll find throughout Windows 8.

3. Our final goal was for the new logo to be humble, yet confident. Welcoming you in with a slight tilt in perspective and when you change your color, the logo changes to reflect you. It is a “Personal” Computer after all.

Print

Windows Live Tags: Source,Windows,Logo,From,Vista,context,compliment,product,back,Microsoft,hands,design,Metro,concept,image,brand,effect,hand,Start,AERO,component,interface,goals,International,Typographic,Style,Swiss,flat,Digital,goal,Personal,Computer,flag,ways,technology,logos,simple,color,version,intricate,change,sense,colors,effects,shadows,resolution,rich,systems,became,meant,perspective,find,original,just,versions,both,lines,great,many,mind,classic,introduction,come,motion,throughout,release,known,plastic,glass,button,faux,characteristics
WordPress Tags: Source,Windows,Logo,From,Vista,context,compliment,product,back,Microsoft,hands,design,Metro,concept,image,brand,effect,hand,Start,AERO,component,interface,goals,International,Typographic,Style,Swiss,flat,Digital,goal,Personal,Computer,flag,ways,technology,logos,simple,color,version,intricate,change,sense,colors,effects,shadows,resolution,rich,systems,became,meant,perspective,find,original,just,versions,both,lines,great,many,mind,classic,introduction,come,motion,throughout,release,known,plastic,glass,button,faux,characteristics

Advertisements

Posted February 17, 2012 by Robert Smit [MVP] in Windows 8

Tagged with

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

  • Twitter

  • %d bloggers like this: