new icon #1

Closed
incanus opened this Issue Jul 18, 2013 · 47 comments

Projects

None yet

9 participants

@incanus
Mapbox member

Hey @samanpwbb, any chance you could spare some cycles in the next couple months for a new icon for this app? I've heard from a couple sources that it's confusing because it looks like it's disabled, but also, we need a visual refresh for iOS 7. Something maybe with a satellite and/or globe in the new grid style could be cool. Happy to provide design resources if you want to read up on this.

@samanpwbb
Mapbox member

@ryantroyford this looks like something you can take on. Should be fun.

@incanus can you post links to comprehensive asset guidelines for Ryan?

@yhahn
Mapbox member

you too can contribute to the wonder that is ios7

@yhahn
Mapbox member
  • world wonder
@ryantroyford

this looks like fun. i'll start sketching some things out.

note to self: gradients.

@tmcw
Mapbox member

Some color inspiration for you:

@incanus
Mapbox member

@tristen
Mapbox member

@celoyd
Mapbox member

images

@incanus
Mapbox member

@ryantroyford I'll still get you some reading on this, but Apple's dev portal has been under maintenance since yesterday in some bizarro alternate internet rules universe so I can't yet.

@incanus
Mapbox member

Still waiting for Apple to get this back up. Security breach.

@incanus
Mapbox member

Apple's still down, but here's some inspiration: http://www.glyphish.com

@incanus
Mapbox member

Yay, this is back up now @ryantroyford:

https://developer.apple.com/library/prerelease/ios/design/index.html

You will need a (free) developer account to access it. Let me know if you have any questions.

@ryantroyford

@incanus used my apple ID, and i'm getting one of these when i log in:

error

@incanus
Mapbox member

Hmm, try again going to the above link. It works for me after being logged in.

@incanus
Mapbox member

@ryantroyford, any luck here? If this is still a problem, I can Dropbox a bunch of docs from this.

@ryantroyford

@incanus now i'm getting this. it looks like the dev programs are an annual fee unless i'm missing it. i feel like i should probably get myself access to this kind of stuff, though i'm probably just overlooking the place to do that.

screen shot 2013-08-13 at 10 25 42 am

@incanus
Mapbox member
@ryantroyford

that'd be great. for my Apple ID i'm using ryan@ryantroyford.com

@incanus
Mapbox member

Invite sent.

@ryantroyford

it's simple, but it's one of the concepts i had thought of fleshed out in inkscape. thoughts?

screen shot 2013-08-13 at 2 36 33 pm

cc @samanpwbb

@incanus
Mapbox member
@ryantroyford

yeah, just threw the shadow in there to define the icon area.

@KalofXeno

How does it look with an axial tilt of 23.4 degrees?

@incanus
Mapbox member

To put a date on this, iOS 7 is rumored to be announced on 9/10, with apps going into submission possibly earlier. We want to get in on that, so we've got maybe two weeks around this.

@ryantroyford

@incanus how are you feeling about the above concept? i can make it on more of a realistic axial tilt as @KalofXeno suggested. i can also take another run at it if you're not stoked about this one.

@incanus
Mapbox member

I like the concept a lot.

Still holds :-)

If you can get me like a 512px, I will try it out real quick in a live app and see what we think.

@ryantroyford

@incanus gaahh totally forgot about that. hah. sorry man. here's a 512x512.

export-01-512

@incanus incanus added a commit that closed this issue Aug 19, 2013
@incanus incanus fixes #1: update icon ef3d4b1
@incanus incanus closed this in ef3d4b1 Aug 19, 2013
@incanus
Mapbox member

I'm pretty happy with this, @ryantroyford -- nice work. I think it looks good in iOS 6 & 7 both, so I'll work on doing a submission for the store. This 512px should be all I need, as I sized it down for the code and will use this size for the iTunes artwork.

@incanus
Mapbox member

screen shot 2013-08-19 at 1 53 28 pm
screen shot 2013-08-19 at 1 52 45 pm
screen shot 2013-08-19 at 1 52 01 pm

@gundersen
Mapbox member

@ryantroyford this is way to literal. What we have now is better. This looks hooky.Where can you even seen a globe any more outside of a museum? in a 3rd grade class room?

Lets try again. Even it it is a light blue circle.

@gundersen gundersen reopened this Aug 19, 2013
@ryantroyford

@gundersen i'll take another run at it, but i think we need to steer away from a picture of earth. it's an easy solution, but everyone and their brother making a globe app is using it as the icon.

screen shot 2013-08-19 at 5 15 44 pm

@tmcw
Mapbox member

a satellite or a rocket maybe?

@gundersen
Mapbox member

eh, I mean it is called "MapBox Earth" I think it is fine to have an Earth on it, I don't think that is where we want to win on the distinction, rather we want it to be conflated w/ Google Earth.

@ryantroyford

@gundersen fair enough. do you just want to keep it pretty much the way it is? i'll address the issues @incanus initially stated here, but i'm fine with keeping the layout more-or-less the same.

@gundersen
Mapbox member
@incanus
Mapbox member
@ryantroyford

how about something like this? the continental shading is taken directly from our terrain layer.

export-02

@incanus
Mapbox member

I'm liking this pretty well. Even naively resized, it looks good in the smaller versions:

e1e00a7e-0e62-11e3-8e83-2891222f13df

small

Thinking again, something not the standard green/blue (like MapBox cyan) probably wouldn't be easily recognizable as a globe, so I like this design, @ryantroyford.

Note that you won't round the corners yourself.

@incanus
Mapbox member
@incanus
Mapbox member

Any final items here @ryantroyford or is the one two comments above our baby? If so, can you either post a final, non-rounded version, or else I will just edit the above and 'shop it myself? Then I'll get an update in the queue for next week.

@incanus
Mapbox member

Ping @ryantroyford again -- iOS 7 comes out Wednesday and I am hearing that review times currently are about one day, so we can still make this.

@ryantroyford

sorry for slacking a bit on this @incanus. i'm good with this if you are. here's a the final, big as hell.

final-export-1

@incanus
Mapbox member

I'm seeing the globe sized just a tiny bit too small to fit the iOS 7 "grid" guidelines, so it looks odd compared to other icons. Here's an overlay with the grid at two opacities:

screen shot 2013-09-16 at 3 19 30 pm

screen shot 2013-09-16 at 3 19 34 pm

@ryantroyford

ahh, word. should be a relatively easy fix. is the grid template in the developer toolkit somewhere?

@ryantroyford

thanks for digging those up. i tried to match a little better to the grid - let me know how it looks.

final-export-2

@incanus
Mapbox member

@incanus incanus closed this Sep 17, 2013
@ryantroyford ryantroyford was unassigned by kjwandtke Apr 24, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment