flxzt / rnote

Sketch and take handwritten notes.
https://rnote.flxzt.net
GNU General Public License v3.0
8.03k stars 276 forks source link

New icon? #114

Closed bertob closed 2 years ago

bertob commented 2 years ago

The current icon doesn't quite fit the HIG, would you be interested in help with a new one?

Here's a first idea I had, but I'd be happy to try something else:

image

ryleu commented 2 years ago

It would probably be better too just make an icon pack for it. It looks great with GNOME, and the alternative in the Papirus icon pack also looks great.

bertob commented 2 years ago

Ping? Happy to try some alternatives if you don't like the direction above :)

flxzt commented 2 years ago

Thanks for the offer, and sorry for not responding at first. I was pretty concentrated on fixing and refactoring rnotes internals.

Do you have more ideas? A thought from me, maybe the icon would not even need to have a pen? Having some prominent nicely shaped bezier curves could also give the hint as a handwriting drawing app?

My own first attempts for a new icon:

new_icon_selection

and some other icons from I liked the style while browsing the software center, maybe to give a direction

2022-04-24_19-10-07_selection

What are your thoughts?

bertob commented 2 years ago

Here's an attempt at doing something in the direction you suggested:

image

flxzt commented 2 years ago

Thanks, I personally like this a lot! I think this is the right direction. Is the "R" good as a shape or should there be something different like some indicated handwriting and curves like in your first proposal? I don't really have a opinion on that, the R was only the first idea.

I know the steel blue I have currently chosen is not really a good color against dark backgrounds, but maybe we could play around with those tones and do a lighter / more contrast variant of it for the book cover?

And thank you so much for the work, it is very appreciated!

bertob commented 2 years ago

Is the "R" good as a shape

I think with the current name it's pretty good, also because the way it's drawn indicates handwriting. That said, the current name isn't that great, so maybe we don't want to connect the identity to that, so it's easier to change later. If you're interested in brainstorming some potential alternative names more in line with the naming guidelines, I'd be happy to help :)

Here's an attempt at a steel blue cover, but I think the red felt much more interesting and visually balanced:

image

flxzt commented 2 years ago

Good points. I agree that we maybe should leave the option to change the name later. Let's go with the red, and what you think looks best for the rest. :)

bertob commented 2 years ago

Here's another attempt at something generic without the "R":

image

bertob commented 2 years ago

Another try:

image

flxzt commented 2 years ago

I totally missed how great spiro splines can look! I could not help it but playing around with it myself. (while going back to the blue-grey color). I think this could be the convergence of the previous ideas? Vorschau

bertob commented 2 years ago

The dark cover doesn't work, the outer edges of the icon need to be light-ish, so they don't blend in on dark colors (light on light is fine because of shadows, but that doesn't work for dark).

As for the spiro, the bottom part looks fine but the top feels a bit lost. If that was fixed I think it could work.

Also, I don't think the horizontal red line works, I'd drop it or maybe try a different color.

flxzt commented 2 years ago

hmm. I am aware, but I had hoped you'd approve (since I moved the binder color gradient so that the bright color is on the left, and the bottom border color is also relatively bright.) All I can say that imo it does not look all that bad with the contrast, on my screen at least.

e.g. here (obfuscate arguably is worse contrast-wise) grafik

Next iteration, with your other suggestions and thicker bottom border:

Vorschau

bertob commented 2 years ago

Hmm, it's still a bit dark, but I guess it's fine. The spiro works for me :+1:

Now we just need a nice symbolic. Could try just the spiro shape maybe?

flxzt commented 2 years ago

🥳 I am relieved. Yes absolutely, if that is possible within the few pixels I could imagine that it'll look great

bertob commented 2 years ago

Maybe it could be a slightly simplified version of the spiro, e.g. one less curve?

flxzt commented 2 years ago

sure :) my only concern on first thought with it is that it could start looking like a question mark

flxzt commented 2 years ago

the spiro could just be flipped to avoid this, probably makes more sense for most right handed writers anyways

bertob commented 2 years ago

Could be worth trying, yeah.

flxzt commented 2 years ago

I couldn't get the app icon preview to take the symbolic, so here is it in the symbolic preview app: grafik

Or:

grafik

And the flipped version: Vorschau

bertob commented 2 years ago

I couldn't get the app icon preview to take the symbolic

That's odd, how are you drawing it? I'd recommend starting from scratch with the template from app icon preview, and doing both of the icons on the same canvas.

The icons look good though :+1:

flxzt commented 2 years ago

Just edited the comment, not sure which of both options is better for the symbolic.

That's odd, how are you drawing it? I'd recommend starting from scratch with the template from app icon preview, and doing both of the icons on the same canvas.

I tried that, but it just doesn't show the symbolic :/

bertob commented 2 years ago

I prefer the second one, looks more dynamic.

I tried that, but it just doesn't show the symbolic :/

Hmm, does the file name end in .Source?

flxzt commented 2 years ago

no, but I can't get it to work either way. Probably doing something wrong inside Inkscape..
Anyways, I'll merge this new icon and the second symbolic. Thanks again for your ideas, input and feedback and the previous work that can be utilized here. I think the end result is very pleasing!