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

refine playground icon #428

Open
natslaughter opened this issue Apr 17, 2018 · 6 comments
Open

refine playground icon #428

natslaughter opened this issue Apr 17, 2018 · 6 comments

Comments

@natslaughter
Copy link
Contributor

purpose of this ticket is to take the existing playground icons, which incorporate the human figure, and create new playground icons with no human.

existing icons

screen shot 2018-04-17 at 5 23 52 pm

@natslaughter
Copy link
Contributor Author

going with a 'playground with slide' for the symbol concept

screen shot 2018-05-10 at 11 02 49 am

next steps

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

@poornibadrinath
Copy link

poornibadrinath commented Jul 12, 2018

I took a stab on some minor improvements on the playground icon. Sharing the screenshots here of both the icons:

image
image
image

Playground-11 looks thinner and taller, but the Playground-15 looks wider. I tried making them uniform, somehow the ratio doesn't work. I have added the screenshots of those changes as well.

image
image
image

@natslaughter would love to hear your thoughts on how to make this better.

@natslaughter
Copy link
Contributor Author

@poornibadrinath I'm adding some screenshots with notes here regarding the 11-pixel icon. Let's focus on this one first, then we will create the 15-pixel icon.

a new notes on the images you provided above for review:

  • the first image, which should be at 100% scale is larger than 100%.
  • the large, 11-pixel icon image is stretched (note the circle window is more ovular)

Overall, I think this is a great start! I would suggest considering:

  • the icon is overall left-aligned, and should be more centered.
  • the slide geometry needs refinement

screen shot 2018-07-12 at 4 50 07 pm

screen shot 2018-07-12 at 3 55 53 pm

@poornibadrinath
Copy link

poornibadrinath commented Jul 13, 2018

Gotcha! Gonna work on improving the 11 px icon first and post notes here.

--- Edited ---

I have also added the screenshots for 100% scale. I chose a wrong screenshot while uploading previously. My bad.

@poornibadrinath
Copy link

poornibadrinath commented Jul 16, 2018

Got some more improvements done on the 11 pixel icon. Tried to make the slide as uniform and inside the grid. Below are the screenshots of the icon at actual scale, in fit to size and the pixel preview:

image
image
image

Challenges:

  • The stroke within the grid option is greyed out as it is not allowed for open paths. Had to do it with the outline stroke option. Hence, the result is not as perfect as I would have hoped. Would love to hear if there is a work around option for that.
  • For the 11 px icon, three curves of slide looks too crowded and bunched up, so made it two.

@natslaughter would love to hear some feedback on whether this looks ok now or I need to make more improvements. Once the 11 px is finalised, I will work on the 15 px icon.

@natslaughter
Copy link
Contributor Author

update here: feeling pretty good about these. will test on a map shortly and post back here:

screen shot 2018-09-14 at 11 26 16 am

screen shot 2018-09-14 at 11 21 20 am

screen shot 2018-09-14 at 11 25 26 am

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

2 participants