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

Guidepost and Map Icon #1978

Closed
Schwitzd opened this issue Nov 15, 2015 · 42 comments
Closed

Guidepost and Map Icon #1978

Schwitzd opened this issue Nov 15, 2015 · 42 comments

Comments

@Schwitzd
Copy link

Dear All
From my point of view the icon of guidepost and maps could be improved, with something more clear, like:

guidepost: http://wiki.openstreetmap.org/w/images/9/91/Guidepost_doubleguidepost.png
map: http://arcgis.dnr.state.mn.us/ewr/whaf/Explore/img/basemap.png

links are only examples... but would be nice to have an icon more specific.

G4rp

@HolgerJeromin
Copy link
Contributor

just for reference: you probably mean osm elements with information=guidepost and information=map

@kocio-pl
Copy link
Collaborator

Another feature that should be handy in the outdoor, but in urban areas would make things worse if we use the uniform zoom level for both.

@matthijsmelissen
Copy link
Collaborator

See also #304 and #324.

@matkoniecz matkoniecz added this to the 3.x - Needs upgrade to openstreetmap-carto.style milestone Mar 4, 2016
@Tomasz-W
Copy link

Tomasz-W commented Feb 20, 2018

I don't like that all information=* tags are rendered the same, so I've tried to distinguish them:

  • information=office
    information office
  • information=audioguide
    information audioguide
  • information=guidepost
    information guidepost
  • information=map
    information map
  • information=board
    information board

For terminal, tactile_map and tactile_model I have no idea.

Just as my note, Wiki link: https://wiki.openstreetmap.org/wiki/Key:information

@kocio-pl
Copy link
Collaborator

First impression is very good - I was thinking about exactly the same design for information=office lately, the rest is very clear and nice for me. One should only think about initial zoom levels and test if information=board wouldn't be too dark, but that's a solid foundation for PR.

@geowas-github
Copy link

All 5 of them work good for me!

@Tomasz-W
Copy link

Tomasz-W commented Feb 20, 2018

I got some ideas for 3 tags which I mentioned above.
What about make board icon square instead of rectangle, and use it also for terminals and tactile models? For tactile map I think we could use the same icon as for information=map.

@kocio-pl
Copy link
Collaborator

I can't imagine the outcome, would be good to just see it.

@Tomasz-W
Copy link

  • information=board
    information board rectangle
  • information=terminal
    information board rectangle2

What do you think?

@kocio-pl
Copy link
Collaborator

Makes sense for me, however it would be good to make board with white background.

@dieterdreist
Copy link

dieterdreist commented Feb 20, 2018 via email

@Tomasz-W
Copy link

At the beginning, I've tried with white background. It made "i" character smaller, and icon not readable.

Gist links:

@kocio-pl
Copy link
Collaborator

Maybe instead of "i" you could use just some horizontal "script", like here for example:
https://github.com/gravitystorm/openstreetmap-carto/blob/master/symbols/plaque.svg

It may look similar to that icon:
https://github.com/gmgeo/osmic/blob/master/shop/computer-14.svg

@Tomasz-W
Copy link

  • information=board
    information board skrypt
  • information=terminal
    information terminal skrypt

For me, it's not readable, and I would like to stay with "i" character in all of information=* icons.
Any other thoughts?

@kocio-pl
Copy link
Collaborator

kocio-pl commented Feb 21, 2018

Sorry, I meant white board with dark script, just like the Osmic laptop icon. Plaque was interesting just to show that script can be irregular, not symmetric.

