Material Design 3: המהפכה החדשה עבור מפתחי ומעצבי אפליקציות
אולי שמעתם על Google Material Design, ואם אתם מעצבים או מפתחים עבור פלטפורמת אנדרואיד, רוב הסיכויים שכבר השתמשתם בו. בקצרה, Material Design הוא כל החלקים המרכיבים את ממשק המשתמש.
זו ספריה של העיצוב החזותי של כפתורים ואייקונים, אנימציות המעבר בין עמוד לעמוד (Transitions), המרקמים והצללים של כל אלמנט בעמוד, ועוד היבטים רבים אחרים.
Material Design של גוגל לעומת Material You
גוגל פרסמה גרסה חדשה של Material You לשפת העיצוב שלה עבור אפליקציות אנדרואיד. העדכון מביא את Material Design לשלב הבא על ידי מתן שליטה רבה יותר למשתמשים על חווית המשתמש שלהם. Material You היא שפת העיצוב של גוגל, שנוצרה בשנת 2014. זוהי קבוצה של קווים מנחים שנוצרה ע״י גוגל כדי לשפר את המראה והתחושה הכללית של אפליקציות אנדרואיד עם שיטות עיצוב עקביות וחדשניות.
Material You, הגרסה האחרונה של Material Design, מסמנת גישה חדשה לגמרי לעיצוב אפליקציות. כזו שניתן להתאים באמצעותה באופן דינמי ופרסונאלי לטעם האישי של כל משתמש.
עם Material You, השאיפה של גוגל היא לתמוך בכל המעצבים “ליצור עיצובים אישיים ופרסונאלים לכל סגנון, נגישים לכל צורך, חיים ומותאמים לכל מסך”. ולהחזיר את היצירתיות וההתרגשות ביצירת ושימוש באפליקציות אנדרואיד.
מעתה והלאה, ניתן להתאים אפליקציות ווידג’טים על סמך פלטות צבעי הטפטים של המשתמשים. מה שחכם במיוחד בגישה הזו הוא שהיא לא דורשת מאמצים נוספים מהמשתמשים, בהתחשב בכך שרובנו כבר מתאימים את הטפט שלנו, צבעי מערכת ההפעלה ואת הנראות הכללית של המכשיר.
מה חדש ב-Material Design 3?
צבעים דינמיים
צבעים דינמיים הם אחת התכונות האינטיליגנטיות ביותר של Material Design 3, המאפשרת לך ליצור פלטת צבעים הרמונית עבור אפליקציה. אתה יכול להשתמש בתכונה זו כדי להחיל צבעים המרכיבים את תמונת הטפט של המשתמש שלך על טקסט, סמלים, רקעים ואפילו איורים.
רכיבי ממשק משתמש (Components)
רכיבי ממשק המשתמש הם רעננים, שובבים וייחודיים, עם התמקדות ברכיבים פשוטים שעובדים היטב יחד. הם משתמשים בעקרונות Material Design מודרניים כדי לתקשר חזותית בין אינטראקציות וליצור עקביות באמצעות צבע, צורה ותנועה.
תמיכה במכשירים מתקפלים
מעצבי אפליקציות וחווית משתמש יכולים ליצור בקלות ממשקי משתמש ואינטראקציות מעולות עם כלי העריכה החדשים הניתנים ב-Material Design. בערת קומפוזיציות, תוכל להציג בקלות רשימות מידע בצד שמאל של המסך, כך שתוכל למקד את הצד הימני של המסך שלך בפרטים של פריט או נושא בודד.
עיצוב אסימונים (Tokens)
אסימוני עיצוב (Tokens) הם פיצ׳ר חדש שנועד לשפר את העבודה המשותפת ושיתוף הפעולה בין צוותי העיצוב. פוטנציאל החיסכון בזמן הוא אדיר עבור צוותים גדולים שעובדים על בניית אפליקציות מרובות. אסימונים נושאים ערכי סגנון דינמיים – צבעים, גופנים, מדידות – שניתן לעדכן על פני פרויקט שלם בלחיצת כפתור. אסימונים אלו מאפשרים לצוותים לנהל ולנייד סגנונות ממקום אחד על פני שלבי עיצוב והטמעה בכל הפלטפורמות (לא רק אנדרואיד).
איך לעבור לMaterial Design 3?
להלן כלים ולינקים חיוניים
M3: הנחיות ל- Material Design
Material Theme Builder הוא כלי חובה לכל מי שרוצה לחקור צבעים דינמיים. פלטפורמת העיצוב של גוגל מאפשרת לך לדמיין איך צבעים דינמיים ייראו באפליקציה שלך, ליצור את לוחות הצבעים המותאמים אישית למשימה שלך ולייצא הכל ביתר קלות. Material Theme Builder הוא כלי רב עוצמה המאפשר לך ליצור ולהתאים אישית ערכות נושא עבור אפליקציית Android. ניתן גם להשתמש בכלי זה כדי ליצור גוונים מותאמים אישית של צבעים שאינם זמינים בפלטת הצבעים. תוסף Figma ולינק לפלטפורמת העיצוב של גוגל.
ערכת עיצוב ל Figma
Awesome ui/ux pro. Knows how to make the product intuitive to users. Focus on the user, think as users to make their needs be answered.
Great job! we loved the UX and the design you made for our new App, thanks Itay!
אני והשותף שלי עשינו אצל איתי ux/ui לאפליקציה.
הבנאדם הכי מוכשר שיש!
נותן המון מעבר, ונותן לך להבין את המוצר שלך יותר טוב מאיך שהבנת אותו בעצמך.
בעל ניסיון אדיר, יצירתיות אין סופית והכי חשוב שהוא מסדר את הראש וממוקד על מה שנכון וטוב לחווית המשתמש, בלי כל השיט מסביב.
מי שרוצה מוצר מעבר למצויין זה הבנאדם שיקח אתכם לשם.
אנחנו עובדים עם איתי כבר מספר שנים, כבר בראשית הדרך מצאנו בעל מקצוע מהשורה הראשונה, שמהר מאוד הופך לחלק מהותי מעבודת הפיתוח, בליווי, מחשבה ומציאת פתרונות תוך כדי תנועה. ממליץ בחום.
עבדתי עם איתי במספר הזדמנויות. מילים פשוטות לא יוכלו לתאר את הסיפוק הרב מכל התהליך. מתחילתו, פגישת היכרות לפרוייקט כולל מענה מהיר וברור לשאלות, התקדמות בלוחות זמנים שהיתה מהירה יותר ממה שהלקוחה (אני) יכלה להתקדם … תקשורת נפלאה. בקיצור- סיפור אהבה. לכל ייעוץ מהקל אל המורכב איתי הוא הכתובת, מקצוען ברמה בינלאומית, מהיר ועושה אקסטרה מייל עבור הלקוח. אם היה עוד כוכב אחד על חיוך הייתי מוסיפה.
חוזרת שוב ושוב לספק השירות הזה!
איתי – תודה לך!
איזה כיף לעבוד עם איש כל-כך מוכשר ויצירתי שמביא לידי ביטוי את הויז׳ן שחלמת עליו! הגענו לאיתי אחרי הרבה חיפושים ועשרות פגישות מתישות עם מעצבים שלא הצליחו להבין אותנו. לשמחתנו, אחרי פגישה אחת עם איתי ידענו שזה מה שחיפשנו. מעצב ומאפיין בחסד שמקשיב לך ומדייק אותך בדיוק איפה שצריך. איתי הצליח להפוך תהליכים מורכבים לפשוטים גם במוצר וגם בתקשורת מולנו. תודה על הכל, בטוח שניפגש בקרוב.
אני והשותף שלי עשינו אצל איתי ux/ui לאפליקציה. הבנאדם הכי מוכשר שיש! נותן המון מעבר, ונותן לך להבין את המוצר שלך יותר טוב מאיך שהבנת אותו בעצמך. בעל ניסיון אדיר, יצירתיות אין סופית והכי חשוב שהוא מסדר את הראש וממוקד על מה שנכון וטוב לחווית המשתמש, בלי כל השיט מסביב. מי שרוצה מוצר מעבר למצויין זה הבנאדם שיקח אתכם לשם.
זמין לכל בקשה
The importance of User experience and user interface in Automative applications and digital products
