Tasarımla ilgili yapılacaklar listesi
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Aşağıdaki yönergeler, harita stili oluştururken veya düzenlerken karşılaşılan yaygın tasarım sorunlarını ele almaktadır. Google, tasarımınızı oluşturup incelemek için bir grafik tasarımcıya da danışmanızı önerir.
Yeterli renk kontrastı olduğundan emin olun: Kontrast, metnin okunabilirliğini korumaya ve belirli harita özelliklerini ayırt etmeye yardımcı olur. Ayrıntılar için Kontrast dolgu ve kontur renkleri seçme başlıklı makaleyi inceleyin.
Farklı yakınlaştırma düzeylerini kontrol edin: Stil öğelerinizin farklı yakınlaştırma düzeylerinde iyi göründüğünü test edin.
Renk körü kullanıcılar için sorunlu olduğu bilinen renk kombinasyonlarından kaçının:
Tasarımınızın renk körü kişiler tarafından kullanılabilir olduğundan emin olun.
Gece modunu kontrol edin: Mobil tasarımlarda, tasarımınızın gece moduyla çalıştığından emin olun.
Zıt dolgu ve kontur renkleri seçin
Harita öğelerinizin arka plandan ve benzer harita öğelerinden ayırt edilebilmesi için dolgu ve kontur renkleri arasında yeterli kontrast olduğundan emin olun.
Bir çizgi için poligonlar: Bir çizgideki ayrıntıyı göstermek için kontrast oluşturan renkler seçin. Örneğin, parkurlar noktalı çizgilerdir ve renkler yeterli kontrasta sahip değilse tek bir çizgi gibi görünür. Otoyollar dış kenarlardan çizilir. Bu nedenle, kontrast olmadan tek renk görünebilir ve diğer yol türleriyle karıştırılabilir.
Şekil için çokgenler: Kontrast, yan yana olan çokgenler arasındaki sınırları görmenize yardımcı olur.
Metin konturu ve dolgusu: Metinlerde kontur, ana hat renginizdir. Bu renk, metnin arka plan renklerine karşı okunabilir olmasını sağlar. Kontur rengi, dolgu rengine çok benziyorsa yazı tipleriniz de bulanık veya odak dışı görünebilir.
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-08-27 UTC.
[null,null,["Son güncelleme tarihi: 2025-08-27 UTC."],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/design-resources \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/design-resources \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/design-resources \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/design-resources \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nThe following guidelines address common design\npitfalls when creating or editing a map style. Google recommends\nyou also consult with a graphic designer to assemble and review your design.\n\n- **Make sure there is enough color contrast** : Contrast helps keep the text\n readable and helps distinguish certain map features. For details, see\n [Choose contrasting fill and stroke colors](#contrast).\n\n- **Check different zoom levels**: Test that your style elements look good at\n different zoom levels.\n\n- **Avoid color combinations known to be problematic for colorblind users**:\n Make sure your design is usable for people who are colorblind.\n\n- **Check Night mode**: For mobile designs, make sure your design works with\n Night mode.\n\nChoose contrasting fill and stroke colors\n\nMake sure there is enough contrast between fill and stroke colors to make sure\nyour map features are distinguishable from the background and from similar map\nfeatures.\n\n- **Polygons for a line**: Choose colors that contrast to show the detail on\n a line. For example, trails are dotted lines, and if the colors don't\n have enough contrast, it looks like a solid line. Highways are outlined on\n the outer edges, so without contrast, they may look solid, and therefore\n could be confused with other road types.\n\n- **Polygons for a shape**: Contrast helps you see the borders between\n polygons that are next to each other.\n\n- **Text stroke and fill**: For text, the stroke is your outline color, which\n helps to make the text readable against background colors. If the stroke\n color is too similar to the fill color, your fonts may also appear blurry or\n out of focus."]]
