כלי לתצוגה מקדימה של עיצוב פני שעון גרמין
עצבו וצפו מראש בפני שעון עגולים עם שעה, תאריך, צעדים וקצב לב. בחרו ערכות צבעים כהות, בדקו ניגודיות WCAG לקריאות, והורידו את העיצוב כקובץ PNG.
תצוגה מקדימה של עיצוב פני שעון גרמין
עצבו פני שעון עגולים בסגנון עסקי וצפו בהם מתעדכנים תוך כדי השינויים שלכם. בחרו ערכת צבעים כהה, הגדירו נתוני דוגמה, בדקו את הניגודיות והורידו את התוצאה כקובץ PNG.
ניגודיות מול הרקע
לפי תקן WCAG 2.1, יחס של 3:1 הוא המינימום לטקסט גדול ו-4.5:1 לטקסט קטן יותר. ככל שהיחס גבוה יותר, כך קל יותר לקרוא באור שמש.
תיעוד
כלי זה מציג תצוגה מקדימה של פני שעון עגולים בדפדפן. הוא מצייר פריסה בסגנון עסקי עם השעה, התאריך, מונה צעדים וקצב לב, ומאפשר לשנות את צבעו של כל רכיב. התצוגה המקדימה מתעדכנת עם שינוי הצבעים, ואת העיצוב המוגמר אפשר להוריד כתמונת PNG.
זו רק תצוגה מקדימה של עיצוב. הכלי אינו מתחבר לשעון ואינו מפיק פני שעון הניתנים להתקנה.
מה התצוגה המקדימה מציגה
פני השעון משתמשים בפריסה שרוב פני השעון העגולים מגיעים אליה:
- התאריך בחלק העליון
- השעה בגודל גדול במרכז
- מונה הצעדים וקצב הלב זה לצד זה מתחת
- מסגרת עם סימוני שעות סביב הקצה
אפשר לשנות את נתוני הדוגמה כדי לבחון את העיצוב עם מספרים מציאותיים. מונה צעדים בן ארבע ספרות תופס יותר מקום ממונה בן שתי ספרות, ושעון 12 שעות מוסיף סימון AM או PM.
מדוע ערכות צבעים כהות
רוב שעוני היד העגולים של גרמין משתמשים במסך memory-in-pixel או OLED. במסך OLED, רקע כהה צורך פחות אנרגיה, מכיוון שפיקסלים שחורים פשוט כבויים. פני שעון כהים גם קלים יותר לקריאה באור שמש חזק, שם רקע בהיר משקף יותר סנוור.
מסיבה זו כל התבניות המוכנות כאן כהות. עדיין אפשר לבחור רקע בהיר, והכלי יציין שהבחירה חורגת מהנוהג המקובל.
ניגודיות וקריאות
שעון נקרא במבט חטוף, לעיתים קרובות באור חלש או בתנועה, כך שהניגודיות חשובה יותר מאשר בטלפון. הכלי מודד את יחס הניגודיות בין כל רכיב לרקע לפי הנוסחה של WCAG 2.1.
היחס משווה את הבהירות היחסית של שני צבעים:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 הוא הבהירות הבהירה יותר ו-L2 הכהה יותר. התוצאה נעה בין 1:1, שפירושו צבעים זהים, ל-21:1 עבור שחור על גבי לבן.
שני ספי סף כדאי להכיר:
- 3:1 הוא המינימום לטקסט גדול
- 4.5:1 הוא המינימום לטקסט בגודל רגיל
השעה גדולה, כך שמבחינה עקרונית 3:1 מספיק לה, אבל יחס גבוה יותר עדיף בחוץ. התוויות הקטנות יותר נהנות מ-4.5:1 ומעלה.
דוגמה
קחו רקע בצבע #0b1020, כחול נייבי כהה מאוד, עם טקסט לבן בצבע #ffffff. הניגודיות היא כ-18:1, נוחה בכל תאורה.
שנו את צבע מונה הצעדים ל-#2a3a5e, כחול הקרוב לצבע הרקע, והיחס יורד לכ-1.6:1. המספר הופך אז כמעט בלתי נראה במרחק זרוע, והכלי מסמן אותו.
הורדת העיצוב
כפתור ההורדה הופך את התצוגה המקדימה החיה לקובץ PNG בגודל 320 על 320 פיקסלים. התמונה נוצרת בדפדפן; שום דבר לא מועלה לשרת. אפשר להשתמש בקובץ כדגם, לשתף אותו לקבלת משוב, או לשמור אותו כרפרנס בזמן בניית פני השעון האמיתיים בכלי ה-Connect IQ של גרמין.
שאלות נפוצות
האם זה יוצר פני שעון שאפשר להתקין?
לא. הכלי מפיק תמונה של עיצוב. בניית פני שעון הניתנים להתקנה דורשת את ערכת הפיתוח Connect IQ של גרמין או את Garmin Watch Face Builder.
מדוע התצוגה המקדימה מרובעת בזמן שהשעון עגול?
התמונה היא קנבס מרובע שבתוכו מצוירים פני שעון עגולים, וכך בדרך כלל יוצרים גרפיקה של פני שעון. הפינות פשוט אינן מוצגות על השעון.
מה הגודל שצריך להיות לפני שעון אמיתיים?
זה תלוי בדגם. מסכים עגולים נפוצים של גרמין הם 240 על 240, 260 על 260 ו-416 על 416 פיקסלים. התצוגה המקדימה משתמשת ב-320 על 320 כאמצע הדרך.
מדוע הצבע שלי נראה שונה על השעון?
מסכי השעונים משתנים בבהירות ובשחזור הצבע, ומסכי memory-in-pixel מציגים פלטה מוגבלת. יש להתייחס לתצוגה המקדימה כאל מדריך, ולאחר מכן לבדוק את המסך האמיתי.
מה המשמעות של מספרי הניגודיות?
אלה יחסים מתוך תקן הנגישות WCAG 2.1, אותו מדד המשמש לאתרי אינטרנט. מספרים גבוהים יותר קלים יותר לקריאה.