For the information terminal it was mainly OK for me wit "i" (with script it's less readable), but you might add for example wifi-like symbol to show that "Mostly it is combined with access to the internet" or some other attribute of electronic (mouse arrow?) or electric device (maybe just a cable or antenna?).

For tactile you might try adding a hand icon.

@Tomasz-W
Copy link

  • information=board
    information board (i-version)
    information board skrypt (script-version)
  • information=terminal
    information terminal (i-version)
    information terminal skrypt (script-version)

I still find "i-versions" more intuitive.

There is not enough space to add a hand and make a tactile one.

@kocio-pl
Copy link
Collaborator

I vote for script-version of board and i-version for terminal for now, but it has to be tested on rendering, of course.

@Tomasz-W
Copy link

Script-version of board icon added to Gist: https://gist.github.com/Tomasz-W/d6f962425fbc8ec05b54a696e7eaee66

@kocio-pl
Copy link
Collaborator

Thanks! What about mouse cursor arrow instead of "i" in terminal?

@Tomasz-W
Copy link

I think it would look more like a public-computer (I don't know how it's called, but at some bus/ train stations there are computers with 1h access for a few coins)

@kocio-pl
Copy link
Collaborator

So there might be enough space to place it outside (terminal is thinner than board)?

@Tomasz-W
Copy link

information terminal

For me, it's not readable. and unnecessarily complicated.

@kocio-pl
Copy link
Collaborator

For me it's more clear, but less elegant.

@daganzdaanda
Copy link

How about this:

board on transparent
information-board-ow33

terminal on transparent
information-terminal-ow

I tweaked your idea and pixel-aligned the "i" so it is strong enough on a transparent background
Gist
One could even make the dot of the i a perfect square to have no blurriness at all.

@daganzdaanda
Copy link

Btw, for me the "i" is necessary because it is an well known symbol for tourists all over the world. The generic "script" is better used for things like memorials / plaques etc.

@Tomasz-W
Copy link

@daganzdaanda I'm not sure about readability of them. I'm worried that "i" is huddled too much.

@lakedistrictOSM
Copy link

lakedistrictOSM commented Mar 8, 2018

The script versions are clearer for board and terminal but I'd prefer an icon with an "i". I like all of @Tomasz-W 's other designs too. Here's a few designs for board from me:

B1 board01png and B2 board02png - same as Tomasz's information=office icon, but with the circle replaced by a square/rectangle

B3 board03png - pixel aligned "i" design

I'm unsure if the boards should have posts/legs (some boards will be on walls, for example).

@dieterdreist
Copy link

dieterdreist commented Mar 9, 2018 via email

@lakedistrictOSM
Copy link

I think that a sans-serif "i" looks clearer than a serif "i" in a little icon. 1px border seems to work too.
B4 board04png
B5 board05png

Terminals:
T1 terminal01png - legs
T2 terminal02png - base/stand
T3terminal03png & T4 terminal04png - with a "home button" to replicate a giant tablet/iPad

@dieterdreist
Copy link

dieterdreist commented Mar 9, 2018 via email

@lakedistrictOSM
Copy link

The sans-serif idea was also to free up pixels to make the icon more readable, IMO. However B4, B5 and T1-T3 also work with a serif "i" if people prefer.

@kocio-pl
Copy link
Collaborator

kocio-pl commented Mar 9, 2018

I still think that if the board contains some text, it's probably the information.

@Tomasz-W
Copy link

Tomasz-W commented Mar 9, 2018

My picks:

Board:
1 (Tomasz-W 'i-version')
or
2 (Tomasz-W 'script-version')

Terminal:
3 (@lakedistrictOSM T2; I'm not sure about readability, maybe the edges should be thicker, but I like the idea)

@kocio-pl
Copy link
Collaborator

See also #324 (comment) and #304.

@SomeoneElseOSM
Copy link
Contributor

If anyone wants to borrow (or just get ideas from) the ones at http://map.atownsend.org.uk/maps/map/map.html#zoom=18&lat=-24.997805&lon=135.173656 be my guest. Icons at e,g, https://github.com/SomeoneElseOSM/openstreetmap-carto-AJT/blob/master/symbols/informationboard.png . The principle is to keep the "i" but add another symbol to subdivide them.

@Tomasz-W
Copy link

Talking about zoom levels, my proposition after checking some city and mountain terrains:

  • information=office -> z16 or z17
  • information=map; guidepost -> z18
  • all the rest (including tourism=information without information=* tag) -> z19

But firstly, we have to choose proper board and terminal icons. So again:

Board:
1 (Tomasz-W 'i-version')
2 (Tomasz-W 'script-version')

Terminal:
3 (@lakedistrictOSM T2)
information terminal terminal (Tomasz-W)

@Tomasz-W
Copy link

@kocio-pl @dieterdreist @daganzdaanda @lakedistrictOSM @SomeoneElseOSM
Can you choose which icons from #1978 (comment) do you prefer?

@kocio-pl
Copy link
Collaborator

Board - 2
Terminal - 1

@dieterdreist
Copy link

dieterdreist commented Apr 27, 2018 via email

@Tomasz-W
Copy link

Gist links after discussion:

@Tomasz-W
Copy link

@lakedistrictOSM Can you upload clean SVG of your "T2" design to Gist? A PR is waiting ;)

@lakedistrictOSM
Copy link

@Tomasz-W It might be quicker if maybe you could try recreating it? It looks like it's 14px tall, 8px wide, frame width is 1px (base is ~3px), i is 2px thick. All pixel aligned. (I don't have access to it at the moment) :)

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

No branches or pull requests