joelekstrom / fastmate

A native Fastmail-wrapper for Mac.
MIT License
193 stars 12 forks source link

Icon BigSur Style #39

Closed melvinsalas closed 2 years ago

melvinsalas commented 3 years ago

I really like FastMate, it is a very good product.

Is it possible to change the dock icon to more BigSur style, i.e. square and round instead of circular?

Because, it doesn't match on dock

CleanShot 2021-05-19 at 09 47 34@2x

Thanks :D

joelekstrom commented 3 years ago

Hi! Thanks so much for using Fastmate 😊

you’re right - I should probably have a go at de-rounding the icon. I’ll put it on my todo list!

sddgit commented 3 years ago

Here's one for your consideration. I think it's in the correct format.

icon.icns.zip

joelekstrom commented 3 years ago

Hi @sddgit and thanks for the icon! Since it's the official logo I can't put that in the build - but it's nice to keep here if anyone wants to manually use that icon on their own Fastmate installation.

sddgit commented 3 years ago

OK, no problem.

melvinsalas commented 3 years ago

I worked on this one (the third), what do you think?

CleanShot 2021-06-08 at 13 20 24@2x
sddgit commented 3 years ago

I think that looks pretty good. Could you try the 3-colour envelope on the blue background for comparison?

melvinsalas commented 3 years ago

Sure!

CleanShot 2021-06-08 at 20 42 32@2x
sddgit commented 3 years ago

Great! Any chance of uploading those four in icon format to try in real life?

melvinsalas commented 3 years ago

I converted png to .ico files. Let me know if you need it a change or if you want the adobeXD file.

iconpack.zip

sddgit commented 3 years ago

I can’t use the icons for the Fastmate app. I'm really not sure of the technical aspects of icons. When I click on one of your icons in Finder, it says it's a Windows icon file. The icon I have has a .icns extension, and is identified as an Apple icon image. Dragging one of your icons to the icon area of the Info window of Fastmate doesn't work - I just get a generic icon for the app.

melvinsalas commented 3 years ago

Can you try these?

icnspack.zip

sddgit commented 3 years ago

They're actually a little big. I’ve attached some screenshots of the dock, and screenshot of the properties of the Apple Mail icon.

Screen Shot 2021-06-10 at 10 52 08 am Screen Shot 2021-06-10 at 10 52 40 am Screen Shot 2021-06-10 at 10 57 33 am

On a dark background, I think the "white" versions look better, but depart from the original quite a lot, so might not please the author as much! Rounded matches the Apple Mail icon better. Getting picky, but maybe a lighter blue background?

melvinsalas commented 3 years ago

I'm just playing about the design, I work on this. icon design.icns.zip

CleanShot 2021-06-14 at 09 08 10@2x

or... open

CleanShot 2021-06-14 at 12 20 00@2x
sddgit commented 3 years ago

That looks really nice - well done, and thank you! Let's see if it gets picked as the "official" icon.

joelekstrom commented 3 years ago

Hey @melvinsalas I really like the open one! The top one is a bit too close to the Apple one IMO. Perhaps the background color should change slightly too so it's not too close

Also, sorry for taking so long to respond, have had a lot of stuff going on lately.

melvinsalas commented 3 years ago

Don't worry.

Something like that?

CleanShot 2021-06-23 at 12 11 30@2x
joelekstrom commented 3 years ago

Yeah that looks pretty great to me! I'm not sure about the vertical centering - should it be moved up a bit? 🤔 I really appreciate the efforts btw.

To make it available in the Fastmate build, I'll need it in 3 different sizes: 1024x1024, 512x512 and 256x256. If you provide a 1024 I can scale that down too.

woodjosiah commented 2 years ago

This seems like it stalled out a bit ago. I've really enjoyed using @melvinsalas design, so I recreated it in Sketch. I'll admit it's not perfect, so I'm including the Sketch file so someone else can tweak it more if they'd like. If this helps the icon to be updated to be Big Sur/Monteray style in a future build, awesome! No worries if you want to go in a different direction. icon@256 icon@512 icon@1024 Fastmate Icon Sketch.zip

joelekstrom commented 2 years ago

@woodjosiah Thank you very much! 🙌 Looks pretty great to me, I'll try that out ASAP.

joelekstrom commented 2 years ago

@woodjosiah Tried it out and it looks great! Will likely ship it with the next update. However, I think it needs some additional margins to match the size of xcode, safari etc, as you can see in the bottom of the screenshot. Apple has published a Sketch library for macOS with resources, and a production template for icon sizes: https://developer.apple.com/design/resources/ maybe that could help

Skärmavbild 2022-02-09 kl  19 48 22
woodjosiah commented 2 years ago

@joelekstrom Oops, I had 'trim transparent pixels' turned on in Sketch. Try the attached ones instead. Fastmate Icons.zip

Update: Changed the zip file to not be a .iconset

joelekstrom commented 2 years ago

Awesome, thank you! Looks great 😊

melvinsalas commented 2 years ago

Oh, sorry, I forgot to respond. Anything I can help with the logo, I'm also available. ;)

joelekstrom commented 2 years ago

@melvinsalas of course, you could give your blessing that I ship the icon from @woodjosiah? It's your design after all! (I'll properly attribute you both in the update notes).

Looks like this btw!

Skärmavbild 2022-02-09 kl  21 20 24
melvinsalas commented 2 years ago

Thanks @woodjosiah and @joelekstrom Thanks for your support in this forgotten ticket. Let's hope that this new design will prosper.

joelekstrom commented 2 years ago

Added and will be out with the next version! @woodjosiah if you would like to share it it would be nice if you could add the Sketch files to this repo, making the icon also available as open source and tweakable in the future

woodjosiah commented 2 years ago

@joelekstrom Totally! It’s actually included in my original comment, it’s the attachment labeled “Fastmate Icon Sketch.zip". If there's somewhere else you’d like to see that file go, just let me know.

joelekstrom commented 2 years ago

If you upload it here to the root folder (name it icon.sketch for clarity) via a PR, GitHub will list you as a contributor to the repo

Skärmavbild 2022-02-10 kl  13 47 17