numpy / numpy.org

The NumPy home page
http://numpy.org/
BSD 3-Clause "New" or "Revised" License
111 stars 106 forks source link

NumPy logo refresh #37

Closed rgommers closed 4 years ago

rgommers commented 5 years ago

Both @InessaPawson and @shoyer suggested a refresh of the NumPy logo recently. Summer gave that a go, tweaking the colors for more contrast:

numpylogo

Unfortunately she could not keep the logo in SVG. It hasn't been touched in a decade, and was made with some unknown tool that didn't align well with her tools. Does anyone remember who made the current logo, and how?

shoyer commented 5 years ago

It's OK if it's no longer SVG, but it would be nice to have a vectorized image of some sort, e.g., for printing at large scale.

The original commit (https://github.com/numpy/numpy/commit/c5b2f31aeafa32c705f87f5801a952e394063a3d) was by @cournape, and suggests that it was made with Adobe Illustrator: "Generator: Adobe Illustrator 12.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 51448"

stefanv commented 5 years ago

David says this could have been made by @tvaught.

charris commented 5 years ago

The green-blue faces look like they could use a bit more contrast, but looks good.

charris commented 5 years ago

David says this could have been made by @tvaught.

The logos at the top of scipy.org were mostly (all?) made by Travis Vaught. The image of the bug took a lot of work.

eric-wieser commented 5 years ago

An only-slightly-serious suggestion - export svg from an iteration of matplotlib's version of our logo https://matplotlib.org/3.1.1/gallery/mplot3d/voxels_numpy_logo.html

rougier commented 5 years ago

My 2 cents here but it might be good to reduce (or remove) the transparency that makes it difficult to read the logo and maybe change perspective a bit. Something like:

logo-numpy-variant

eric-wieser commented 5 years ago

Not sure about the angle or removal of the N, but I do think the transparency looks a little messy in the top image (and the current logo). The hard border you added might be a nice analogy for the "nd container of elements" model that numpy has, and also make it a little more suited to things like stickers.

jni commented 5 years ago

At scikit-image, we are looking to make a hexagonal sticker in the vein of the TidyR ecosystem and others, to make tiling a laptop easier. My only reservation with @rougier's suggestion is that it looks very similar to some top scikit-image logo proposals. =P

joeharr4 commented 5 years ago

While I'm not one to be too opinionated about logos, so long as they look nice, I prefer logos that contain at least some text indicating what project they're from! The S in the original scipy logo, the N in this one, or even the full name, as it's quite short. While we all use these projects daily and can keep the logos straight, it's just cubes and squiggles to most people who look at our laptop lids and water bottles. Ideally, a logo attracts the eye and directs the mind to your product. All we're doing here is attracting the eye. We could put the letters of "NumPy" in the blocks, put it below (a la Citgo), etc. I just think we serve the project better with a logo that tells people what it's for.

Also, just a nit, in Summer's logo, the darker orange panel in one of the faces is inconsistent with the others. It's supposed to be the right face of the left-neighboring block, not the left face of the containing block. I'm referring to the leftmost block with any dark-orange shading.

--jh--

philhodge commented 5 years ago

That looks very nice. Would it be possible to make the lines along the edges of the cubes converge to points at finite distances, i.e. to give it some perspective? I think that would improve it considerably.

seberg commented 5 years ago

I am +1 for being a bit more liberal about changing the logo (but it is not a quick task...). Another nice thing is that it can be made black and white (in other words, if someone spends some real time, I doubt there is much need for the old SVG file). Getting rid of the transparency seems indeed a good idea to make it clearer, although I do not know if the side/face contrast is currently high enough (at least without additional edges). The N is a big part of the current logo I guess, OTOH, keeping at 4x4 for the N does make it a lot more crowded maybe.

rougier commented 5 years ago

Here is another try:

numpy

rougier commented 5 years ago

And a slightly different one:

numpy

rgommers commented 5 years ago

Great to see there's interest in a larger redesign. @rougier very nice! Like the cubes. Not sure about a web link in the logo, that's unusual - why not just "NumPy" or "NUMPY"?

Colored variations on that from Summer:

rougier Numpy logo name below-02 rougier Numpy logo no name-01

matthew-brett commented 5 years ago

Hi,

How would it look with an N on all three visible faces?

For what it's worth, I like these colored versions.

Cheers,

Matthew

On Sat, Sep 7, 2019 at 8:38 PM Ralf Gommers notifications@github.com wrote:

Great to see there's interest in a larger redesign. @rougier https://github.com/rougier very nice! Like the cubes. Not sure about a web link in the logo, that's unusual - why not just "NumPy" or "NUMPY"?

Colored variations on that from Summer:

[image: rougier Numpy logo name below-02] https://user-images.githubusercontent.com/98330/64479472-4b35c900-d16c-11e9-8d49-71fc02cd539f.png [image: rougier Numpy logo no name-01] https://user-images.githubusercontent.com/98330/64479473-4b35c900-d16c-11e9-89d3-9679a0a9af3c.png

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/numpy/numpy.org/issues/37?email_source=notifications&email_token=AAAQQHFE6LDOCK5PRVDX263QIP7MJA5CNFSM4IQQLI4KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6FAYFQ#issuecomment-529140758, or mute the thread https://github.com/notifications/unsubscribe-auth/AAAQQHHVTMQA234R75RQHSDQIP7MJANCNFSM4IQQLI4A .

rougier commented 5 years ago

I like the colored version too. What are the colors and the font name ? I've upload the SVG at https://gist.github.com/rougier/25b3e70127ffe5472263ddea700a0233 for those who want to play with it. You can also do it from scratch using the isometric grid with Inkscape.

It might be also possible to "code" it using matplotlib once there is stabilized version.

InessaPawson commented 5 years ago

Since I’m listed as one of the ideators of the NumPy logo refresh, perhaps I should share my thoughts on the subject.:) It is a must for a modern logo:

