maki icon indicating copy to clipboard operation
maki copied to clipboard

refine playground icon

Open natslaughter opened this issue 7 years ago • 6 comments

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 avatar Apr 17 '18 21:04 natslaughter

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

natslaughter avatar May 10 '18 15:05 natslaughter

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.

poornibadrinath avatar Jul 12 '18 10:07 poornibadrinath

@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

natslaughter avatar Jul 12 '18 20:07 natslaughter

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 avatar Jul 13 '18 06:07 poornibadrinath

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.

poornibadrinath avatar Jul 16 '18 13:07 poornibadrinath

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

natslaughter avatar Sep 14 '18 15:09 natslaughter