My favorites | Sign in
Project Home Downloads Wiki Issues
Search
for
ColorPalette  

Phase-Design
Updated Jan 25, 2010 by nico.mol...@gmail.com

Color Palette

Current Palette

Possible Future Additions

Palette comparison

Old

Blue (Offices) : 5680fc

Teal (Stores) : 55d7d7

Purple (Restaurants) : 7e55fc

Green (Tourism) : 00e13c

Orange (Education) : ef9e40

Brown (Misc) : 9e7151

Red (Sports) : fc6355

Pink (Culture) : e14f9e

Gray (Events) : a9a9a9

Black (Transportation ) : 000000

Dark blue (Media) : 0337d1

Yellow (Friends) : fcf357

New


Future Icon Color Development Suggestions

With Border

Original "iPhone" "50%" "Dark border" "Inside light"

"Smaller + Colored border + gradient"
"Colored border without shadow"

Possible Future Additions

Without Border

"50%" "Gradient" "Clean" "Smaller"

Others


Categorization

Current categorization

HEX: 5680FCHEX: FC6254HEX: 00E13CHEX: 54D7D7HEX: FCF356HEX: 7E55FCHEX: E14E9D
Administration
Offices
Industry
----------------------------------------
Health
Sports
Beauty
----------------------------------------
Tourism
Nature
----------------------------------------
Stores
----------------------------------------
Family
Friends
Real Estate
----------------------------------------
Restaurants
Hotels
----------------------------------------
Culture
Entertainment
----------------------------------------

HEX: EF9D3FHEX: 000000HEX: 9D7050HEX: A8A8A8HEX: 0336D1HEX: -HEX: -
Education
Kids
----------------------------------------
Transportation
----------------------------------------
Misc
----------------------------------------
Events
Weather
Days of week
----------------------------------------
Media
----------------------------------------
...
----------------------------------------
...
----------------------------------------

Possible future categorization

HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?
Administration
Offices (18)
Industry (6)
----------------------------------------
Health (7)
Beauty (1)
----------------------------------------
Tourism (45)
Nature (10)
----------------------------------------
Stores
----------------------------------------
Family
Friends
Real Estate
----------------------------------------
Restaurants (18)
Hotels (4)
----------------------------------------
Culture
Entertainment
----------------------------------------

HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?HEX: ?
Sports (55)
----------------------------------------
Transportation
----------------------------------------
Misc
----------------------------------------
Events
Weather
Days of week
----------------------------------------
Media
----------------------------------------
Education (3)
Kids (4)
----------------------------------------
...
----------------------------------------

Comment by myBCN...@gmail.com, Sep 29, 2009

The "50%" is my favorite. In my humble opinion we need the black frame for better visability on the different types of Google Maps (Maps, Satellite, Terrain) and 50% to not make the icons to light and thus had to see on the maps background. //Matthias

Comment by project member nico.mol...@gmail.com, Sep 29, 2009

Do you think it's "valuable" to change our design ? Why would we do it ? just to be different from the Google design (plain color) ?

I am still thinking.... don't know if it's worth our time and effort. Its close from the original design too.

Comment by myBCN...@gmail.com, Sep 29, 2009

Yes, they are "nicer" bot No, I don't think it's worth it at this point, absolutely to much work.

Comment by project member nico.mol...@gmail.com, Sep 30, 2009

I like the iPhone one :) , the 50% is also cool, ... the problem is I don't see me recreate the 300 icons.

What would be great : find an meaning to the other colors unused "dark red" and "dark green".

Comment by project member nico.mol...@gmail.com, Nov 24, 2009

Other icon style :

Comment by project member nico.mol...@gmail.com, Dec 17, 2009

@Matthias, I made antoehr icon style that I call "Smaller + Colored border + gradient". I like it a lot, so I tried a new color palette and made all 14 colors.

What do you think ?

Comment by project member milherou...@gmail.com, Jan 12, 2010

I agree with the fact that recreating all the icons is a waste of time. The icons are small, they don't need to be smaller. And for me, using gradients or effects behind may be confusing...

Comment by myBCN...@gmail.com, Jan 19, 2010

I love the new "Smaller + Colored border + gradient", they look great, but, no - it's as you know already hard to design in the icon we have so the thought of making the designable area even smaller is not very good. Also, re-designing all icons, no, again. What is this really going to give us or our users? Will we get more visitors, morE donations if we do this? I don't think so, our icons are pretty "awesome" already! ;-)

Comment by myBCN...@gmail.com, Jan 19, 2010

The new possible future categorization is something that I support 100% and think we should start working for immediately. I would like to suggest some more changes:

Real Estate -> Administration, Offices and Industry I think make sense.

Tourism -> to the new Dark Green category since lot's of the tourism stuff is quite detailed the added contrast of white on dark green would make them clearer.

Days of the Week -> should be moved to the Numeric part in my opinion. They are not Symbols like all other icons.

What do you think?

//Matthias

Comment by myBCN...@gmail.com, Jan 19, 2010

I would actually like to see a split of color between Restaurants and Hotels too. When I'm doing my maps you really want them to be different. If you are looking for somewhere to eat you don't want to see lots of Hotels, you understand what I mean? On top these are some of the most used icons we have, all maps with them would look better if they had different colors. //M

Comment by project member nico.mol...@gmail.com, Jan 19, 2010

Thanks a lot Matthias and Thierry, your feedback is very valuable !

Here is what I think : allright, doing again all the icons takes some time we don't have right now. But : we have some problems with categorization, plus we want to differ from Google maps "official" colors.

Points I want to discuss :

  • Categorization : let's start new versions of possible categorization. If Matthias have in mind a possible categorization, copy the "current" one under, and name it "Matthias, 20th of January, 2010".
  • Colors : if we introduce a new categorization, it might say we need more colors. And we do so, why not use another color palette. Chapter "Palette comparison". This "new" color palette has 14 colors. Can we find more colors ? I don't think so... Then it means we should have at most 14 categories, 14 colors.
  • Shadow : current icons have a gradient shadow (3-4 px). Is it usefull ?

The problem is for people using the Google Maps API can't add a 3D shadow (like the pins from Google). If we strip the shadow, it may be pointless and help people that want to add custom shadows (using API).

  • Black Border : current border is black (#424242). I created another possible style for icons "Colored border without shadow" that has same size, but has a colored border, and doesnt have any shadow. It won't be very hard to redesign every icon.

----

For Real Estate : I think Estate Agent is Blue=Offices. But Real Estate aka "my houses", or "possible future houses" are places "I can go went I want" = Family&Friends... Well is there any logic here ? :) If not I can't see the Friends&Family category very useful.

Tourism -> to the new Dark Green then where goes Nature ?

Days of the Week in numeric, why not... anyway it's not a very important part of the project : low priority.

Separate Restaurants and Hotels : hmm OK but we only have 14 categories....

Comment by project member nico.mol...@gmail.com, Jan 19, 2010

I am pretty inspired by the work done by PublicEarth? : http://www.publicearth.com/categories/browse

6 categories cover every kind of place....

Their icon design is also impressive : so much I created a special page with all their icons : http://code.google.com/p/google-maps-icons/wiki/PublicEarthIcons

Comment by david.je...@gmail.com, May 21, 2011

does anyone know where I can find pin icons of the same colour but in different shades so I can make a choropleth map of my data?

Powered by Google Project Hosting