שימוש בממשק המשתמש המודרני

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

כדי להשתמש באפשרויות העיצוב האלה, צריך להפעיל את התכונה בגרסת טרום-השקה (Preview) ממשק משתמש מודרני בדף Preview בחלונית הניהול. התכונה הזו בגרסת טרום-השקה (Preview) נתמכת בכל סוגי הפריסה של Looker, כולל Looker (המקורית) ו-Looker (Google Cloud Core), והיא מופעלת כברירת מחדל.

כשמפעילים את התכונה ממשק משתמש מודרני בגרסת טרום-השקה (Preview), מקבלים את ההגדרות והעדכונים הבאים:

  • תצוגות חזותיות מודרניות: ההגדרה עיצוב תצוגה חזותית בתרשימים של Looker מאפשרת למשתמשים לבחור עיצוב חדש של תצוגה חזותית מודרנית לתרשימים של Looker.
  • מרכזי בקרה מודרניים: ההגדרה Dashboard style למרכזי בקרה מאפשרת למשתמשים לבחור סגנון מודרני חדש למרכזי הבקרה של Looker.

תרשימים מודרניים להמחשה

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

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

סוגי תרשימים נתמכים

במהלך ההשקה של גרסת טרום-השקה (Preview), העיצוב המודרני של התצוגה החזותית תומך בסוגי התרשימים המובנים הכי פופולריים של Looker:

כל סוגי התרשימים האחרים (כמו תרשים קופסה, מפות Google, מפה (דור קודם), משפך, פיזור, טבלה (דור קודם), ציר זמן ומפל מים) לא נתמכים בעיצוב המודרני של התצוגה החזותית. אם ב-Look או ב-Explore נעשה שימוש בסוג תרשים שלא נתמך, ההגדרה Visualization Theme לא תופיע בתפריט העריכה שלו.

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

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

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

רכיב חזותי עיצוב קלאסי של המחשה חזותית עיצוב מודרני של תרשים להמחשה
טיפוגרפיה
  • משתמש בגופן אחיד אחד (כמו Roboto Regular) לכל רכיבי התרשים.
  • כל הטקסט בתרשים, כולל הכותרות והערכים, מוצג באותו צבע כהה.
  • התוויות בצירים מסתובבות לעיתים קרובות באלכסון או מוצגות עם שלוש נקודות (...) כדי להתאים למרחב.
  • Google Sans: הגופן הזה מיושם בכותרות, בכותרות עליונות ובמקראות, תוך שימוש מכוון בעובי ובמדרג צבעים כדי ליצור היררכיה ברורה.
  • ‫Google Sans Text: הגופן הזה משמש לתוויות קטנות יותר ולצירים כדי לשפר את הקריאוּת.
  • ערכים בגופן ברוחב אחיד: המספרים לאורך צירי התרשים מוצגים בגופן ברוחב אחיד כדי לשמור על יישור אנכי נקי.
  • שינוי גודל מותאם: הגודל של התוויות משתנה באופן דינמי, והן לא מסתובבות באלכסון או אנכית כשאפשר להימנע מכך.
צבעי ברירת המחדל
  • בתרשימים חדשים, ברירת המחדל היא אוסף הצבעים Shoreline.
  • כאשר הגדרת האדמין Default Visualization Colors מוגדרת לאוסף צבעים שאינו ברירת המחדל (במילים אחרות, מוגדרת לאוסף צבעים שאינו Shoreline), ההגדרה הזו מבטלת את אוסף הצבעים Shoreline בתרשימים חדשים.
  • אוסף הצבעים המודרני לא זמין לתרשימים כשנבחר עיצוב ההמחשה הקלאסי.
  • בתרשימים חדשים, ברירת המחדל היא ערכת הצבעים המודרנית.
  • כשההגדרה Default Visualization Colors Admin setting מוגדרת לאוסף צבעים שאינו ברירת המחדל (במילים אחרות, מוגדרת לאוסף צבעים שאינו Shoreline), ההגדרה הזו מבטלת את אוסף הצבעים Modern בתרשימים חדשים.
  • המערכת בוחרת באופן אוטומטי את סוג לוח הצבעים האופטימלי (קטגורי, רציף או מפוצל) על סמך הנתונים בשאילתה.
תרשימים קרטזיים (עמודות, טורים, קווים, שטחים)
  • קווי הרשת וקווי הצירים בולטים מאוד (אפור כהה).
  • העמודות והעמודות האופקיות מוצגות עם פינות חדות של 90 מעלות.
  • קווי הרשת וקווי הצירים מעומעמים בצבע בהיר ורך יותר כדי למקד את תשומת הלב בנתונים.
  • עמודות ופסים מוצגים עם קצוות חיצוניים מעוגלים (רדיוס פינה של 4 פיקסלים).
  • המרווח בין העמודות והפסים הורחב כדי לשמור על הפרדה ברורה בין הפלחים.
