چک لیست طراحی
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
دستورالعمل های زیر به مشکلات رایج طراحی هنگام ایجاد یا ویرایش یک سبک نقشه می پردازد. گوگل توصیه می کند که برای مونتاژ و بررسی طرح خود با یک طراح گرافیک نیز مشورت کنید.
اطمینان حاصل کنید که کنتراست رنگ کافی وجود دارد : کنتراست به خواندن متن کمک می کند و به تشخیص برخی از ویژگی های نقشه کمک می کند. برای جزئیات، به انتخاب رنگهای پر و خط متضاد مراجعه کنید.
سطوح مختلف بزرگنمایی را بررسی کنید : آزمایش کنید که عناصر سبک شما در سطوح مختلف بزرگنمایی خوب به نظر می رسند.
از ترکیب رنگهایی که برای کاربران کوررنگی مشکلساز هستند اجتناب کنید : مطمئن شوید که طرح شما برای افرادی که کوررنگ هستند قابل استفاده است.
بررسی حالت شب : برای طرح های موبایل، مطمئن شوید که طرح شما با حالت شب کار می کند.
رنگ های پر و خط متضاد را انتخاب کنید
اطمینان حاصل کنید که کنتراست کافی بین رنگهای پر و ضربه وجود دارد تا مطمئن شوید که ویژگیهای نقشه شما از پسزمینه و از ویژگیهای نقشه مشابه قابل تشخیص هستند.
چند ضلعی برای یک خط : رنگ هایی را انتخاب کنید که کنتراست دارند تا جزئیات روی یک خط نشان داده شوند. به عنوان مثال، دنباله ها خطوط نقطه چین هستند و اگر رنگ ها کنتراست کافی نداشته باشند، مانند یک خط ثابت به نظر می رسد. بزرگراهها در لبههای بیرونی مشخص شدهاند، بنابراین بدون تضاد، ممکن است جامد به نظر برسند و بنابراین میتوانند با سایر انواع جادهها اشتباه گرفته شوند.
چند ضلعی برای یک شکل : کنتراست به شما کمک می کند مرزهای بین چند ضلعی هایی را که در کنار یکدیگر قرار دارند را ببینید.
stroke و پر کردن متن : برای متن، stroke رنگ طرح کلی شما است که به خواندن متن در برابر رنگهای پسزمینه کمک میکند. اگر رنگ سکته مغزی بیش از حد شبیه به رنگ پر شده باشد، ممکن است فونت شما تار یا خارج از فوکوس ظاهر شود.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2025-08-29 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2025-08-29 بهوقت ساعت هماهنگ جهانی."],[],[],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."]]