rasagy commented 6 years ago

Hey @mapschool/infdpg16! Let’s kickstart the new year with some map styles inspired from contemporary art. We’ll be using a fun tool called Cartogram by Mapbox to pick colors from an image and use automatically create a map style with those colors.

1. Picking colors with Cartogram

Let’s pick a contemporary painting and try and create two map styles:

Bold: Create a visually compelling map style with high contrast, different hues using the painting’s color palette.
Minimal: Create a subtle map style that has a subtle contrast, while keeping it legible.

Once you’re happy with your style, share a screenshot with how Bangalore looks in the two styles on this ticket.

screenshot 2018-01-02 12 13 24

2. Updating fonts with Mapbox Studio

Once you have your styles ready, save the bold style to open it in Mapbox Studio.
Find a font family that you feel matches the painting or would work well on the map. You can pick free fonts from Google Fonts, Font Squirrel or from collections & blog posts.
Filter for just the symbol layers, and select multiple layers and update the font accordingly.

screenshot 2018-01-02 12 19 50 screenshot 2018-01-02 12 24 08

Interested in learning more about Map Design principles? This guide by Amy Lee Walton is a great place to start: https://www.mapbox.com/map-design/

pkd2512 commented 6 years ago

Color palette from image The Persistence of Memory

Map Style 1 (Bold)

Map Style 2 (Bold)

Now the idea was to use the same painting to come up with a minimal palette with subtle contrast between the elements.

Map Style 3 (Minimal)

Map Style 4 (Minimal)

Map font updated to Merriweather

Regular for Countries
Bold for POIs
Italics for Roads
Light for the rest of the labels

Now I tried to use a font called Dali that resembles the artist's remarkable mustache.

Feel free to check out the map style [https://api.mapbox.com/styles/v1/pkddapacific/cjbx8ejm1e3zi2rmf3i4hojef.html?fresh=true&title=true&access_token=pk.eyJ1IjoicGtkZGFwYWNpZmljIiwiYSI6ImNqMDNnZWExdjBhNWozM3AzZGJqbWVsbnAifQ.s6XTs8U9qu8Hwbuc4Fe3zA#14.3/12.975992/77.587075/0]()

aromalram commented 6 years ago

The painting chosen: Le Rêve (The Dream )by Pablo Picasso

Bold Style

op2

op2b

op2a

Minimal Style

op3c

op3b

op3a

Map Font Updated to Q Type Office Pro

for font_q type

rasagy commented 6 years ago

Bold styles from The Scream:

screenshot 2018-01-02 11 19 14 screenshot 2018-01-02 11 22 23

Minimal styles from The Scream:

screenshot 2018-01-02 11 47 03 screenshot 2018-01-02 11 44 36

Updating fonts in Mapbox Studio

Here is a bold style with Merriweather:

screenshot 2018-01-02 12 31 16 screenshot 2018-01-02 12 24 08 screenshot 2018-01-02 12 33 29

Here is the same style with Action Man:

screenshot 2018-01-02 14 31 31 screenshot 2018-01-02 14 31 11

iamreetika commented 6 years ago

Cafe Terrace at Night | Vang Gogh | Bold style

Minimal style

BarshaP14 commented 6 years ago

Map Style1(BOLD) screen shot 2018-01-02 at 11 23 15 am

vinodxyz commented 6 years ago

Edvard Munch's Two people: The Lonely ones

Map-style 1: Bold

View style on Mapbox-studio

Map-style 2: Minimal

holy-devil commented 6 years ago

Andy Warhol: Untitled (marilyn monroe).

Bold Style 1 bold - 1

bold - 1 2

Bold Style 2 bold - 2

bold - 2 2

Light Style 1 light - 1

light - 1 1

light - 1 2

Font Update with Avant Garde & Tisa Avant Garde font for pop art theme, Tisa to bring little Vintage map feel font 1 1

font 1 2

font 1 3

Font Updated for Bold Style Used Avant Garde & Cafe Aroma Cafe Aroma is font similar to the Campbell's Soup font in Andy Warhol's art, while Avant Garde is font from Bauhaus period

font 2 1