Modernize app icon, document icon #1055
Conversation
|
Looks very nice. Would it be possible add the original file as well? If someone wants to tweak the icon it would be easier to do. Also please consider a note about the copyright of the file to clear things up. |
|
Sure! What's the other art licensed as? Can't find it. |
|
@yusf is possible to make a grayscale version (light/dark mode) as well? I would like to use the newer icon include that as part of the menu bar icon feature I am working on (status item). and I am guessing people would prefer that to a colored menu bar icon that I have been using in my plugin. |
|
Just some thoughts on the icon:
|
I can try it but I'd probably derive the width from half the stroke width of the current, since the whole padlock symbol is based on only two size units
Yes. I roughly base the size decision on how Apple has done their other circular icons, Podcasts as an example: So, but imo the symbol would become a bit too small-scaled in comparison if shrunk. The overflow of the rectangles to the side is compositionally compensated for by the bottom section not being claimed. Also note that the symbol currently bounds to a completely square shape which is a good feature of any symbol imo. |
|
The clip part with half the width looks kind of measly.
|
|
I am not a designer, but the top part does look like it’s a bit off balance from the rest. |
|
Exactly. |
|
I do like the slimmer line width, using a 3 stripe lock is now possible. I think what puts me a bit off is that the ration has changed. The old lock is taller but you's gets more squary which I guess is the whole idea to make it more fitting inside a circle. I did dabble a bit a long time ago for a new icon and came up with this first draft: My initial idea was to keep the real object present but remove a lot of the texture without completely loosing the object. It's inspired by material design a lot as you might see. Your abstraction is nice but not so heavy that I would trust it doesn't age quickly. And to make it even worse, for me the most fitting icon would be something that mimics the password input, but sadly last pass has had that idea and I do not want to get close to their IP. Also this would require to to use the macOS dots instead of stars but this makes the icons look more like a more… button since it's in essence a couple of dots. |
|
I like that the (first) proposed icon kept the outer ring. Happy to see it in some of the upcoming versions. |
|
When you plan to update the icon , you have to consider the new icon style from OS X 11 (Big sur) 👍 |
|
My initial thoughts after having seen the icon style in macOS 11 was that actually the current icon hold up pretty well with some touch-ups. However I do like the proposed new one and we might be able to push the style more in the direction of macOS 11. |
|
Hi friends, Have been playing with a Big Sur friendly icon…
It needs a little more love… but it's a starter for ten! |
|
Nice! I think it can be more fully integrated into the Big Sur icon guideline, however. I would consider the Spotify/WhatsApp icon look seeing that the background panel of the current MacPass may be better replaced than added on top of the the Big Sur style background panel. 1Password has a stronger case of keeping both the round and the square shaped panels because of their branding. As for stylized versions of the padlock shown earlier in the thread it seems like Apple is doing a 180° wrt skeumorphism, so we should even consider skeumorphing it even more. 🤔 🤯 |
|
Just an FYI on the VsCode, Spotify, WhatsApp and Spark icons in that screenshot - they are user generated icons that I quickly replaced to test and see what things would look like side-by-side. |
If you just wait long enough, trends reappear. 😃 |
|
Had a further play this afternoon.
I'm not convinced by this direction yet. I have a preference towards the variant with the circle background… (Files in the Dropbox folder) |
This Icon is quite amazing, the further play looks a bit to realistic and too far away from the original |
|
Using the lock this way seems ok but I personally do not like the brass color. Also it might require a bit more realism and fine details but a lock is only a lock :) |
|
I've been using the offset padlock icon (👇) for quite some time now and it works pretty well. I'd like to make an iteration on that concept and suggest that as the official macOS dock icon.
|
|
The Sketch file is in the dropbox. I'm happy to take another pass at this if this is the direction that people want to go in… And by people, I probably mean @mstarke… |
|
@jamesdoc I do like "take1" a lot more than "take2". I thinks it's because of the brass vs. steel look. Also I am no fan of the cut circle. The centered circle looks a lot better in my eyes. I would extend on this a bit. Maybe I can give it a try. I will not include this in 0.8 but postpone the icon change for another release. If we are quick it might get included in 0.8.1. |
|
Honestly… I'm not convinced. Ditching the brass for steel in the off-centred logo: All of these are quick edits and need a bit more love |
|
To be honest. The white circle doesn't add anything for me. Look at the dock examples. Just a nice blue background with a bigger metal lock would give a stronger impression. |
|
I would try to do a proper 3D render of the padlock, with some nice lighting. |
|
Please go for it @yusf - it's been a long time since I did anything with Blender |
|
|
|
@yusf I do like the direction of this. |
|
Nice. I reworked the shackle, and some shading on the lock. |
|
Is it possible to automatically switch between dark background version and light according to OS theme settings? |
|
Not sure, but wouldn't it make sense to design just a single icon that works for both light and dark appearance? |
|
I prefer the dark one in that case. |
|
It's possible to programatically change the icon according to style. To change the icon if the app is not running, I need to add a DockTilePlugin which seems rather overblown. Another idea: This is a nice spot for plugins :) After having seen your updates, I did think a complete different style getting rid of the lock since it seems not ideal. |
|
The first one is cool and cheeky. I like that one |
|
Damn, looks good @mstarke! I agree the first one looks cool. |
This is a good quality 👍 |
|
Sorry, got carried away with the goofiness 😆 Vault closed: Vault open: |
|
Are we onto something here?! |
|
Sure feels like it! 😃 I like the App Store seriousness of this closed version, only revealing the goof once a database is opened. |
|
The braces are a funny idea but that's way to much in the silly department. Maybe we do actually add this as alternative icons. I do feel we might get somewhere with this idea. I did also think of the face looking a bit like a ninja. Another idea was to use the mouth like in the "will not tell emoji" 🤐. The inital direction was so only use real UI elements (The input field with the two dots as the eyes) and an empty input field to make the face but it seems to far off so we might actually go all in on the face (with only the eyes being a password field). And the on/off faces are also a nice idea which I would like to add if we will use this idea. |
Seeing all the further directions, I still like this one the most - by far 😊 |
Totally agree with you! |
|
Is it still contributed or do we have any alternative for mac? |
Do you mean if the project ist ist "alive"? The answer to this is a "on live support" but with the outlook to fully recovery. I'm very bound by my job so there's not much time dedicated to get things done on MacPass. I do use it every day so the tool is not abandoned by any means… |
I've refreshed the app icon and document icon according to the macOS icon grid and the circular app icon spec. Have a look.