地図

Mapboxが3Dベースマップに象徴的リアリズムを選んだ理由

見出し

これはレイアウト確認用のダミーテキストです。

Mapbox Standardの象徴的でリアルなデザインは、カスタムデータのための高性能で柔軟なベースマップと、動的な光条件に反応するマップを提供します。

Mapbox Standardの象徴的でリアルなデザインは、カスタムデータのための高性能で柔軟なベースマップと、動的な光条件に反応するマップを提供します。

Mapbox Standardを作成する際、Mapboxのデザイナーは、3D環境とダイナミックライティングを使用して、シンプルで判読しやすく、構成可能な、より没入感のあるマップを作成することに着手しました。

彼らは、象徴的リアリズムとフォトリアリズムという 2 つのデザインパラダイムを検討しました。最終的に、彼らは象徴的リアリズムを採用しました。象徴的リアリズムは、地図製作の歴史の中で長い伝統を持っています。これは、アルフレッド・コージブスキーが彼の有名な引用で最初に言及しました。「地図はそれが表す領域ではありませんが、正しければ、その領域と類似の構造を持ち、それがその有用性を説明します」。言い換えれば、地図は現実の象徴的な表現であるべきであり、正確な複製であるべきではありません。 

Mapbox Standardの象徴性は、既存の地図作成の慣例を使用しており、ユーザーの現在地に応答する没入型のマップ空間を作成します。これがこの選択がなされた理由です。

フランス、マルセイユ

視覚的階層とカスタムデータのショーケース

デジタル地図のデザインはダイナミズムを活用します。2D レイヤーのシンボル表示は、すべてのズームレベルで同じではありません。また、場所によって異なることもありません。では、3D オブジェクトを異なる扱いにする必要があるでしょうか?たとえば、地図のズームイン率が高いほど、より複雑な道路ネットワークが表示されます。3D 地図のデザインも、これと同じロジックに従う必要があります。

これはまた、3D 要素がエンドユーザーにとって役立つものでなければならないことを意味します。視覚的な階層と一貫したシンボル表示は、多くの場合、潜在的な関連付けを通じて、環境を理解するのに役立ちます。「リアルな」写真ベースの 3D マップでは、シーン全体が非常に限られた視覚的な階層で表示されます。道路、建物、川はすべて均質なビューに統合されており、解釈が困難です。写真と同様に、地形全体が 1 つのオブジェクトであり、各要素をフィルタリングおよびスタイル設定するための属性はありません。上に重ねられたカスタムデータは、ベースマップに非常に多くの視覚情報があるため、識別が困難です。

Mapbox Standardを使用すると、カスタムデータをレイヤー内に配置し、目立つようにスタイルを設定できます。地図は明確な視覚的階層を提供し、視聴者が自分の環境をより良く理解するのに役立ちます。特定のニーズに合わせて地図を調整し、異種の構成可能なデータセットを組み込んだアプリケーションを構築することがはるかに簡単になります。

動的な照明は奥行きを確立し、現実世界の状況を反映します。

Mapbox Standardは、変化する光の状態にレイヤーが反応することを可能にし、新たなレベルのダイナミズムを追加します。新しいグローバルライティングとシャドウモデルは、ベースマップ要素と3Dモデルを統合します。このモデルがないと、要素を区別し、より複雑なシーンで奥行き感を迅速に確立することが困難になります。 

左:新しいグローバルライティングとシャドウモデルは、コントラストを生み出し、地図要素をより区別しやすくします。右:新しいモデルがないと、同じ場所がぼやけて見えます。

リアルなライティングは、ビューアとその環境との物理的なつながりも提供します。これにより、ユーザーの方向感覚が向上し、3Dオブジェクトが地図と不調和になることがありません。

照明に関して、デザイナーは「brightness」という新しいグローバルプロパティを作成しました。ズームと同様に、ペイントプロパティの補間に使用できます。ここでは、ラベルとアイコンの反転、またはモデルの色の調整に使用されています。 

コンテンツの残りの部分を「接地」するために、ピッチされたビューでのラベルの影響を注意深く検討しました。デザイナーは「ラベルスープ」を避けるために、最小限のアプローチに焦点を当てました。自動的に高度が上がるラベルとアイコン、および地図のピッチとビューの中心からの距離に基づいた新しい配置方法を実装しました。 

拡張された2D地図

象徴的なデザインは、正投影ビューを追加することにより、3Dフィーチャから強化された2Dマップを作成する機能を向上させます。これは、3Dマップが航空写真では煩雑で洗練されていないように見える可能性があるため便利です。これで、3D要素はシームレスかつ判読可能に2Dに移行し、マップの有用性を拡張します。

パフォーマンスと一貫性

設計者はまた、クロスプラットフォームアプリケーションを可能な限り高性能にするために、スケーラブルで軽量な3Dスタイルを構築することに着手しました。ただし、世界を3Dで再現すると、メッシュまたはテクスチャの点でファイルサイズがすぐに大きくなる可能性があります。シンボリックデザインの性質により、設計者は、焼き込み済みの照明やマテリアルマップなしで、表面パーツが属性付けられたメッシュを使用できます。これは実行時に適用され、パフォーマンスを大幅に向上させます。

Mapboxはすべての3Dランドマークをカスタムデザインしています。このアプローチは、ベースマップの他の部分のスタイル設定方法を模倣し、色を使用して反復可能で認識可能なシンボルを作成します。これにより、トンブクトゥーでも東京でもナビゲートする場合でも、地図の一貫性が保たれます。

最終的なアプローチは、現実の抽象化です。主要なランドマークのみがカスタムモデル化されており、価値のない地図の clutter がない十分なコンテキストをユーザーに提供します。

主要な建築設計機能のみを使用した世界中で一貫した建物のシンボル表示により、ランドマークを煩雑さなしに認識できます。

3D要素は、精度、パフォーマンス、スタイルの簡素化の絶妙なバランスを考慮して設計されています。モデリングプロセスを最適化するために、3Dアーティストは、構造の本質と特徴的な要素を保持しながら、建築の詳細を簡素化および標準化する自動化された手法を作成しました。 

ファサードの簡素化

アプリケーションで象徴的なリアリズムを活用する

3DベースマップであるMapbox Standardと、それが実現する地図体験は、当社のWebおよびモバイルソリューションの最新バージョンをお持ちのすべてのお客様にご利用いただけるようになりました。これらの新しいバージョンに移行するか、新しい顧客として使用を開始するには、GL JS V3およびiOSAndroid用のMobile Maps SDKs v11のドキュメントを参照してください。

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

関連記事