Recommended Posts

Redesigning the Windows Logo

We have said that Windows 8 is a complete reimagination of the Windows operating system. Nothing has been left unexplored, including the Windows logo, to evaluate how it held up to modern PC sensibilities. The Windows logo is a strong and widely recognized mark but when we stepped back and analyzed it, we realized an evolution of our logo would better reflect our Metro style design principles and we also felt there was an opportunity to reconnect with some of the powerful characteristics of previous incarnations.

We had a very short list of agencies that we wanted to work with on the redesign of the logo and were thrilled when Pentagram agreed to join us in the project. Pentagram?s illustrious history speaks for itself, but we were particularly attracted to their sense of classic graphic design which fit well with our Metro design principles.

Early in the development cycle for Windows 8, in a conference room on the Microsoft campus, we assembled a kick off meeting with Paula Scher, Michael Beirut and Daniel Weil from Pentagram and a few designers and marketing leaders from Windows and across the company. The team spent a full day sharing some of the Metro style design philosophy; the Windows brand history and values as well as graphic design and technology industry trends.

"To see what is in front of one's nose needs a constant struggle."- George Orwell

That is the feeling we had when Paula Scher (from the renowned Pentagram design agency) showed us her sketches for the new Windows logo.

It?s a window? not a flag

Paula asked us a simple question, ?your name is Windows. Why are you a flag??

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.

5315.winlogo_2D00_history3_5F00_thumb_5F00_20CF425A.jpg

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?.

6318.2_5F00_thumb_5F00_0B0559FD.png

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.

4377.3_5F00_thumb_5F00_51161710.png

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.

5775.4_5F00_thumb_5F00_6939816B.jpg

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.

1018.5_5F00_thumb_5F00_080FF54A.png

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.

0363.Win8Logo_5F00_01_5F00_thumb_5F00_3BD7EB9B.jpg

We hope you enjoy our new logo.

Sam Moreau

Principal Director of User Experience for Windows

Source: The Windows Blog

Just saw it on twitter :/

Replied: @windowsblog I saw this a couple of days ago :/ It looked so bad I thought it was fake... I really hope it grows on me..

And hearing it explained like that, I found myself....agreeing with Pentagram, and wondering just how muddleheaded traditionalism and backlinking to the past has gotten - in and out of technology.

Until now, the central part of the Windows logo has remained "unchanged" since XP, to be honest. Given how much the rest of the product had changed (not even factoring in the changes coming in Windows 8 itself), it comes down to backlinking.

However, expect massive howls of protest.

I like the new logo, it's clean and bold, and reflects the new design of the OS. That said, like lcg above, I like it no more than the current one.

In response to DigitalSnow, I have a feeling the colour of the logo and text is not fixed, and can be variable depending on where it's used. To reflect different editions perhaps. That's the beauty of a flat logo like this. It can also operate in negative (so white logo and text) on a coloured background.

Well? it does look like a real window. And it also looks like tiles. And they have simplified it the Web 2.0 way.

This.

Seriously who are these mugs at the Windows Design team? They SUCK BIG TIME!

The previous colours look like effort was actually put into creating the logo, this however looks like very little work was committed!

Maybe it would look a bit better if it has multicoloured tiles...

I like the new logo, it's clean and bold, and reflects the new design of the OS.

In response to DigitalSnow, I have a feeling the colour of the logo and text is not fixed, and can be variable depending on where it's used. To reflect different editions perhaps. That's the beauty of a flat logo like this. It can also operate in negative (so white logo and text) on a coloured background.

I agree, and yes, the new logo does change colour:

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.

Seriously who are these mugs at the Windows Design team? They SUCK BIG TIME!

The previous colours look like effort was actually put into creating the logo, this however looks like very little work was committed!

Maybe it would look a bit better if it has multicoloured tiles...

The "Windows Design Team" had nothing to do with the logo. Read the article. It was designed by a third party agency. That said though, I hope they didn't pay them too much just to arrange 4 squares at a slight angle :)

