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

bowling alley icon #413

Closed
natslaughter opened this issue Apr 17, 2018 · 9 comments
Closed

bowling alley icon #413

natslaughter opened this issue Apr 17, 2018 · 9 comments

Comments

@natslaughter
Copy link
Contributor

bowling alley icon

use case
Icon to represent bowling alleys

tagging information
Maki field = { leisure: 'bowling_alley' }
OSM tag info for bowling alley

possible symbol concept
Bowling ball, pin, or combination?

image

image

image

@natslaughter
Copy link
Contributor Author

going with a bowling ball & pin

screen shot 2018-05-10 at 10 20 32 am

for the symbol concept

next steps

  • icon design refinement
  • test icon on maps
  • geometric cleaning & svg file preparation

@rasagy
Copy link
Contributor

rasagy commented Jun 22, 2018

Took @natslaughter’s concept forward and worked on recreating the bowling pins, flipped the holes in the ball to fit well in the 11px icon and added a cut on the top of the pin with exaggerated negative space:

screenshot 2018-06-20 20 55 48

@rasagy rasagy self-assigned this Jun 25, 2018
@natslaughter
Copy link
Contributor Author

screen shot 2018-06-25 at 10 20 18 am

Per chat with @rasagy the 11-pixel icon: the ball squares off when it meets the pin on non-retina screens. By shaving off some of the ball, pixels would receive a lighter grey value so the ball feels more rounded.

@rasagy
Copy link
Contributor

rasagy commented Jul 5, 2018

Here’s how the trimmed edges + solid pin looks like:
screenshot 2018-07-05 19 44 09

Previous iteration for comparison:

screenshot 2018-06-20 20 55 48

@natslaughter
Copy link
Contributor Author

@rasagy after reviewing this new, 11-pixel icon iteration on a non-retina screen, I believe the new version does look more clear:

  • the shaved ball does create a clear distinction between the ball and pin
  • removing the pin's 'stripe,' helps in the overall pin silhouette.

Next steps: let's test this new 11-pixel along with the 15-pixel on a map.

@natslaughter
Copy link
Contributor Author

@rasagy I noticed that in the 15 pixel icon, the pin neck looks segregated and I wonder if it's geometry should be extended/exaggerated so that it appears more unified

screen shot 2018-07-19 at 10 07 43 am

@natslaughter
Copy link
Contributor Author

Here is the 11-pixel for context. It does not include the pin stripe, so the 15 pixel icon might also want to purge it's stripe

screen shot 2018-07-19 at 10 09 55 am

@rasagy
Copy link
Contributor

rasagy commented Jul 24, 2018

@natslaughter I’ve been curious about the negative space for the holes not showing up in the map tests, and noticed that merging the shape using shape builder makes the holes barely visible in pixel preview. Is that just an Illustrator thing or expected? Wondering if exaggerating the holes would help the icon read better?

Top: Icon merged with shape builder, Middle: Icon without merging, Bottom: Exaggerated holes.

bowling-details

@tristen
Copy link
Member

tristen commented May 22, 2019

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

3 participants