Also to bring the existing NumPy logo to the 21st century its look should be simplified. Maybe like this? I can add color if you like the concept. NumPy1

InessaPawson commented 5 years ago

Based on the feedback received from the participants of the latest NumPy community call, I’d like for the community to consider the following ideas for the logo refresh. NumPylogo6 Numpy_logo7

InessaPawson commented 5 years ago

Here are the colored versions of the proposed above: NumPylogo6_color Numpy_logo7_color

charris commented 5 years ago

I like the #1 version best, #2 is a bit too busy trying to emulate transparency.

shoyer commented 5 years ago

I like the direction this is going!

But maybe the coloration could be a like more... snakelike? image

This is a little more evocative of the Python logo:

image

shoyer commented 5 years ago

Another variation on the snake+grid theme: image

eric-wieser commented 5 years ago

I think I'd prefer a coloring where the small cubes are uniform in color across their faces- numpy 3d arrays work in terms of volumes, not surfaces - so the first variant looks nicer there to me.

seberg commented 5 years ago

Think of the color as the value set using advanced indexing ;). Tried a bit with 3x3, after trying to color only sides (EDIT: Sorry Eric, just realized some of the snakes above the same small cube was colored differently. I agree about that!):

logo-tries

EDIT2: I think half/half split for the color is probably better (also becaues its closer to the python logo):

logo-tries2

seberg commented 5 years ago

Scikit image had some nice (but quite different) roundish cube logo ideas, which they probably will not use, so may be worth looking at. @stefanv would know where to look at them.

stefanv commented 5 years ago

I like the 2nd last and last ones of yours @seberg. It doesn't mess with my sense of perspective so much. My brain complains very loudly about #1 (and similar one above) for that reason.

Here are some beautiful designs we were looking at, but like Sebastian said we're currently leaning in the direction of something slightly different.

Hyperlogo design by Rogerio Maroja:

hyperlogo

Hypercube design by Guenevere Prawiroatmodjo:

scikit-image

seberg commented 5 years ago

The 3D perception not working out is one of the main issue I also have with some of the designs. @InessaPawson I am a bit curious, are black and white versions allowed to be gray scale to help the 3D perception be less confusing?

shoyer commented 5 years ago

I think I'd prefer a coloring where cubes are uniform in color across their faces- numpy 3d arrays work in terms of volumes, not surfaces - so the first variant looks nicer there to me.

Here's my attempt at a "3D snake cube" with consistent coloring + shading:

image

image

seberg commented 5 years ago

Uploaded my SVG with a bit of more trying here: https://gist.github.com/seberg/43b90615b853d195f0c09fbcc955a364 They are not tidy, but if someone wants to play with things its much nicer then pngs...

eric-wieser commented 5 years ago

@shoyer : Nice: I'd perhaps lean towards dropping the white lines between faces of the same cube (more like earlier images in this thread)

seberg commented 5 years ago

@shoyer : Nice: I'd perhaps lean towards dropping the white lines between faces of the same cube (more like earlier images in this thread)

Good point, I think in my tries that also works better/makes it a bit cleaner (will try to update it later, but my design is currently not clean enough to actually do it well...)

shoyer commented 5 years ago

No spacing is definitely a little cleaner, but it's not clearly an array anymore:

image

seberg commented 5 years ago

The idea was no spacing within a small cube I think. But it is a bit tricky, because the the spacing is irregular in some places then, at least unless you show the "hidden" sides, it is just a bit off, lots of things to fiddle around with :).

shoyer commented 5 years ago

Oh OK, that makes sense. Maybe something more like:

_NumPy logo mock 3x3

image image

as you can tell, we are quickly reaching the limits of my ability to mock something up in google drawings :)

seberg commented 5 years ago

