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

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

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

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

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

כפי הנראה כיום בפרספקטיבה של זמן המאמץ השתלם.

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

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

השפה של גוגל מבקשת לחזור לפשטות בסיסית.

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

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

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

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

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

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

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

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

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

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

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

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

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

Material כפרוטוטייפ ראשוני ועליו לבסס את עיצוב האפליקציה בעתיד.

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

UX
,מה זה UX? חוויית משתמש (UXׂׂ) היא החוויה המתקבלת מהאינטראקציה בין משתמשים למוצרים. כשאנחנו מדברים על מוצרים מתקדמים חוויית משתמש טובה היא למעשה תנאי סף לשימוש במוצר. חוויית משתמש גרועה ...
UI
מה זה UI? לפני שנתחיל לברר מה הופך UX UI למוצלח חשוב להבין תחילה על בעצם אנחנו מדברים כאשר אנחנו מדברים על UI.  המונח UI משמעותו ממשק משתמש, באנגלית User Interface.  ההגדרה של ...
שימוש במתודולוגיית case study באפיון ועיצוב אפליקציות היא שיטת מחקר יעילה. למעשה השיטה מסייעת למזער את כמות הטעויות בתהליכי עיצוב ואפיון אפליקציות אתרים וממשקי משתמש. הרעיון בבסיס מחקר ...