Learn more about these different git repos.
Other Git URLs
With the 3.32 release of GNOME, the application icon style guidelines have been updated, embracing a more geometric look with vivid colors. The number of sizes necessary has also been reduced. I'd like to propose an updated icon, keeping you in the loop from the start of the design process.
A few apps look out of place on the F30 live image. The installer itself is one of them.
<img alt="Screenshot_from_2019-03-27_13-19-43.png" src="/design/issue/raw/files/f4e4e01542a265da362a1e0cdc16fb79b2bdc3ead81c352c793440393739a76f-Screenshot_from_2019-03-27_13-19-43.png" />
There's two major directions we can go -- either sticking with the hard drive metaphor, which perhaps doesn't muddy the branding, but is a bit lacking when a spinning disk is a rare occurrence and isn't very identifiable.
<img alt="Anaconda.png" src="/design/issue/raw/files/108f36211b08509f398c209f4a78e0db8c633d5c303cbfe6d278db05a6ede9f7-Anaconda.png" />
The alternative approach is to use the fedora logo outline/pill for the basis of the save symbol:
<img alt="Anaconda_2.png" src="/design/issue/raw/files/fa1d9a08d9188a66f6449c428947c0d7bfaac5a8b068a5700f061ebb65547ab1-Anaconda_2.png" />
Using the current logo colors it might look like this --
<img alt="current-colors.png" src="/design/issue/raw/files/16700206c019f0a38cb2b2b2611a455d59c7aaaba807015a364d54b8f2a32cd8-current-colors.png" />
Not sure where the logo redesign is, but in the future it might look like --
<img alt="new-colors.png" src="/design/issue/raw/files/734be69059d3266751095c798c5bd9b4a859125e07ee2410f13d00e2bad400f0-new-colors.png" />
Hi @jimmac ! I love the new icon style, it looks amazing and the colors look much more vivid! I'm also excited about the direction since we're brightening the Fedora logo color too, it seems like maybe it will hang better together with the palette above? (it seems very similar to the blue in the map).
Unfortunately I don't really think the 'pill' shape is identifiably Fedora enough for it to really work as a legible representation. (E.g., here in the northeastern US we have the CVS pharmacy chain that uses the same exact shape but in red. )
The final logo proposal is viewable here: https://pagure.io/Fedora-Council/tickets/issue/248
Would you be open to other metaphors? Some ideas:
Happy to sketch any of these out or come up with more.
It might be best to steer clear of specific form factors - showing an image of a laptop might feel a bit odd if you're installing on a desktop, for example.
Some other possibilities to consider:
I worry with box icons folks will think it is something to do with packaging. But maybe it could be a cooler looking box; off the bat I was thinking open brown cardbox box like an amazon delivery but maybe it could be a fancier box, like those ring boxes with a hinge, or something like that. My last couple of phones and laptops came in fancy boxes that seem designed for unpacking videos anyway!
Gears always make me think of settings.
More ideas, maybe crazy but good brain food?:
Thanks for all the suggestions. Here's a couple of quick sketches trying to execute those ideas:
<img alt="Anaconda_5.png" src="/design/issue/raw/files/a37d70fdaad2093fd0f6932e1f736b7c1a582222ef389f07d7d54bfdda0da4c5-Anaconda_5.png" />
<img alt="Anaconda_4.png" src="/design/issue/raw/files/05d44ee3121c8a2f5cb1eb54815fa73c6d819676e6fec254bf45ffe1aedf1782-Anaconda_4.png" />
<img alt="Anaconda_3.png" src="/design/issue/raw/files/106ef849b70a94620067bc7ab3fe8b498ad1893fd0b97da92da29cdd1f8a38e7-Anaconda_3.png" />
More to come.
The third sketch is promising as it looks more neutral than using specific device.
<img alt="Anaconda_6.png" src="/design/issue/raw/files/2ceeba771190b9a80c9d7800982e7a7214b58575c126ada8a252ffc53e78d45d-Anaconda_6.png" />
How about using a monitor only without the base which can represent all screen based devices.
<img alt="Screenshot_from_2019-03-28_19-32-46.png" src="/design/issue/raw/files/c7f815134634978b9c97f0a3db0fd904e49f3580a7b173e939392df7205a77e7-Screenshot_from_2019-03-28_19-32-46.png" />
<img alt="Screenshot_from_2019-03-28_20-09-41.png" src="/design/issue/raw/files/731f8b030503c3b3c6541147e5ce48ded8f9573b5908c469d880c6a382e7d27f-Screenshot_from_2019-03-28_20-09-41.png" />
Definitely that one.
I'm also loving that last one with the logo.
I'm a bit uncertain about the progress bar concept: progress bars have negative connotations - they are associated with waiting, boredom, slowness - not great things to associate with a brand, and not an enthusiastic set of meanings to associate with starting to use Fedora.
As a counter-example: one of the ideas behind the package concept I mentioned above was to associate installation with the excitement unboxing a new product.
I won't fight this point if everyone else is enthusiastic about the progress bar concept, though.
Last time such concept of unboxing a new product was attempted showed a cluttered icon hard to notice. The last icon simplifies the representation of an installation and looks more appealing. For that reason, the positive connotations outweighs the negative. Icons are evolving and we can always revisit them for improvement. Nevertheless, it would be nice to see an illustration of that counter-example.
While I intended to only provide the concepts, I also feel like the boxed progressbar is the weakest of them. I understand the appeal of the logo, but visually the monitor filling up is my favorite. I don't feel like the form factor would be a show stopper when the metaphor is so dynamic.
I'll try to come up with some more.
I guess the monitor ones confuse me bc I thought we couldnt do form factor / specific hw ones. There are also a lot of monitor icons out there, eg for wallpaper, display properties, and representing the system itself on a number of systems so it seems to mean change the desktop wallpaper to me.
The progress bar one actually looks like an installer. Even on android using the play store you get the logo for the app and a progress bar. It's a clear pattern and reads well. So for me its not the appeal of the logo its the legibility of the icon.
Going to post this just for completion.
<img alt="Anaconda.png" src="/design/issue/raw/files/e02c797031d2333fcfff72e0a644050278a00fe18c9fead0ef4fe59b35cabab1-Anaconda.png" />
Apart from the "packaging" vibes the legibility of the logo caused by the obstruction is probably not something we want.
... Even on android using the play store you get the logo for the app and a progress bar. It's a clear pattern and reads well. ...
Oh, I'd be interested to see what that looks like. Where is it in the play store...?
@aday
<img alt="Screenshot_20190403-103218_Google_Play_Store.jpg" src="/design/issue/raw/files/bd5d5d691462a8bed709e8cbf585092be301312627d2a9950b4aa046b04d5139-Screenshot_20190403-103218_Google_Play_Store.jpg" />
first it does a bar for downloading then it repeats for installing. on my phone usually the installing part takes longer.
Put the logo on the box?
I don't like how that makes the box either empty or needing something arbitrary inside. Not a fan of the faux perspective requirements here either.
<img alt="Anaconda.png" src="/design/issue/raw/files/e501a851aa47c693fb7a4ae1f15e6d575dc62e4a6abd507edff0f6924f4b2ab5-Anaconda.png" />
Here's the symbolic and fullcolor variants of the progressbar icon, which you liked, just so we have something to ship F30 with, while looking for a better metaphor.
<img alt="org.fedoraproject.AnacondaInstaller-symbolic.svg" src="/design/issue/raw/files/75a3ceeccdcf5b65f5bd491c050e914e8a660ac846570b5b21c665e1f4c8eb55-org.fedoraproject.AnacondaInstaller-symbolic.svg" /> <img alt="org.fedoraproject.AnacondaInstaller.svg" src="/design/issue/raw/files/4c2f296fee65fb7bb4536a3ff89dcf3af48b202ac791fe0fb523709e6a4e72a5-org.fedoraproject.AnacondaInstaller.svg" />
@jimmac - we can't ship the new logo in F30 - it's not approved by legal yet. I didn't realize this was for 30 :-/
version with the old logo -- <img alt="Screenshot_from_2019-04-10_14-27-50.png" src="/design/issue/raw/files/33ae89897927c133ce0affd5291b1f0ed2ae22ee1443f248012748331a5eac95-Screenshot_from_2019-04-10_14-27-50.png" />
Symbolic & Fullcolor variants based on the old logo.
<img alt="org.fedoraproject.AnacondaInstaller.zip" src="/design/issue/raw/files/89c04db6d4ac12503e6bc11ce3dd952baff7953ae59748ee7a2570cb4e93fde0-org.fedoraproject.AnacondaInstaller.zip" />
@jimmac thanks, I'm really sorry I didn't realize that upfront :(
(If you want to drop the little TM blip I think that would be OK)
No problem. I just want F30 looking less random :)
Here's the same deal, but with the TM dropped: <img alt="org.fedoraproject.AnacondaInstaller.zip" src="/design/issue/raw/files/3f2a20ac28858d677c6affd0a672b5c796ae912ebf6bc4a39d0c554d4b435520-org.fedoraproject.AnacondaInstaller.zip" />
Filed a bug in the RH bugzilla -- https://bugzilla.redhat.com/show_bug.cgi?id=1699034
New icon landed on the release -- https://bodhi.fedoraproject.org/updates/FEDORA-2019-552bdad2a3
Metadata Update from @duffy: - Issue assigned to jimmac
Metadata Update from @duffy: - Issue close_status updated to: Fixed - Issue status updated to: Closed (was: Open)
Login to comment on this ticket.