設計チェックリスト
以下のガイドラインでは、地図のスタイルを作成または編集する際に陥りがちなデザイン上の注意点を説明しています。また、グラフィック デザイナーに相談して、デザインの組み立てと確認を行うことをおすすめします。
色のコントラストをはっきりさせる: コントラストがあると、テキストが読みやすくなり、地図上の特定の対象物を区別できるようになります。詳しくは、塗りつぶしの色とストロークの色のコントラストをはっきりさせるをご覧ください。
さまざまなズームレベルでチェックする: さまざまなズームレベルでスタイル要素が適切に表示されるかどうかをテストします。
色覚障害のあるユーザーにとって問題となることがわかっている色の組み合わせを避ける:
色覚障害のあるユーザーにとって使いやすいデザインにします。
夜間モードを確認する: モバイル向けデザインの場合は、デザインが夜間モードに対応するようにします。
塗りつぶしの色とストロークの色のコントラストをはっきりさせる
塗りつぶしの色とストロークの色のコントラストをはっきりさせ、地図上の対象物を背景や類似の対象物と区別できるようにします。
ラインのポリゴン: ラインの詳細がわかるよう、コントラストがはっきりとした色を選択します。たとえば、トレイルが点線で示されている場合、色のコントラストが十分でないと実線のように見えます。高速道路は外枠が描かれているため、コントラストがなければ無地に見えるため、他の種類の道路と混同される可能性があります。
シェイプのポリゴン: コントラストにより、隣り合うポリゴンの境界線が見やすくなります。
テキストのストロークと塗りつぶし: テキストの場合、ストロークの色が枠線の色となりす。ストロークの色により、背景色に対してテキストが読みやすくなります。ストロークの色が塗りつぶしの色に近すぎると、フォントが不明瞭になったり、ぼやけたりする可能性があります。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2023-12-26 UTC。
[null,null,["最終更新日 2023-12-26 UTC。"],[[["These guidelines provide best practices for designing or editing map styles, emphasizing color contrast, zoom level considerations, and colorblind accessibility."],["Google advises collaboration with a graphic designer for optimal design review and implementation."],["Sufficient color contrast is crucial for readability and feature distinction, especially for lines, shapes, and text elements on the map."],["Map styles should be tested across different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and usability."],["Designers need to avoid color combinations that pose challenges for colorblind users, ensuring inclusivity and accessibility for all."]]],[]]