I maintain an open mind... but this is just way too monochrome. The multicoloured scheme subtly represented the versatility of Winders, and the flag sort of stated it was the flagship product. I agree with their idea to make the logo a "window" instead, but it really doesn't help much when you overwrite all of the defining visual elements of a household logo.

This topic is now closed to further replies.
  • Posts

    • Thanks free chatgpt. The issue is, with most browsers, is you shouldn't need tools to remove anything. It is the whole point of extensions. The only browser so far to man up and be honest that it needs money to function is Brave Origin. Don't like the monetisation and code bloat, have a clean browser for a one off $ charge. Firefox used to be that, but now it is a code bloat browser, hiding AI.
    • Source and more Giles in Buffy! Spooks (MI-5 for the US people)! The Prime Minister in Little Britain!
    • Pick up this lifetime subscription to Babbel Language Learning now at 47% off by Steven Parker Learn all 14 languages and access more than 10,000 hours of high-quality language education online. Today's highlighted deal comes via our Apps + Software section of the Neowin Deals store, where you can pick up a lifetime subscription to Babbel Language Learning at 47% off. Note: Available to U.S. customers & NEW users only. Learn Spanish, French, Italian, German, and many more languages with Babbel, the #1 top-grossing language-learning app in the world. Developed by over 100 expert linguists, Babbel is helping millions of people speak a new language quickly and with confidence. After just one month, you will be able to speak confidently about practical topics, such as transportation, dining, shopping, directions, making friends and socializing and much more! Get lifetime access to learn all 14 languages Practice with 10-15 minute bite-sized lessons that fit conveniently into your schedule Cover a wide range of useful real-life topics, from travel to family, business, food & more Use speech recognition technology to keep your pronunciation on point Learn at a variety of skill levels, from beginner to advanced Get personalized review sessions to reinforce what you learn so it really sticks Study whenever & wherever you want and your progress will be synchronized across your devices Use offline mode to access courses, lessons & review items when not on Wi-Fi—just download them beforehand Languages Available: Spanish (Spain), German, Italian, French, Portuguese, Swedish, Turkish, Dutch, Polish, Indonesian, Norwegian, Danish, Russian, Spanish (Latin America) Good to know Length of access: lifetime Valid for New Users in the USA Only Redemption deadline: redeem your code within 30 days of purchase Please note redemption is required via Web Browser. Access to the mobile app will be available after redemption has been completed via web browser Max number of devices: Unlimited Access options: desktop & mobile Number of languages: 14 (all current languages) Updates included Babbel Language Learning: Lifetime Subscription (All Languages) normally costs $299, but you can pick it up for just $159 for a limited time - that represents a saving of $140. For a full description, specs, and license info, click the link below. Deal Price $159.00 with code LEARN NOTE: For NEW users in the US only. Support queries If you have queries or need support for any of the Neowin Deals, please use the contact form here. Neowin Deals are managed and sold by StackCommerce who represent Neowin on an affiliate basis. Why we post these deals We post these because we earn commission on each sale so as not to rely solely on advertising, which many of our readers block. It all helps toward paying staff reporters, servers and hosting costs. So for those that keep moaning and complaining, be thankful we're still online for you to even do that. Other ways to support Neowin Whitelist Neowin by not blocking our ads Create a free member account to see fewer ads Make a donation to support our day to day running costs Subscribe to Neowin - for $14 a year, or $28 a year for an ad-free experience Disclosure: Neowin benefits from revenue of each sale made through our branded deals site powered by StackCommerce.
  • Recent Achievements

    • Mentor
      grik went up a rank
      Mentor
    • Dedicated
      JKR earned a badge
      Dedicated
    • One Year In
      CHUNWEI earned a badge
      One Year In
    • Conversation Starter
      FBSPL earned a badge
      Conversation Starter
    • Week One Done
      I2D earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      469
    2. 2
      PsYcHoKiLLa
      255
    3. 3
      Skyfrog
      79
    4. 4
      ATLien_0
      61
    5. 5
      FloatingFatMan
      60
  • Tell a friend

    Love Neowin? Tell a friend!