רשימות

רשימות הן ייצוג חזותי של פריט קשור אחד או יותר. בדרך כלל משתמשים בהם כדי להציג אוסף של אפשרויות.

תמונת שער לרשימות

משאבים

סוג קישור סטטוס
עיצוב עיצוב של מקור (Figma) יש גישה
הטמעה Jetpack פיתוח נייטיב יש גישה

המיטב

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

וריאנטים

יש שלושה סוגי רשימות: רשימה בת שורה אחת, רשימה בת שתי שורות, ו של שלוש שורות.

פירוט האנטומיה

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

אנטומיה

פירוט האנטומיה

  1. סמל: פריט גרפי קטן שמייצג אובייקט או פעולה ספציפיים, לעיתים קרובות שמשמשים להצגה חזותית של רעיון או קונספט כלשהו.
  2. כותרת מקדימה: שורת טקסט קצרה שמופיעה מעל הכותרת או כותרת המשנה. משמש לעיתים קרובות כדי לספק הקשר נוסף או הדגשה.
  3. כותרת: שורת טקסט גדולה ומודגשת שמשמשת ככותרת הראשית של רכיב עיצובי או דף.
  4. כותרת משנה: שורת טקסט קטנה יותר עם מידע נוסף או הקשר מתחת לכותרת הראשית.
  5. אמצעי בקרה: רכיב אינטראקטיבי שמאפשר למשתמש להזין החלטה.

מדינות

הצגת רשימה של מצבים

המפרט

הצגת רשימה של מפרטים

הצעת גובה רשימה

ריווח רשימה

שימוש

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

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

בקרות לבחירה

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

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

סמלים

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

דמויות ותמונות

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

דמויות קובצי אימג'