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

    • The fact I need to use "Show more" like 99% of the time is so annoying. Or why I have 7-zip under 3 submenus when it could be in top. And Microslop keeps saying how they'll improve Start and I've not seen ANY improvement yet. In MONTHS. WTF?! I'll believe any of it when they actually deliver anything.
    • LosslessCut 3.69 by Razvan Serea LosslessCut aims to be the ultimate cross platform FFmpeg GUI for extremely fast and lossless operations on video, audio, subtitle and other related media files. The main feature is lossless trimming and cutting of video and audio files, which is great for saving space by rough-cutting your large video files taken from a video camera, GoPro, drone, etc. It lets you quickly extract the good parts from your videos and discard many gigabytes of data without doing a slow re-encode and thereby losing quality. Or you can add a music or subtitle track to your video without needing to encode. Everything is extremely fast because it does an almost direct data copy, fueled by the awesome FFmpeg which does all the grunt work. Features Lossless cutting of most video and audio formats Losslessly cut out parts of video/audio (for cutting away commercials etc.) Losslessly rearrange the order of video/audio segments Lossless merge/concatenation of arbitrary files (with identical codecs parameters, e.g. from the same camera) Lossless stream editing: Combine arbitrary tracks from multiple files (ex. add music or subtitle track to a video file) Losslessly extract all tracks from a file (extract video, audio, subtitle, attachments and other tracks from one file into separate files) Batch view for fast multi-file workflow Remux into any compatible output format Take full-resolution snapshots from videos in JPEG/PNG format Manual input of cutpoint times Apply a per-file timecode offset (and auto load timecode from file) Change rotation/orientation metadata in videos View technical data about all streams Timeline zoom and frame/keyframe jumping for accurate cutting around keyframes Saves per project cut segments to project file View FFmpeg last command log so you can modify and re-run recent commands on the command line Undo/redo Give labels to cut segments View segment details, export/import cut segments as CSV Import segments from: MP4/MKV chapters, Text file, YouTube, CSV, CUE, XML (DaVinci, Final Cut Pro) Video thumbnails and audio waveform Edit file metadata and per-stream metadata Edit per-stream disposition Cut with chapter marks Annotate segments with tags View subtitles Example lossless use cases Cut out commercials from a recorded TV show (and re-format from TS to MP4) Remove audio tracks from a file Extract music track from a video and cut it to your needs Add music to a video (or replace existing audio track) Combine audio and video tracks from separate recordings Include an external subtitle into a video Quickly change a H264/H265 MKV video to MOV or MP4 for playback on iPhone Import a list of cut times from other tool as a EDL (edit decision list, CSV) and run these cuts with LosslessCut Export a list of cut times as a CSV EDL and process these in another tool Quickly cut a file by its MP4/MKV chapters Quickly cut a YouTube video by its chapters (or music times from a comment) Change the language of a file's audio/subtitle tracks Attach cover art to videos Change author, title, GPS position, recording time of a video Fix rotation of a video that has the wrong orientation flag set Great for rotating phone videos that come out the wrong way without actually re-encoding the video. Loop a video / audio clip X times quickly without re-encoding LosslessCut 3.69.0 changelog: Add lossless cropping & aspect ratio override via bitstream and container metadata #643 Alow shifting tracks for each file (-itsoffset) #216 Add "decimate video" tool to filter away all non-keyframes #2111 Add Windows ARM 64 native build with native ffmpeg Move timecode out of timeline and make it copy-able #2592 #2691 #2800 #483 #2808 Upgrade Electron to latest Add new "opposing" align mode #2654 Add FFmpeg -hwaccel auto setting for hardware acceleration of certain operations Add API events export-start and export-complete Allow deleting track metadata #2819 Improve shift segments dialog #2839 Show keyboard shortcuts inside button tooltips in UI Warn if trying to cut with too few keyframes around cutpoint #516 #2780 #2756 (Linux) include app name in notification #2794 Pull latest translations Other notable changes: Advanced output directory selector #2101 #2115 #2755 increase max file name length to 250 (truncation) #2779 don't reset playback speed when using special playback modes #2889 preserve chapters when merging files that already have chapters don't merge adjacent segments in combineOverlappingSegments #2896 don't transfer segment name when filling gaps #2754 always scroll up to zoom in #2703 #2786 increase max keyframes to 10000 Don't bind ctrl/cmd+c by default (they interfer with copying text) Many other improvements and fixes Download: LosslessCut 3.69.0 | ARM64 | ~100.0 MB (Open Source) Links: LosslessCut Website | Other Operating Systems | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Doesn't even need a UI for point 2 - use some sort of JSON/XML container - because MOST users won't even bother.
  • Recent Achievements

    • Conversation Starter
      FBSPL earned a badge
      Conversation Starter
    • Week One Done
      I2D earned a badge
      Week One Done
    • Week One Done
      Dr Jared Dental Studio earned a badge
      Week One Done
    • Week One Done
      RG INVESTMENT GROUP earned a badge
      Week One Done
    • Very Popular
      The Norwegian Drone Pilot earned a badge
      Very Popular
  • Popular Contributors

    1. 1
      +primortal
      488
    2. 2
      PsYcHoKiLLa
      263
    3. 3
      Skyfrog
      85
    4. 4
      FloatingFatMan
      64
    5. 5
      Michael Scrip
      62
  • Tell a friend

    Love Neowin? Tell a friend!