Recreate Icon

[AlexPerathoner]

• too big

[kaydenanderson]

do you have any attachment to the bird design? i’d love to create an icon for you!

[AlexPerathoner]

That would be really cool! I'm not really attached to it. The bird comes from the original name of the app, but now it doesn't make sense. And even though I like the way it looks in the menu bar, a change would be good.

btw: ignore the reaction to the comments, they are from a kinda-broken automatic workflow which I'll fix these next days

[kaydenanderson]

hey! i've got a quick first draft here: what would you like me to change? (or start over, in case you don't like it) i'm more than happy to change anything at all :)

edit: and a menu bar icon!

[AlexPerathoner]

Looks great! I feel like the inside is a bit too small, something like this is perhaps better?

Not too sure about the menu bar icon though, kinda reminds me of a middle finger xD

[kaydenanderson]

@AlexPerathoner hey! sorry for the super late work. here's a rethought design - early stages, of course - that's kind of representative of the size difference and purpose of your app. it looks a little barren, and im super open to hearing any ideas on what else to include. anyways, here's how it looks right now: do you want me to add/remove/change/start over? i'm super open to ideas :) let me know!

[AlexPerathoner]

This also looks great! What was the thought process behind the mouse pointer? btw I think this shape should work well in the menu bar, too 💯

[kaydenanderson]

i was thinking that the cursor would help demonstrate the size of the hud - especially since the native macOS hud is known to be massive, and your app is called “slimhud”.

is there anything else that you want put into it? objects, colors, etc.

also, what kind of menu bar icon are you envisioning?

[AlexPerathoner]

What about this?

I think that, thanks to the large amount of white, it still gives a feeling of "slimness". If you're happy with this change I'd ask a couple of people which one of the two they prefer, and add the winner in the next release

For the menu bar I was thinking about something similar: But if it's so small it doesn't look good, in fact it gives a "chunky" feeling, opposite to its bigger version. I also tried the first menu bar icon of last week, but I think it looked a bit anonymous:

[kaydenanderson]

awesome! are you liking the anonymous look or do you want me to draft up a new menu bar icon consistent with the icon? or something new? it’s not my icon - so my opinion isn’t as significant as yours. but i do think that it does look better without the cursor, actually :) let me know!

[AlexPerathoner]

If you could create a draft for the menu bar it would be really cool - but I don't think it needs to be consistent with the icon. I'd prefer it to be recognisable and nice looking. We can also keep the bird, the one up there is pretty nice :3

[kaydenanderson]

sounds good! i was worried i couldn’t measure up to the bird 😆 i’ll get on refinements for the final design.

[kaydenanderson]

heyo! i just finished a copy of the main app icon. still workshopping the menubar icon - though chunky, i think the square icon deserves a chance haha let me know what you think! and here are some menu bar icon drafts

[AlexPerathoner]

I've created a google form with all the icons (except for the one with the mouse, sorry ahah). Send it to some people and in a couple of days we'll decide on which to use

[AlexPerathoner]

Regarding the icon they were overall all really close (except the bird xD) However, 1 was by far the one that won "slim, clean" and, together with 2 was the most liked one. 3 was the most recognisable, followed by 2, 6 5 by far the most "macOS" one

So I would go for something between 1 and 2

Could you please also send me the file for the first icon? I guess that was done with Sketch too, right? I'd like to try adding some shadows as that's probably what gives the "macOS" look to the 5

[prcmelo]

Maybe I'm too late for the party, but following the beautiful idea from @kaydenanderson I would like to share my icon idea

Also, I'd like to say that I've always been a huge fan of this project, and if I'm allowed, I'd like to make two suggestions...

1 - An option to hide the icon from the menu bar

2 - Eliminate the shadow that overlaps the background when we change the volume, or brightness

This project is wonderful, no matter what, keep going please ;-)

[AlexPerathoner]

Hi @prcmelo , thanks for the icon, the shadows effect is something we will definitely use in the final design. Regarding your suggestions: for 1 there's these issues: #105 #106 ; while 2 is already in the settings, under the "Style" tab, "Shadows" checkbox

[prcmelo]

@AlexPerathoner thanks for the answer. I think I didn't explain it well when I talk about shadows. See the attached image, the shadow of the "current volume" (01), is overlapping the background of the "total volume", (02), thus creating a very dark shadow due to the fact that there are two shadows, (from 01 and 02), one on top of the other. See if the image makes it clearer what I'm trying to say, please. Oh yes, sorry, I didn't know if I needed to open a new thread for this, so if needed, you can move this thread to a new one, please. Thanks again, and greetings from Rio de Janeiro, Brazil.

[AlexPerathoner]

Which is best @kaydenanderson ?

[kaydenanderson]

hey @AlexPerathoner! i'm so sorry - i didn't get an email about this comment (at least, i don't think!) i prefer 1. it looks the most macOS-like. sorry about my inactivity! it's midterms flagging week ahaha slightly off topic of this specific issue but i also downloaded and built the latest push for your settings redesign. it looks great! i'm not sure what's happening in the dark > light transition; do you think it could be a storyboard issue? are there specific storyboards that can be used with dark and light appearances?

[AlexPerathoner]

Hi, fortunately the 1. is the one I chose ahah (with a bit different colors, tho)

No idea on the dark / light transition. In fact, it should be handled by the OS