mapbox / maki

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

viewpoint icon #271

Closed valleyofdawn closed 4 years ago

valleyofdawn commented 8 years ago

For tourism=viewpoint

rasagy commented 6 years ago

I made minor tweaks to the icons made by @sarahmamy in her PR — thanks a lot for sharing it! 🙇

I used circular 15˚ grid and exaggerated the negative space between the dot and rays, which especially helps with the 11px icon:

screenshot 2018-06-20 20 55 33

Base grid:

screenshot 2018-06-22 19 03 14

Minor tweaks to make it align closely to the grid:

screenshot 2018-06-22 19 04 21 screenshot 2018-06-22 19 05 01

@natslaughter Would love your feedback on one specific detail: if the 1px radius dot in the 11px works better when it perfectly aligns with the grid (but looks like a rectangle when pixelated) or when it is aligned to the center of a pixel (and looks like a + when pixelated).

screenshot 2018-06-22 19 09 12 screenshot 2018-06-22 19 07 41
natslaughter commented 6 years ago

per voice with @rasagy, curious to see if the 11 pixel can have more negative space towards the center, by tapering the bottom half of the rays.

screen shot 2018-06-28 at 10 21 11 am
rasagy commented 6 years ago

Here’s a stab at 11px icon with more tapered rays:

screenshot 2018-07-05 19 24 21

Older version for comparison:

screenshot 2018-06-20 20 55 33

Because of the vertical 1px shift, the rays don’t look like they are converging at the circle’s center. I’ll see if I can redo the tapering to change this slightly.

natslaughter commented 6 years ago

@rasagy I would quickly see if additional tapering of the ray's ends helps create more negative space: I don't see much difference in the two versions above.

rasagy commented 6 years ago

Worked on even more tapering, with the two rays on the edge converging more towards the circle’s center:

screenshot 2018-07-11 17 52 07

(Top is with most tapering, middle is the last iteration with minimal tapering, bottom is the oldest version with no tapering)

natslaughter commented 6 years ago

@rasagy the top icon - with the most tapering - is looking great. Next action: map mock-up.

rasagy commented 6 years ago

Perfect. I also made minor tweaks to the 15px icon to add a bit of tapering, going ahead with the top options for both sizes:

screenshot 2018-07-17 18 48 07
tristen commented 4 years ago

Connecting the dots that this was added to Maki. See https://github.com/mapbox/maki/blob/master/icons/viewpoint-11.svg and https://github.com/mapbox/maki/blob/master/icons/viewpoint-15.svg respectively