סמלים של תיבות דו-שיח

סמלי תיבת דו-שיח מוצגים בתיבות דו-שיח קופצות שמבקשות מהמשתמש לבצע פעולה. הם משתמשים בהדרגתיות של אור ובצל פנימי כדי לבלוט על רקע כהה.

כמו שמתואר במאמר אספקת ערכות סמלים ספציפיות לצפיפות פיקסלים, צריך ליצור ערכות סמלים נפרדות למסכים עם צפיפות פיקסלים נמוכה, בינונית וגבוהה. כך תוכלו לוודא שהסמלים יוצגו בצורה תקינה במגוון המכשירים שבהם אפשר להתקין את האפליקציה שלכם. בטבלה 1 מפורטים הגדלים המומלצים של סמלים מוכנים לכל צפיפות. בנוסף, כדאי לעיין בטיפים למעצבים כדי לקבל הצעות לעבודה עם כמה סטים של סמלים.

טבלה 1. סיכום של מידות הסמלים של תיבת הדו-שיח שהושלמה לכל אחת משלוש רמות הדחיסות הכלליות של המסך.

ldpi (120 dpi)
(מסך בצפיפות נמוכה)
mdpi (160 dpi)
(מסך בצפיפות בינונית)
hdpi (240 dpi)
(מסך בצפיפות גבוהה)
xhdpi (320 dpi)
(מסך בצפיפות גבוהה במיוחד)
גודל הסמל של תיבת הדו-שיח ‫24x24 פיקסלים ‫32x32 פיקסלים ‫48x48 פיקסלים ‫64x64 פיקסלים

צריך לייצא את הגרפיקה הסופית כקובץ PNG שקוף. לא לכלול צבע רקע.

תבניות ליצירת סמלים ב-Adobe Photoshop זמינות בחבילת תבניות הסמלים.

כל הגרסאות של Android

בהנחיות הבאות מוסבר איך לעצב סמלים לתיבות דו-שיח בכל הגרסאות של פלטפורמת Android.

מבנה

  • לסמלי הדו-שיח יש מסגרת בטוחה של פיקסל אחד. הצורה הבסיסית צריכה להיכנס למסגרת הבטוחה, אבל יכול להיות שקצוות הצורה העגולה יחרגו ממנה.
  • כל המידות שצוינו בדף הזה מבוססות על גודל לוח ציור של 32x32 פיקסלים ב-Adobe Photoshop. משאירים מרווח פנימי של פיקסל אחד מסביב לתיבת התוחמת בתוך תבנית Photoshop.
תצוגה של מבנה סמל הדו-שיח.

איור 1. מסגרת בטוחה ומילוי הדרגתי לסמלים של תיבת דו-שיח. גודל הסמל הוא 32x32.

אור, אפקטים וצללים

סמלי הדיאלוג שטוחים ומציגים את הפנים במבט חזיתי. כדי שהמוצר יבלוט על רקע כהה, הוא מורכב ממעבר צבע בהיר וצל פנימי.

תצוגה של אור, אפקטים וצללים לסמלי תיבת הדו-שיח.

איור 2. אור, אפקטים וצללים לסמלי תיבת דו-שיח.

1.חלק קדמי:שכבת-על של מעבר צבע | זווית 90°
תחתית: r 223 | g 223 | b 223
עליון: r 249 | g 249 | b 249
מיקום הצבע התחתון: 0%
מיקום הצבע העליון: 75%
2.צל פנימי:black | 25% opacity |
angle -90° | distance 1px | size 0px

הדרכה מפורטת

  1. יוצרים את הצורות הבסיסיות באמצעות כלי כמו Adobe Illustrator.
  2. מייבאים את הצורה לכלי כמו Adobe Photoshop ומשנים את הגודל כך שתתאים לתמונה בגודל 32x32 פיקסלים על רקע שקוף.
  3. מוסיפים את האפקטים שמופיעים באיור 2 לפילטר המתאים.
  4. מייצאים את הסמל בגודל 32x32 כקובץ PNG עם שקיפות מופעלת.