hyperspy / exspy

EDS and EELS data analysis with HyperSpy
https://hyperspy.org/exspy
GNU General Public License v3.0
10 stars 10 forks source link

Making a Logo #17

Closed CSSFrancis closed 8 months ago

CSSFrancis commented 10 months ago

Describe the bug

We should make a logo for exspy.

I've just mocked up a simple logo based on a combination of the Rosettasciio logo with the snake and the hyperspy logo. Eventually we can try to make something better but maybe this is a good starting place.

exspy2_white

jlaehne commented 10 months ago

What comes to my mind is something based on a mockup of the inner atomic shells that are important for both EDX/EELS - something like a simplified version of the following? exp_edx-scheme

One could consider using the coloring of the hypercube for the different shells to make an association to the hyperspy logo, maybe also make the shells slightly elliptic/or 3D to get away from a darts board like representation? Like a cut-open ball model with colored shells.

CSSFrancis commented 10 months ago

I generally don't like 3D for logos as it's hard to do right. I kind of like making letters too. Maybe we can have the shells and then something like an incoming electron an X-ray scattered off and then a scattered electron making a y?

CSSFrancis commented 10 months ago

I tried something, but I don't thing it really worked out as well as I thought I would have :) drawing

CSSFrancis commented 10 months ago

exspy3

CSSFrancis commented 10 months ago

Just mocking somethings up....

Edit:

Making the lines a little thicker:

exspy_full_Layer 1_copy_3

jlaehne commented 10 months ago

Played with the ideas a bit further:

exspy

I really like the last version with italics and a small e for electrons and large X for X-rays.

jlaehne commented 10 months ago

The last one also in a dark mode version (like for LumiSpy I would propose to have both versions):

image

CSSFrancis commented 10 months ago

@jlaehne I think that looks good! The dark version with a sans serif font looks better than the options with a serif font.

Maybe things might look a bit better if the font and rings are w a bit thicker but that's just a minor thing to play around with.

All together I like it :) and I think the y looks cool.

jlaehne commented 10 months ago

I looked for a font that matches the rounded head lines I used in the y and that is indeed best with Nunito. I made the rings a bit thicker and experimented with a slightly thicker version of the font. However, in the thicker version, the wiggled X-ray line does not look good any more, so I would stick with 'Nunito light it':

exspy

I used the same font for a holospy logo: https://github.com/hyperspy/holospy/issues/20

CSSFrancis commented 10 months ago

@jlaehne sounds good to me! I think I dont have the font installed so the svg didn't render properly.

You're right that the little thicker line for makes the x ray a little weird.

jlaehne commented 10 months ago

Then here comes a png preview to avoid any font issues (the final svg will then have the text converted to a path): image

As said, I would go for the upper set.

ericpre commented 10 months ago

Thank you @jlaehne and @CSSFrancis, this is already quite good. I really liked @jordiferrero's contribution to lumispy and rosettasciio logos, @jordiferrero, would be interested and have time to do some of your magics?

jordiferrero commented 10 months ago

Thank you @jlaehne and @CSSFrancis, this is already quite good. I really liked @jordiferrero's contribution to lumispy and rosettasciio logos, @jordiferrero, would be interested and have time to do some of your magics?

I love making logos - this is what I came up after 30min. Any comments? image

jlaehne commented 10 months ago

Thanks @jordiferrero for jumping in so quickly. Your wave is definitely better than mine, I realize that I squeezed in too many lobes. I still like the idea though that the scattering occurs on one of the shells, even if it leads to an overlap of lines. Not sure if the arrow heads are necessary (the upper left line would be the incoming electron and the lower left one the outgoing).

Based on your design, I improved on my last proposal (better wave, less strict shape of the y with respect to the one from the font, more pronounced snakehead) and can now even accomodate the slightly thicker font that @CSSFrancis was proposing:

image

Edit: Only point is that it looks like having a capitalized Y, but I would still write the package eXSpy.

CSSFrancis commented 10 months ago

@jordiferrero If you want some more logos to play around with there is always https://github.com/pyxem/pyxem/issues/984 https://github.com/pyxem/diffsims/issues/192 and https://github.com/hyperspy/holospy/issues/20 (I'm only kind of kidding)

Although it is nice to have the scattering from some shell of the electron I think I like @jordiferrero's design with the cut away from a aesthetics perspective as it does make things look less busy. The "y" is kind of lost on me in that design and I don't know the top rays have to be quite that long. I would just make it a lower case y by moving it down and chopping off part of the incoming electron and outgoing x ray.

HanHsuanWu commented 9 months ago

interesting to see how the logos progresses lol. Nice

CSSFrancis commented 9 months ago

interesting to see how the logos progresses lol. Nice

No one ever said that we were quick about these kind of things :) The Rosettasciio logo thread was fun to follow as well.

In any case how do we feel about something like this? Some one who is better at making logos might have to make it so that

PNG exspy2

SVG exspy2

ericpre commented 9 months ago

Thank you @CSSFrancis, @jlaehne and @jordiferrero for the mockups. I am not I like the italic font and the elliptic shells. I find one of @CSSFrancis's early version (in https://github.com/hyperspy/exspy/issues/17#issuecomment-1868307005) quite simple and nice - the position of the shells doesn't look right though!

jlaehne commented 9 months ago

Based on feedback from @CSSFrancis: y a bit smaller again and lower and lines not overlapping (can still be optimized if we go for it). For @ericpre a non-italic version.

image

I like the "elliptic shells" as a kind of tilted view, because I find it plays better with the scattering process being closer to a 'y'.

francisco-dlp commented 9 months ago

The logo looks great. Before Christmas I started thinking on a different approach that involved placing the letters inside squares representing an unfolded tesseract, but styled as a periodic table. I am glad that I didn't try to implement this idea, since I like more the shells logo above.

A small suggestion: what about moving the head of the snake to the wobbly line?

ericpre commented 9 months ago

Thank you @jlaehne, the shells are looking good. I still feel that that there are some proportions that are not quite right: maybe increase the "thickness" of the font (something similar to the lumispy and rosettasciio logos?) and align the Y to be lower case (at the moment, it seems to be in-between lower and upper case).

The snake on the S seems to have become a pattern, first introduced in the lumispy logo and then used in the rosettasciio logo! ;) It would be nice to keep this pattern.

jlaehne commented 9 months ago

The y was more like the lower case one in https://github.com/hyperspy/exspy/issues/17#issuecomment-1872211560 Then from https://github.com/hyperspy/exspy/issues/17#issuecomment-1874264870 I thought that for a logo I should maybe not be so strict on that.

I already pushed the font thickness, but with more the y will start looking odd, in particular the x-ray photon wave.

I can slightly optimize the shape of the y, the cutout of the shells and the snakehead, but before I spent time on that would like to decide between the following options, so lets have a vote to converge a bit further!

jlaehne commented 9 months ago

We need more opinions in the poll here @CSSFrancis @hakonanes @francisco-dlp @jordiferrero @HanHsuanWu

hakonanes commented 9 months ago

Voted. Great work, I think the logo perfectly captures the relevant spectroscopies. I like the colors, too!

jlaehne commented 9 months ago

OK, I'm outvoted. Here is the result:

image