Hehe, Its tricky. I tried around with it (also with your design) and clean up the whole thing. My design has the gap problem, so one version is cheated (I still somewhat like that hexagonal N idea). I uploaded the SVG to gist again: https://gist.github.com/seberg/9613b53e4854b2d3371175f290dd5763

![logo-no-gap](https://user-images.githubusercontent.com/61977/65365419-07ac7780-dbce-11e9-921b-fc045851c938.png) (I will claim that inkscape is strictly superiour to google drawings here ;p)
seberg commented 5 years ago

Ops Try that again (one version was accidentally deleted)

g5213-9

InessaPawson commented 5 years ago

The 3D perception not working out is one of the main issue I also have with some of the designs. @InessaPawson I am a bit curious, are black and white versions allowed to be gray scale to help the 3D perception be less confusing?

First of all, thank you all for contributing to this topic! It's wonderful to see so much creative energy! @seberg Grayscale is certainly allowed.

seberg commented 5 years ago

I think I like the 3x3 based designs best for now (without a huge preference). A big one is whether we want to retain the "N" in some form. It seems nice, but probably not really necessary. We can probably make 3 versions of the logo in either case. A mini version, without a "NumPy" text, the normal version with a NumPy text, and a "button" version with NumPy/numpy.org or so on the side, like Nicolas Rougieres versions.

seberg commented 5 years ago

Should call it a day. Tried toying with the text (the font is free for this purpose, but possibly not perfect actually writing text). I think my tries with Stephan Hoyers idea always turn out a bit too yellow :).

with-text

EDIT: Various versions with text, including grayscale ![with-text svg](https://user-images.githubusercontent.com/61977/65368981-79031f00-dbfc-11e9-86f7-d082b8c9fe80.png) (Put back one without the odd moving of the y, thought it might be nice to reduce the horizontal free space, but by now it seems like it might be too much)
joeharr4 commented 5 years ago

I like solid-cube coloring.  I like the latter of the scikit-image ones.  Also the last of the set of 5.  Fewer cubes are better.

Wouldn't we morally want one drawn using NumPy?

--jh--

On 9/20/19 11:37 PM, Stefan van der Walt wrote:

hyperlogo https://user-images.githubusercontent.com/45071/65360274-1b4ae480-dbb4-11e9-8fba-38cd541ee457.png scikit-image https://user-images.githubusercontent.com/45071/65360275-1b4ae480-dbb4-11e9-8ea9-65c0fb2ae18e.png

Here are some designs we were looking at, but like Sebastian said we're currently aiming for something different.

I like the 2nd last and last ones of yours @seberg https://github.com/seberg. It doesn't mess with my sense of perspective so much. My brain complains very loudly about #1 https://github.com/numpy/numpy.org/pull/1 (and similar one above) for that reason.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/numpy/numpy.org/issues/37?email_source=notifications&email_token=AAOJH2L66CBVWVP46BTXE2TQKU7DHA5CNFSM4IQQLI4KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7H57NY#issuecomment-533716919, or mute the thread https://github.com/notifications/unsubscribe-auth/AAOJH2O3OV6HZL27AWI6SHDQKU7DHANCNFSM4IQQLI4A.

eric-wieser commented 5 years ago

4th and 5th in @seberg's sets look the best to me so far. Not sure how I feel about the Py thing, and the N looks a little off in the 5th.

I also wonder if it's worth trying some cuboids with a non-equal number of cubes on each edge

charris commented 5 years ago

I still prefer the first version that started all this experimentation. It is simpler, and the colors do a good job of communicating the 3-D cube. I think the aim should be to have something instantly recognizable rather than explanatory.

seberg commented 5 years ago

Not sure which on the first version is, thought I would try the more classical one in the style above (doubt I got the perspective right):

classic

charris commented 5 years ago

I mean Inessa's first version up above. (https://github.com/numpy/numpy.org/issues/37#issuecomment-533641971)

InessaPawson commented 5 years ago

One of the hardest parts of the creative process is making a final decision.:) We might have to create a poll for it.

seberg commented 5 years ago

Just noticed the faint similarity of ours to the PyPi logo: logo-large 72ad8bf1

seberg commented 5 years ago

Btw. in case someone is curious, the current serif font used for the NumPy text in the long version of the logo is: TeX Gyre Pagella Math (of course its a tex math font ☺)

rgommers commented 5 years ago

I like the colored version too. What are the colors and the font name ? I've upload the SVG at https://gist.github.com/rougier/25b3e70127ffe5472263ddea700a0233 for those who want to play with it

Sorry about the very delayed reply. Colors are from this palette (also in use for the numpy.org redesign):

image

Font is Ubuntu Bold.

MostafaOkasha commented 5 years ago

Wow, these redesigns are amazing! Great job everyone for contributing to this, it's great to see people contributing. Where should we take this next? I mean, any of the exhibited logos seem much better than the current one right now.

stefanv commented 5 years ago

numpy-logo

Since we're throwing ideas out there, a design that emphasizes reductions, and still fits in a hexagon.