mapbox / maki

A POI Icon Set
http://labs.mapbox.com/maki-icons/
Creative Commons Zero v1.0 Universal
1.51k stars 214 forks source link

re-draw the school icon #434

Closed natslaughter closed 2 years ago

natslaughter commented 6 years ago

The current school icon is something I am more embarrassed by than proud of, and I would like to remedy that. The icons are prevalent on Mapbox core style maps, and should be a great icon.

Here are the current school icons:

screen shot 2018-05-31 at 9 54 42 am screen shot 2018-05-31 at 9 54 50 am

next steps

bhousel commented 6 years ago

Yeah this one is tricky!

FWIW, I think the icon looks ok as-is. But in iD we are using it for a lot of different kinds of school POIs, from nursery school up to high school, and it's difficult to make an icon that conceptually covers all these usecases (I've always thought it looks kind of silly on both nursery or high school - they're not really measuring things with rulers).

We may also have some presets that use this icon in a totally odd way (music school / dance school / driving school) but in those cases I think we should just pick a different icon.

eschow commented 6 years ago

I agree with @natslaughter that the icon can be revisited but also agree with @bhousel that it'll be super tricky. While I don't think the icon accurately reflects what I think of when I think "school," reading the different use cases @bhousel described above are interesting ones to dig into to understand how the icon is being used and why. Excited to follow along!

MwithHook commented 4 years ago

So this is pretty unusual for a school icon. Take a look at common ones. We should really have a building with a clock/flag. Might not be typical realistically anymore, but people recognize it instantly, it's by far the most popular symbolic representation of a school.

SDNTV commented 4 years ago

Please redraw the school icon! I suggest an APPLE. All Americans associate an apple with teachers/schools. It's simple and will be discernible no matter its sizing.

todrobbins commented 4 years ago

The temaki icon is a bit clearer, but a building is probably better:

Udobnyj commented 2 years ago

I did some work here. Like I said at the grooming meeting. First, my idea was a globe, but I forgot that we already have one. πŸ˜… So I started thinking that the school is the most connected with pens, rulers, books, and backpacks.

Screen Shot 2022-05-19 at 16.59.49.png

I chose two options:

  1. Graphically updated our classic icon school.svg Studio link

Screen Shot 2022-05-19 at 14.21.10.png Screen Shot 2022-05-19 at 12.50 1.png

  1. Backpack icon school.svg Studio link

Screen Shot 2022-05-19 at 14.21.19.png Screen Shot 2022-05-19 at 13.55 1.png

@tjukanovt @willymaps What do you think?

willymaps commented 2 years ago

Graphically updated our classic icon

@Udobnyj I really like this one! The ruler might be too large in comparison to the pencil, but feel free to open a PR.

🌢️ – I wonder if we really need this icon? College or library seem more consistent with other school icons and differentiating between levels of education in our map styles might not be that important?

tayalav commented 2 years ago

Maybe you could try globe for school? Screenshot 2022-05-23 at 18.58.58.png

Udobnyj commented 2 years ago

@willymaps Thank you for the comment. I'll change the ruler a bit. Answering your question: I'm not sure about it Β―_(ツ)_/Β―. For me, the Library and College icons are too specific. Maybe we can use the college icon for schools, but for me, the school is closer to the Kindergarten (as far as I know, we have no Kindergarten icon too).

@tayalav, hey! I wrote about it in my comment. Unfortunately, we already have a globe icon in Maki, which isn't for schools.

Udobnyj commented 2 years ago

@willymaps

Did four options

school.svg Screen Shot 2022-05-24 at 11.19.38.png

school.svg Screen Shot 2022-05-24 at 11.20.02.png

school.svg Screen Shot 2022-05-24 at 11.21.37.png

school.svg Screen Shot 2022-05-24 at 11.26.03.png

tayalav commented 2 years ago

The main idea of this task is to rethink the symbol concept. I agree with @natslaughter that pencil and ruler is hard to distinguish on the map ngl

Udobnyj commented 2 years ago

I figured out that globe icon that we already have globe is not really useful, because it's using to represent map & globe stores, cartographic service companies, etc. which I think is too specific. But, we can easily take it and use it for schools.

I checked this information with Nikolay Lebedev, and everything turned out exactly like that. We use this icon only 32 times worldwide. image (1)

