רשימת משימות לעיצוב
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
ההנחיות הבאות מתייחסות לטעויות נפוצות בעיצוב כשיוצרים או עורכים סגנון מפה. Google ממליצה להתייעץ עם מעצב גרפי כדי להרכיב ולבדוק את העיצוב.
מוודאים שיש מספיק ניגודיות בין הצבעים: הניגודיות עוזרת לשמור על קריאות הטקסט ולבצע הבחנה בין תכונות מסוימות במפה. פרטים נוספים זמינים במאמר בנושא בחירת צבעים מנוגדים למילוי ולשוליים.
בדיקה של רמות זום שונות: חשוב לבדוק שרכיבי הסגנון נראים טוב ברמות זום שונות.
אל תשתמשו בשילובי צבעים שידועים כבעייתיים למשתמשים עם עיוורון צבעים:
חשוב לוודא שהעיצוב שלכם שימושי לאנשים עם עיוורון צבעים.
בדיקת מצב לילה: בעיצובים לנייד, חשוב לוודא שהעיצוב פועל במצב לילה.
בחירת צבעים מנוגדים למילוי ולשוליים
חשוב לוודא שיש מספיק ניגודיות בין צבעי המילוי והקו כדי להבטיח שאפשר להבחין בין התכונות במפה לבין הרקע ולבין תכונות דומות במפה.
מצולעים לקו: בוחרים צבעים עם ניגודיות כדי להציג את הפרטים בקו. לדוגמה, שבילים הם קווים מקווקווים, ואם אין מספיק ניגודיות בין הצבעים, הם נראים כמו קו רציף. הכבישים המהירים מודגשים בקצוות החיצוניים, ולכן בלי ניגודיות הם עשויים להיראות מלאים, ואפשר להתבלבל בינם לבין סוגים אחרים של כבישים.
מצולעים של צורה: הניגודיות עוזרת לראות את הגבולות בין מצולעים סמוכים.
קו מתאר ומילוי של טקסט: בטקסט, קו המתאר הוא צבע המתאר, שעוזר להפוך את הטקסט לקריא על רקע צבעי הרקע. אם צבע הקו
דומה מדי לצבע המילוי, יכול להיות שהגופנים ייראו מטושטשים או לא בפוקוס.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-08-31 (שעון UTC).
[null,null,["עדכון אחרון: 2025-08-31 (שעון UTC)."],[],[],null,["# Design checklist\n\nSelect 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-----------------------------------------\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."]]
