דילוג לתוכן הראשי
רכיבי אתר

תפריט ניווט

Navigation Menu

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

תפריט בכותרת האתר

לוגו, שם האתר, תפריט וכפתור, כמו בכותרת אמיתית. מעבירים את העכבר על "שירותים" או "עבודות" כדי לפתוח תת-⁠תפריט (ב"מיתוג" יש עוד רמה), ו-⁠Tab עובר בין הפריטים. הפריט "תפריט ניווט" מוביל לעמוד הזה ולכן מסומן כעמוד הנוכחי. בטאבלט ובטלפון מופיע כפתור תפריט שפותח רשימה נפתחת.

בפס כהה, עם פאנל צד בטלפון

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

שישה אפקטים במעבר עכבר

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

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

יישור התפריט

בצד של הלוגו, במרכז, בצד של הכפתור, או מפוזר על כל הרוחב.

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

כפתור תפריט בכל המסכים

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

יישור הכפתור

תפריט בעמודה

לסרגל צד או לכותרת התחתונה: הפריטים אחד מתחת לשני, ותתי-⁠התפריטים נפתחים הצידה.

תוכן העמוד

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

בכותרת התחתונה: תפריט בעמודה, עם סימן פלוס ותתי-⁠תפריטים כהים. בטלפון הוא נפתח מכפתור "קישורים".

עיצוב פריטים ותתי-תפריטים

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