Anyway, I checked another map's services. And here is what I've got.

Frame 1

Baidu, Weibo, and Naver are using unique icons for school. Google and Yandex use the one for school and university.

I think we can go both ways. If we need this special icon, we can take the globe one. But we can just cut it off and do like Google and Yandex. After all research, I think the best way will be to just kut it off, but I wanted to hear your thought once again. @willymaps @tayalav

tayalav commented 2 years ago

So nice! Personally, I prefer to apply unique icons for the school. Globe is a really good metaphor for that❀️🌍 btw, currently, school icons are applyed for school and kindergartens dataset

Screenshot 2022-06-01 at 19 12 27
Udobnyj commented 2 years ago

@tayalav Yeah. I didn't know that we were using one icon for school and kindergartens. I think it's an excellent point to separate this icon. Because one icon for universities and schools it's ok, but kindergartens are not suitable here. The university icon is different from the kindergarten icon on all services where I checked this.

So let's do it! Let's start using the globe icon for schools and kindergartens.

How can we do it? Do I need to ask somebody or we can do it ourselves without the help of other people

melanieimfeld commented 2 years ago

Just flying by - can't say I'm up-to-date with the equipment school kids use at school these days, but what about a pencil and a set square? I generally feel like the pencil works well, and it seems like mostly the ruler is the problem. Here's an example: Screen Shot 2022-06-02 at 5 15 06 PM

Udobnyj commented 2 years ago

Hey @melanieimfeld! Good thoughts! I didn't think about the triangle ruler, and it's really working better.

But do you think "pencil and ruler" are working for kindergartens too? And I wanted to ask about the globe. Does it seem that it doesn't work as a metaphor for primary education? As if we are talking about geography lessons where children learn about the world, about other countries.

Udobnyj commented 2 years ago

After the survey, it became clear that the globe metaphor is not clear to anyone. So the majority voted for the pencil and ruler. Screen Shot 2022-06-20 at 12.58.14.png

But there was also a second option β€” a pencil and an apple, which I also liked. So, we already have the usual pencil and ruler icon (up there). I tried @melanieimfeld option w a triangle ruler.

MAP LINK Screen Shot 2022-06-21 at 17 14 01

Screen Shot 2022-06-21 at 17 13 50

And tried a few options with apple. ONE MAP LINK Screen Shot 2022-06-21 at 16 13 17

Screen Shot 2022-06-21 at 15 54 11

TWO MAP LINK Screen Shot 2022-06-21 at 16 26 04

Screen Shot 2022-06-21 at 16 25 54

THREE MAP LINK Screen Shot 2022-06-21 at 16 35 32

Screen Shot 2022-06-21 at 16 35 03

I really like the second option with an apple (the one with a leaf). It seems to me that the icon with an apple turned out to be a little more cheerful, not so strict. Emotionally she resonates with me

Udobnyj commented 2 years ago

We discussed the task with @melanieimfeld and decided to choose an apple w pen, but to try separate them (not to cut off an apple).

MAP LINK

Screen Shot 2022-06-23 at 17.45.50.png Screen Shot 2022-06-23 at 17.43.03.png

Udobnyj commented 2 years ago

One more approach (I feel like we almost decided) I've tried to put a pencil in the other direction before, but it didn't work because the apple is firmly planted on the ground. But @tristen ask me to try to lean it against an apple, and here we go.

It's a bit off the pixel grid. 😞 But raised by 0.5 pixels like this, it looks much better in a circle Anyway, what do you think?

MAP LINK Screen Shot 2022-06-23 at 18 56 44

Screen Shot 2022-06-23 at 18 55 27
willymaps commented 2 years ago

@Udobnyj I really like the slightly angled pencil. I wonder if it could still clip the apple to give a 1px separation?

image

melanieimfeld commented 2 years ago

Nice! Agree with @willymaps - the other option would be to try moving the pencil by 1px to the left (if permitted by the layout)

Udobnyj commented 2 years ago

SO! I hope this will be our icon 😊 I really love the result. school

MAP LINK

Screen Shot 2022-06-28 at 11 59 24

Screen Shot 2022-06-28 at 11 53 58

Screen Shot 2022-06-28 at 11 54 16

I'm waiting for @willymaps @melanieimfeld @tristen your approval and create a PR