ポップアートにインスパイアされたマップスタイル
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c642e17523554e0dffe46_5egkIpyfKNfiFgPVuQcn-TyN3UJ0xiZ53tTq8Rc9ib5p8F7Ahpco-FNDC-3G_ZTUlAZrVErC2u4qaR2NFMQuT0YeAbexJDKKy8eNwwq1InTVhPSBjze78Wk5mDT07gCiE7XvXV_WwFsRYmuuDQ.png)
ポップアートの画家「アンディ・ウォーホル」や「ジェームズ・ローゼンクイスト」、「ロイ・リキテンシュタイン」からインスピレーションを受けたデザイナーズマップスタイル「Whaam!」を作成しました。
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c642fa82ce905135bec8a_fL8q2ZYLI8kPFtT_5cOFMVXdoZB-r-ZCLobOTfW8bAFunXLqFfN1ebZzT4tQVcloDgIrzjgfwdi3RyX3iVC08eYSpnXwCOzK0AEln_4mSe2v0rNgfsgwmD7pHou65GC73lyxfty6f3iEwhESyA.png)
ポップアーティストは、機械で作られたものを自身の手で模倣した作品を制作していました。
実際、リキテンシュタイン自身、自分の作品を「アメリカ絵画ではなく、実は工業絵画である」と特徴づけています。
このポップアートの気ままさを表現するために、マップスタイルを以下の特徴でデザインしました。
- 限定された鮮やかなカラーパレット
- 太い黒のライン
- 「ベンデイドット」*のテクスチャー
- 表情豊かなフォントや星形の表現
*ベンデイドット:地図にマンガのような雰囲気を与える小さな色の丸のことです。初期のコミック出版社が、緑、紫、オレンジ、肌色などの陰影や二次色を安価に作成するために使用しました。
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c643045a24f7b4e7e9a0a_oQp64x0yXvY42ZJpX4GVIFhw_FQV5JjjnVa08QE5qMljAL4wqki3Ob1gC-C1r2NYZPDjHf3CTvb_MgNUfLySWbfJToNU_gVn0Slk8d9MY02RHfgpwYUSM0f1h5BiuYsDZsCle08Xx7GfosJZvQ.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c642f72550a1ed41cf1c9_6jKJ2nzG3fE4RMhiT35QY-2FBKN5pWcyp0yBuFhKSl1GF1h-6uvKp-MXQWnWTvOUap4p9HMOUzwJManmQfloeOmi2_arb8zX6tTbnz2IjzMz8Bd5IPGxIgfoWAsuopxt77q9S_hmkDN0wzbsZg.png)
デザインの背景
このデザインを生かしたのは、繊細なテクスチャーです。薄いシアンの背景の上に、濃いシアンの小さなドットを間隔をあけて配置し、地図を拡大すると目の錯覚を起こすという、まさにポップアート的な手法で表現しています。
CMYKの原色と二色を使い分けることで、伝統的な印刷のバリエーションを表現し、鮮やかで遊び心のあるビジュアルに仕上げました。
街並みに合わせて、道路は自動車道から裏通りまで、黒のラインで太さと不透明度を階層ごとに変えています。
主要都市のラベルには鮮やかな赤の手書き風表示フォントを、高速道路のシールドにはロイヤルブルーのカスタムベクターの星形を使用し、気まぐれなタッチを表現しています。
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c643077207d451be2c30c_K2KA4Uix66Pviy0C22Sgcu43n98o3ok5r5J-dpofkhaBx0Re9mdzfzdY31fm7n-BGfbLE6zalUtUNuqZJwJ_m8zJHzX1GlZSmy0-syWvYjFA8T-lRdnTUoj0u-4qrKd0dpowrXGcekqyuSER1w.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c642fba94ebe4526b0b8c_Iv3hpkCp0EIJs2u7MtGoT_nkL3BxROQnuabZeSEndctvvxRPvhLnCcO39o3PzS54ktmvcLvaSUD1w6yTtpRr7T3MzON7mI1-6ZzxFoHko3H53LwfGrvADkfI2RTYy9ZzTqtj5cGdMr573NYuUA.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c643143478a1ed32c12a4_qq8gwLbhPe7LzI_dARRcw_ITNYD249Uly3TEEAX-5fRS5vDEaDSLBcAr15vxtpmRh3mz-g8LYlxzXv1iYQXcSBagCPl-RCB7lS9T5qCKiuceKjVkpmsuYCHbH52K8L5jxWeu4-ChMheJBN8blw.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c643006e7eccf5f12721c_PQZSd-xk0CUPv5dgqnRiUWDTXyQLMF-tSkewIG73ga10XLfsn4fVzYxVdvOnxEqblWLuAAQ1rtFpH-3OuzISs3mhYI4NxaZpEIh5jb9InzWWZP-36AN3g3gfNIFGAwLAkGgtVvHjGUK_IqaSTw.png)
![](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/629c642f06e7ece0371271d6_BS36ltp-M2SKwjUQpz0Ewmjt28_47GUhBElrQE8TxjiJzoHcr_b3DWNW6l1UU2n_N2jRab-AZkisL8gN7aEw4K-ZUwfrA9zMm4YlvELmiu7U-e0X5AW-RvYk6FikNdd4Z4a00cxvJTIzQu9WYQ.png)
スタイルをインポートする
Mapbox StudioのアカウントにWhaam! をインポートし、レイヤーをカスタマイズして自分だけの作品を作りましょう。
ぜひ以下の応用をお試しください。
- 書体とカラーパレットを変更してみる
- 独自のカスタムベクターパターンを作成し、ここで使用した水や陸のパターンに置き換える
- 星条旗をあなた自身のベクターシールドに置き換える
「Whaam!」以外の作品もぜひお試しください!
Standardは20世紀初頭の自動車マップをベースにしたレトロな雰囲気のマップです。
Moonlightは、ミニマルなパレット背景とモダンな書体が組み合わされ、ブランディングに最適です。
North Starは、クラシックな航海地図を再解釈したもので、海をテーマにしたデータを表示するのに最適です。
*本記事は、Mapbox Inc. Blogの翻訳記事です。