Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Provide missing graphics #77

Closed
3 tasks
jimmac opened this issue Dec 11, 2020 · 16 comments · Fixed by #86
Closed
3 tasks

Provide missing graphics #77

jimmac opened this issue Dec 11, 2020 · 16 comments · Fixed by #86
Milestone

Comments

@jimmac
Copy link
Contributor

jimmac commented Dec 11, 2020

I think the number of default sounds should be kept at a minimum. Currently the fold is somewhere at the 6 item mark. I would suggest de-emphasizing additional sounds by providing them in a more compact list below, perhaps using a symbolic icon or no icon at all. This would also help avoiding issues like this one.

For now, Blanket should at least not present broken images, so it will need:

  • Waves
  • Stream
  • Birds
@jimmac
Copy link
Contributor Author

jimmac commented Dec 11, 2020

Concept for the waves:
image

@jimmac
Copy link
Contributor Author

jimmac commented Dec 11, 2020

Stream is a little less successful for now...

image
image

@rafaelmardojai
Copy link
Owner

Thanks for working on this!

We're also missing icons for Train, Boat and City (see #50).

I would suggest de-emphasizing additional sounds by providing them in a more compact list below, perhaps using a symbolic icon or no icon at all.

Yeah, definitely I will go that way.

@rafaelmardojai
Copy link
Owner

I really like the Waves concept.

Both Stream concepts also look cool, and I can't decide 😂.

@jimmac
Copy link
Contributor Author

jimmac commented Dec 11, 2020

Not quite the bird you'd like to fall asleep to:

image

@rafaelmardojai
Copy link
Owner

Not quite the bird you'd like to fall asleep to:

But it fits with the geometric style 😅.

I like it, but what if it has a friend?

@jimmac
Copy link
Contributor Author

jimmac commented Dec 11, 2020

While working on these, I've grown convinced that the fullcolor icon style is not appropriate for these. I think the symbolic icons would be more appropriate. If you're really into a larger illustration, I bet hairline/outline style would feel way more elegant.

image

@rafaelmardojai
Copy link
Owner

While working on these, I've grown convinced that the fullcolor icon style is not appropriate for these. I think the symbolic icons would be more appropriate. If you're really into a larger illustration, I bet hairline/outline style would feel way more elegant.

Yes, you are right. And the outline style will help to have a bit more detail compared to a regular symbolic icon.

My only concern is if this style will feel out of place in GNOME.

@jimmac
Copy link
Contributor Author

jimmac commented Dec 11, 2020

There are always special cases. Considering these to be image assets (perhaps even animated) and not icons, I think it's a area where Blanket can be a great first test bed. There's some experimental Lottie support being worked on by the gtk developers, but for now I'll take a look at producing some 64x64px nominal static SVGs.

@haggen88
Copy link
Contributor

some ideas... concepts.zip

@rafaelmardojai
Copy link
Owner

There are always special cases. Considering these to be image assets (perhaps even animated) and not icons, I think it's a area where Blanket can be a great first test bed. There's some experimental Lottie support being worked on by the gtk developers, but for now I'll take a look at producing some 64x64px nominal static SVGs.

Go ahead, I think we can do something cool here. Definitely animated icons will look awesome in the future.

@rafaelmardojai rafaelmardojai added this to the 0.4.0 milestone Dec 27, 2020
@jimmac
Copy link
Contributor Author

jimmac commented Jan 6, 2021

The one thing before figuring out the animated icons might be to de-emphasize the inactive sound icons with something like opacity: 0.8;

@jimmac
Copy link
Contributor Author

jimmac commented Jan 6, 2021

Alternatively having them blue when active would be better, but I'm not sure it's doable without duplicating assets.

rafaelmardojai pushed a commit that referenced this issue Jan 6, 2021
@rafaelmardojai
Copy link
Owner

Alternatively having them blue when active would be better, but I'm not sure it's doable without duplicating assets.

There's no way to make them "colorable" with CSS like normal symbolic icons? I suppose they can't because they are made with strokes.

@jimmac
Copy link
Contributor Author

jimmac commented Jan 6, 2021

Strokes should be fine, worst case they can be converted to outlines. I'm not sure renaming to -symbolic will magically make it work though.

Edit: It seems to work. Patch incoming.

@archisman-panigrahi
Copy link
Contributor

archisman-panigrahi commented Jan 7, 2021

Can we have the pastel effect (as in the attached images) instead of just the blue outline? It would look way cooler.

@jimmac Maybe you can draw by hand (I am assuming that the "concept" images were hand drawn), take a picture and then convert them to svg (various tools can do that). They certainly look better than the outlines.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants