The new 2013 logo is unbalanced & dull.
1) First it's extremely unbalanced, all the eye popping color, depth, & detail is in the tail with nearly no highlights on the left side of the logo.
2) The fur on the end of the tail is 3D, slightly wrapping itself around the globe. Why? Why simplify the whole logo and leave the tail with the same awful complexities as the previous 09-13 logo? The tails in the 04-05 and 05-09 are near perfection and more simple. The newer tails add unnecessary detail yet they were kept.
3) It's inconsistently flat. Usually flat coincides with simple, but the logo's complex outlines have actually been exaggerated while the coloring has been flattened and simplified. The fox's head and torso on the other hand were nicely simplified (aside from the little hairs added all over).
4) It's dull. What was once planet earth is now a dull blue ball with coffee stains.
5) The gradient of orange to yellow is too hard. The entire fox is orange then sharply turns to yellow after the tail starts. The gradient change in the 04-05 version is perfect. The new logo's gradient is harsh and too distracting.
6) Micro-details were added. Why? I thought this was about simplifying? Look at the fox's fur on it's back. There's little tiny hairs that have been added that weren't there in the 04-05 and 05-09 version. There's no reason for those to be there. When the logo is shrunk and viewed at it's normal size they won't even be visible, why not just remove them altogether. In fact the ears have added hairs as well.
It's easily salvageable and the designer was on the right track:
Just bright up planet earth, contrast the continents from the ocean more, remove the 3D-ness of the fox's tail, further simplify or remove the tail's inner fur spikes, and soften the gradient of orange to yellow that runs across the fox's body and get rid of those annoying hairs that one can only see when zoomed in 400%.
Honestly, the "flat" design starts looking a lot more like a blue-and-orange-smudge at that scale.
That's by design.
You missed the key part of the article where the author mentions why the micro-details were added: "but purposely added more detail where needed to accommodate today’s high resolution screens".
That is an extremely important piece. If you don't go completely geometric and flat (which they didn't), and you don't add in those kinds of tiny details at large sizes the form will feel empty.
Instead, the designer chose to add details that wouldn't distract from the icon at small sizes, but would still make the form feel "full" at large sizes. To do that, the details themselves had to be made much more subtle. Add too much contrast and you run into the 2009-13 design's failures where distracting detail makes the icon hard to read at small sizes.
And please don't get me wrong, I love when after a sensationalist article/title, a well written informative comment puts the article in its place, but the pattern seems to repeat itself in every kind of post.
"Positive" comments only serve to make people feel good, or even just neutral. This really doesn't bring a wider or prolonged benefit of any sort.
"Negative" comments, on the other hand, often make flaws and problems more obvious. This is the first step in actually getting them addressed, which is a truly beneficial thing.
I would hope that useful comments, which often are seen as "negative", do get more attention here, just because they are more useful. This is especially true if the people here can in fact make a difference in some way by helping to resolve some of the problems.
Brightening up the earth would negate one of the main points of the redesign, which is to fix the lack of contrast by removing the distractive specular highlight.
Also, any changes to a product that impacts ~ 20% of all desktop internet traffic [1] deserves some level of attention.
[1]: https://en.wikipedia.org/wiki/Usage_share_of_web_browsers#Su...
I was there for the presentation and at first I really didn't like it but more cleanup work has happened since then and I am really happy with the result. I think it's pretty irrelevant how it looks in larger sizes considering most people will only ever encounter it as an icon.
04-09 versions feel too layered, the fox really floats atop the globe, giving a disjointed feel. While the 3D tail on the third iteration aims to remedy this, it was still too popping (due to brightness, gloss and drop shadows) and increasingly so as one moves farther away from the tail. In the new version, the subtler earth ('dull') combats this. The fox actually feels less menacing.
A lighter blue makes the earth feel milky/foggy. Adding contrast to the continents just makes more details come up front and feels messy. Even with the toned down land masses, the sphericality of the new continents is actually much better felt in the new version.
The brightness and the details of the thinner tail makes it weight evenly with the wider and more uniform head and body. Ironically you argue for more details in the body while asking to remove the subtle hairs. Anyway I feel there's enough details in the form of volume lines and self-shadows.
Because it communicates that the fox is wrapped around the globe and not lying on top of it, to make it more "nurturing".
In regards to the flatness and lack of detail that some people are complaining about: when I look at the Firefox icon in my taskbar, I don't parse it as a fox and a globe but rather as an abstract red/blue circle. The simplified design will make this easier to read -- much more in line with, for example, the Chrome logo.
Why's that? Firefox has always had incredible design aspects to their products?
I appreciate that people get bored and design sensibilities change. But spare us the long-winded itemization of why this is 'objectively' better, when it's obviously a simple matter of taste.
http://www.iconfinder.com/icondetails/85101/513/browser_fire...
The only reason I noticed it was to do with firefox was because the original is so recognisable. This one just looks like either:
A fox hugging a blue ball A fox on its back looking into the sky
I like the idea of the ship's wheel in the navigator logo, and the compass in Safari. As for the other logos they don't do anything for me (oh alright, IceWeasel is quite a funny knock off, and Nightly's is boringly okay.)
I think the name started it started out as Phoenix, then Firebird - which they couldn't use as it was a database, and then was named Firefox. I quite like the transition. Not sure if it was Clint Eastwood inspired or not. I like the way that Firefox is the Red Panda - so it's nice that it kind of has that evolution. It so happens that the Firefox is rare and is totally cute. There was an icon floating around on Linux which was based on the panda that I liked - and the panda has loads of potential for a lovely icon.
Just put the gun to its head and pull the trigger. Flat's all the rage man, why not kill another great logo with it!
Not that it's not justified, but I'd challenge anyone to pull up an example to the contrary. I'm sure someone can find one, and it'll probably somehow involve Stripe :)
In so much of my experience, it often seems like version 1.0 (or sometimes 2.0 or 3.0) is the best version of something. All the original creators are still on board, the interface is straightforward, the functionality is clear, the product is good.
But then, by the time you get to 4.0+, the original creators have moved on, a new team comes in looking to make their mark, and suddenly a graphic overhaul is introduced, they start focusing on "content" or "exposing features" or whatnot, the interface loses organization and coherence, and bad decisions start being made.
I don't know of a name for this phenomenon, but it almost seems to be the rule rather than the exception. But it may explain why people seem to be so anti-change -- because, so many times, the change actually is just pointless or bad.
If posts looked more like "These bits are good. These bits need work. These bits should be scrapped entirely." then it would be easier to call them constructive. As it is, they just seem uncompromisingly conservative and pointless.
>The first step in the rebuild was to go in and strip out all the detail that was using blend mode layering such as multiply, screen and overlay – mostly found in the tail area 1. As stated, a key goal of the redesign was to make it work flawlessly in SVG as well as open up the possibility to rebuild all the internal structure using SVG and CSS gradients.
>Having reduced the logo down to its shape-tweaked forms 2 and softer gradients, we continued to remove any detail we thought wasn’t critical to the overall image. This tied into another goal of having the image hold up with greater clarity at smaller sizes.
can see here: http://blog.seanmartell.com/wp-content/themes/simplified/sty...
This isn't purely by technological choice ("we want a svg logo"), as one can somewhat build a svg where the level of detail varies depending on display size (http://timkadlec.com/2013/04/media-queries-within-svg/).
So it's either a deliberate "it's better that way" choice, or a "better one really good logo than a couple of less good ones", or they weren't aware of media queries, or they don't think them supported well enough.
Thumbs-up on removing the high gloss, though.
(yeah yeah, everyone's a critic)
Cough... cough... iOS7
Though really iOS7 is the least flat looking.
http://thinsmek.com/a-history-of-the-firefox-icon-and-detail...
However, given that one of the stated reasons for the change is "SVG compatibility", I'm surprised that there's no link to an SVG version. And the official Mozilla branding page doesn't seem to be updated yet:
https://www.mozilla.org/en-US/styleguide/identity/firefox/br...
I like what Wolff Olins did for Firefox OS and would love to see Mozilla take major new steps in that direction, with more radical changes to the logo (which frankly has always looked like a shrimp at favicon size): http://www.underconsideration.com/brandnew/archives/mozilla_...
“Violent,” you wonder? “Surely you are insane and hyperbolic.” I am neither. Look at those spots and tell me they don’t look like a cheese grater. I wouldn’t touch this icon if it existed in 3D space. Would you?
It would be a nice project to automatically recreate existing image files as efficient SVGs.
However, this procedure seems to make things look flat and textureless.
It turns out Shepard Fairey created the red "Mozilla.org logo and mascot" (see: http://en.wikipedia.org/wiki/Mozilla_%28mascot%29).
Would have been nice if they used retina-quality assets in the announcement...
Is it a fox hugging a globe? Is the fox red/orange? Yes? Is it somewhat detailed? Okay. _Good enough_.
Dear Firefox,
Please don't.
Sincerely,
the Internet