syfds / soundy

Simple GTK client to control your Bose SoundTouch speaker
https://syfds.github.io/soundy/
GNU General Public License v3.0
16 stars 4 forks source link

Better icon following the elementary Human Interface Guidelines Properly #7

Closed Suzie97 closed 3 years ago

Suzie97 commented 3 years ago

The current icon is simple and good. That is how elementary icons should be. But there are a few tweaks that can be done to improve it. Like adding a drop shadow, refining the borders etc.

I can do it if the developer is interested.

syfds commented 3 years ago

hi @Suzie97 , thank you for opening this ticket! I'm interested, since I have no experience in creating icons :-) Can you make a suggestion and upload it here in this ticket? You can suggest a completely new icon too if you have a better idea how it can look.

Do you have a SoundTouch speaker?

Suzie97 commented 3 years ago

hi @Suzie97 , thank you for opening this ticket! I'm interested, since I have no experience in creating icons :-) Can you make a suggestion and upload it here in this ticket? You can suggest a completely new icon too if you have a better idea how it can look.

Do you have a SoundTouch speaker?

I don't have a sound touch speaker.

Suzie97 commented 3 years ago

I will design the icons for all the sizes and then post it here in this issue.

You can add them😊️😊️😊️

Suzie97 commented 3 years ago

Btw, can I use the official sound touch logo? Or is Bose gonna sue the app? Let me know about the legal rules

syfds commented 3 years ago

hmm, I'm not sure we can use bose SoundTouch logo, so I would suggest we improve the existing one or create a new one. What do you think about it?

Suzie97 commented 3 years ago

I'm thinking of making a mirror image of the sound touch logo.

Like creating a pastel green cicle and then adding a sound touh inspired wifi cum music sign to it. (sorry, its hard to explain in words). I'll add the svg later today. You can check it out and propose any changes.

Also, Keeping it similar to the sound touch logo makes more sense in my opinion.

Suzie97 commented 3 years ago

Hey, the 128px icon is ready. But how do you upload svg files?

Soundy-128

The PNG does not look that clear and high resolution.

syfds commented 3 years ago

Looks good! Is it difficult for you to adapt the existing icon according to elementary guidelines so we can compare them and choose one?

Suzie97 commented 3 years ago

Looks good! Is it difficult for you to adapt the existing icon according to elementary guidelines so we can compare them and choose one?

It won't be difficult. I can do it.

Suzie97 commented 3 years ago

Blue Soundy Logo

I changed the color to blue because my girlfriend thought that it was the spotify icon. I agree. I looks too much like spotify. @syfds What do you think about blue?

Also, I removed the transperancy effect because it looks off when the background is dark.

Suzie97 commented 3 years ago

Soundy HIG Modified

This is the original logo modified according to the HIG.

JeysonFlores commented 3 years ago

Hey @Suzie97 That's a really great job! I would like to know what design tools or programs do you use to make those icons

Suzie97 commented 3 years ago

I use inkscape, affinity designer and figma. All three of them. I'm used to Affinity Designer the most but sadly its not available on linux. I'll probably be switching to Inkscape although its a bit harder to use in my opinion.

Suzie97 commented 3 years ago

Hey @Suzie97 That's a really great job! I would like to know what design tools or programs do you use to make those icons

Thanks for your compliment.

syfds commented 3 years ago

hi @Suzie97 , I like the modified original logo (with white play button in the middle). Can you make a PR with the svg files in 16x16,24x24,32x32,48x48,64x64 and 128x128? Let my know if you need help!

Suzie97 commented 3 years ago

I'll submit the PR in a few days.