תרשימי עוגה וטבעת
  • הפרוסות מוצגות עם פינות חדות וצמודות זו לזו.
  • הפרוסות כוללות קצוות חיצוניים מעוגלים ורווחים קטנים ביניהן.
  • תוויות המקרא מציגות ערכים, אחוזים או את שניהם זה לצד זה.
תרשימים עם ערך יחיד
  • מרווחים סטנדרטיים שעשויים להשתנות בדרכים לא צפויות.
  • ריפוד נדיב וגובה שורות מותאם כדי להבטיח שהכותרות, הערכים ותוויות ההשוואה מופרדים וניתנים לסריקה.
אינטראקציות וטיפים
  • פעולות בסיסיות של העברת העכבר ללא תנועה דינמית.
  • ההסברים הקצרים כוללים פינות חדות ורקעים אפורים רגילים.
  • כשמציבים את הסמן מעל פרוסות בעוגה או בוחרים אותן, הן מתרחבות מעט ("מתנפחות") ומתנתקות מהתרשים.
  • כשמעבירים את הסמן מעל תרשים קו, הקו הספציפי הזה מתעבה מעט והקווים האחרים מתעמעמים.
  • ההסברים הקצרים כוללים פינות מעוגלות, מרווחים מעודנים ורקעים כהים יותר לניגודיות גבוהה. תמיכה במסכי מגע ובמכשירים ניידים.
  • הלוגיקה של סינון צולב וההתנהגות של פירוט הנתונים במרכז הבקרה לא משתנות.

אוסף הצבעים "מודרני"

אם ממשק המשתמש המודרני תכונה בגרסת טרום-השקה (Preview) מופעלת, אוסף הצבעים המודרני יופיע כאפשרות בהגדרה Default Visualization Colors. גם אם לא תבחרו את אוסף הצבעים "מודרני" בהגדרה הזו, אם תבחרו את עיצוב התצוגה החזותית "מודרני" לתצוגה חזותית, היא תשתמש באוסף הצבעים "מודרני" כברירת מחדל.

אוסף הצבעים "מודרני" פותח במטרה:

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

הפעלת העיצוב המודרני של התצוגה החזותית (לאדמינים)

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

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

אם רוצים להגדיר את אוסף הצבעים של העיצוב המודרני כברירת המחדל של לוח הצבעים לכל התצוגות החזותיות החדשות ב-Looker, כולל תצוגות חזותיות שלא תומכות בעיצובים של תצוגות חזותיות, אפשר לבחור אותו בהגדרה Default Visualization Colors בדף Settings בחלונית הניהול אחרי שמפעילים את התכונה בגרסת טרום-השקה (Preview) ‏ממשק המשתמש המודרני. ההגדרה הזו מפעילה רק את פלטות הצבעים, ולא את התכונות האחרות של העיצוב המודרני. אם אתם מפעילים את התכונה ממשק משתמש מודרני ורוצים שההמחשות החדשות של כל סוגי התרשימים ישתמשו באותם צבעי ברירת מחדל, בחרו באפשרות מודרני בהגדרה הזו.

בחירת עיצובים לתרשימים ספציפיים

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

הרשאות של משתמשים

כדי להשתמש בתצוגות חזותיות עם העיצוב המודרני ולשמור אותן, צריך את ההרשאות הבאות ב-Looker:

  • כדי להגדיר סגנונות מודרניים ב-Explores: למשתמשים צריכה להיות ההרשאה explore למודלים הרלוונטיים.
  • כדי לשמור סגנונות מודרניים של תצוגות חזותיות ב-Look ספציפי: למשתמשים צריכות להיות ההרשאות explore,‏ save_content ו-save_looks. למשתמשים צריכה להיות גם רמת הגישה ניהול גישה, עריכה לכל Look שהם רוצים לערוך.

הגדרות התרשים

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

תרשימי טבלה

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

  1. אם אתם צופים ב-Look, לוחצים על הכפתור Edit כדי לערוך את ה-Look.
  2. ב-Look או ב-Explore, בכרטיסייה Visualization, לוחצים על Edit כדי לפתוח את תפריט העריכה.
  3. עוברים לכרטיסייה תרשים בתפריט העריכה.
  4. בשדה הנפתח עיצוב הטבלה, בוחרים באפשרות מודרני או באחד מעיצובי הטבלה האחרים. התצוגה החזותית מתעדכנת ומציגה את העיצוב שנבחר.
  5. אחרי שבוחרים את העיצוב הרצוי, אפשר לשמור את התצוגה החזותית כ-Look או להוסיף אותה למרכז בקרה. העיצוב שבחרתם נשמר כחלק מההגדרות של התצוגה החזותית.

