עיצוב אפליקציות עם מטריאל דיזיין

עיצוב אפליקציות עם מטריאל דיזיין
עיצוב אפליקציות

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

מטריאל דיזיין

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

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

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

הפונטים של מטריאל דיזיין

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

הפיתוח של הפונט Noto הוא שיתוף פעולה של Google  ו – Monotype. השם Noto הוא למעשה קיצור של: no more tofu (התופעה המעצבנת של ריבועים שמופיעים במקום טקסט כשהפונט לא עבר לוקליזציה לשפה הנדרשת ונקראים tofu). והרעיון הוא כאמור לקחת את פונט הדגל Roboto ובאמצעות אימוץ שלו לכל השפות הקיימות לחסל סופית את התופעה של טקסטים לא קריאים במכשירים מבוססים פלטפורמת אנדרואיד.

האייקונים של מטריאל דיזיין

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

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

פוסטים אחרונים

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