השוואות חזית וגג
הניחו צבעים על תמונות האתר כדי להשוות במהירות בין אפשרויות לחזית, לגג ולפרטים.
מדמה צבע חיצוני ופנימי + בודק ניגודיות
העלו תמונה כדי להשוות במקום שינויים בצבע חיצוני, פנימי, שילוט ותצוגות בסגנון UI.
בדיקות מובנות של 4.5:1 לטקסט רגיל, 3:1 לטקסט גדול ו-3:1 לרכיבי UI עוזרות להצעה שלכם להיראות משכנעת יותר.
התמונות נשארות בדפדפן
הנחת שכבות של שילוט, טקסט ומוקאפים של UI
בדיקות מיידיות של 4.5:1 / 3:1
איך משתמשים
- העלו תמונת חזית או פנים.
- בחרו סצנה וכוונו את הצבע הראשי וצבע ההדגשה.
- הזינו כותרת, טקסט גוף וטקסט כפתור כדי לבדוק שילוט ומוקאפים של UI.
- עברו על הניגודיות ואז השתמשו בייצוא PNG/JPEG או בכתובת השיתוף בהצעה שלכם.
היכן זה עוזר
הצעות לפנים המבנה
הציגו חדרי ישיבות, דלפקי קבלה ואזורי ישיבה באמצעות ניתוח צבע מבוסס תמונה.
שילוט ולוחות כיוון
בדקו איך צבע הטקסט וצבע הרקע עובדים יחד לפני ההצגה.
תצוגות מקדימות בסגנון UI
הפכו כרטיסי הצעה וכפתורים למוקאפים נקיים של UI שקל יותר לסקור.
תקני ניגודיות
טקסט רגיל 4.5:1
השתמשו בזה כבסיס לטקסט גוף ולשאר הטקסט הקטן.
טקסט גדול 3:1
השתמשו ב-3:1 לכותרות ולטקסט גדול יותר כדי לוודא ניגודיות קריאה.
רכיבי UI 3:1
השתמשו ב-3:1 לכפתורים, מסגרות ואייקונים כדי להבליט הבדלים.
הערות
- התמונות והטקסט שהוקלד משמשים רק במכשיר הזה.
- צבעי צבע אמיתיים משתנים לפי תאורה, תשתית וחומרים, לכן תמיד אשרו עם דגימות פיזיות לפני ההחלטה הסופית.
- בדיקת הניגודיות עוקבת אחר נוסחת WCAG ונועדה כמדריך לשלב ההצעה. כשיש תקנים משפטיים או פנימיים, פעלו לפיהם קודם.
שאלות נפוצות
האם התמונות נשלחות לשרת?
לא. התמונות שהועלו מעובדות כולן בדפדפן.
האם כתובות השיתוף כוללות תמונות או טקסט שהוקלד?
לא. כתובות השיתוף כוללות רק את הסצנה, הצבעים והגדרות התצוגה.
האם אפשר להשתמש בזה גם לעבודות חוץ וגם לעבודות פנים?
כן. עברו בין הסצנות כדי לסקור חזיתות, פנים, שילוט ופריסות בסגנון UI.
האם בודק הניגודיות מחליף בדיקת נגישות?
לא. זהו מדריך לשלב ההצעה. יש להריץ בדיקות רשמיות ולעקוב בנפרד אחרי התקנים שלכם.