תרשימים אחרים

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

  1. אם אתם צופים ב-Look, לוחצים על הכפתור Edit כדי לערוך את ה-Look.
  2. ב-Look או ב-Explore, בכרטיסייה Visualization, לוחצים על Edit כדי לפתוח את תפריט העריכה.
  3. עוברים לכרטיסייה תרשים בתפריט העריכה.
  4. בשדה הנפתח Visualization theme, בוחרים באפשרות Modern או Classic. התצוגה החזותית מתעדכנת ומציגה את העיצוב שנבחר.
  5. אחרי שבוחרים את העיצוב הרצוי, אפשר לשמור את התצוגה החזותית כ-Look או להוסיף אותה למרכז בקרה. העיצוב שבחרתם נשמר כחלק מההגדרות של התצוגה החזותית.

משבצות במרכז הבקרה

  1. מעבירים את מרכז הבקרה למצב עריכה.
  2. פותחים את החלון Edit Tile של המשבצת.
  3. בכרטיסייה Visualization, לוחצים על Edit כדי לפתוח את תפריט העריכה.
  4. עוברים לכרטיסייה תרשים בתפריט העריכה.
  5. בשדה הנפתח Visualization Theme, בוחרים באפשרות Modern או Classic. התצוגה החזותית מתעדכנת ומציגה את העיצוב שנבחר.
  6. אחרי שבוחרים את העיצוב הרצוי, אפשר לשמור את השינוי בלחיצה על שמירה בחלון עריכת המשבצת ואז על שמירה במרכז הבקרה.

רכיבים במרכז הבקרה של LookML

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

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

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

שמירת סגנון אישי

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

  • סגנונות בהתאמה אישית (נשמרים): אם התאמתם באופן ידני מאפייני עיצוב ספציפיים (למשל, הזנתם קודי צבע בהתאמה אישית, שיניתם את גבולות הצירים למספרים ספציפיים או הגדרתם באופן ידני שמות של סדרות בתרשים), Looker שומר את השינויים האלה בדיוק כמו שהם. העיצוב המודרני לא יחליף את הבחירות המותאמות אישית שלכם.
  • מאפיינים שלא נגעתם בהם (מעודכנים): כל הגדרות הסגנון שלא שיניתם (מאפיינים שנשארו במצב ברירת המחדל שלהם) משודרגות באופן אוטומטי לסגנון של העיצוב המודרני, כמו הגופנים החדשים, קווי הרשת המעומעמים והפינות המעוגלות.

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

מתבצע איפוס לברירות המחדל

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

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

מגבלות ידועות

בזמן שעיצוב התצוגה המודרני נמצא בגרסת טרום-השקה (Preview), יש את המגבלות הבאות:

  • העיצוב המודרני זמין רק לסוגי התרשימים שמפורטים בקטע סוגי תרשימים נתמכים. כל שאר התצוגות החזותיות המובנות של Looker, כולל מפות, יוצגו באמצעות העיצוב הקלאסי.
  • עיצוב התצוגה החזותית "מודרני" חל רק על תצוגות חזותיות מובנות של Looker. היא לא משפיעה על תצוגות חזותיות בהתאמה אישית שפותחו באמצעות סביבת התוספים של Looker או על אלה שהותקנו מ-Looker Marketplace.
  • אי אפשר לערוך עיצובים של תצוגות באופן פרוגרמטי באמצעות Looker API או Embed SDK.

מרכזי בקרה מודרניים

כשהתכונה ממשק משתמש מודרני בגרסת טרום-השקה (Preview) מופעלת, לוחות הבקרה החדשים משתמשים בסגנון המודרני כברירת מחדל. כשמשתמשים בסגנון המודרני של מרכז הבקרה, נוצרים מרכזי בקרה עם מראה מודרני ויעיל ודגש על צפיפות הנתונים. לחלופין, אתם יכולים להשתמש בסגנון לוח הבקרה הקלאסי שכבר קיים ב-Looker. בהגדרה סגנון מרכז הבקרה, בוחרים את הסגנון של מרכזי הבקרה: מודרני או קלאסי.

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

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

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

מה ההבדל בין סגנונות מרכז הבקרה המודרני והקלאסי

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

בטבלה הבאה מתוארים ההבדלים בין לוחות בקרה בסגנון מודרני לבין לוחות בקרה בסגנון קלאסי.

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

הפעלת הסגנון המודרני של מרכז הבקרה (לאדמינים)

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

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

הגדרת סגנון למרכזי בקרה ספציפיים

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

הרשאות של משתמשים

כדי להשתמש במרכזי בקרה בסגנון המודרני ולשמור אותם, למשתמשים צריכה להיות ההרשאה save_dashboards ב-Looker. כדי לערוך מרכזי בקרה, המשתמשים צריכים גם את רמת הגישה ניהול גישה, עריכה.

הגדרת הסגנון של מרכז הבקרה

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

לוח בקרה בהגדרת המשתמש

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

מרכז שליטה של LookML

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

מרכזי בקרה מוטמעים

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

השלב הבא: