אחד השינויים המרגשים ביותר ב- Android 5.0 הוא המבוא של מה ש- Google מכנה "עיצוב חומרים", שפת עיצוב חדשה שקובעת כיצד אפליקציות החברה ייראו קדימה. אם אתה עוקב אחר בלוגים של Android או אתרי טכנולוגיה, ייתכן שראית את שתי המילים האלה נזרקות לא מעט. אבל מה הם בעצם מתכוונים?

בואו נשבור את זה.

לחשוב על עיצוב חומר פשוטו כמשמעו

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

כך הסבירו מפתחי Google את הדברים ב- Google I / O 2014.

אבל מה עושה עיצוב חומר למעשה נראה?

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

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

אחד הסימנים המסחריים של אפליקציות עיצוב של חומרים עד כה היה נועז, צבעים בהירים. Google הדגימה זאת באפליקציות שלה, עם Gmail להיות אדום, תיבת הדואר הנכנס של Gmail ספורט כחול בהיר, ולהמשיך מקבל צהוב. נגן מוסיקה הוא כתום, Play ספרים הוא כחול, לשחק Newstand הוא סגול, לשחק משחקים ירוק, ו- Play וידאו הוא אדום. חנות Play App מחליף בין חמשת הצבעים האלה, אבל זה לבד לא מה שהופך אותו דוגמה טובה של עיצוב חומר.

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

אנימציות הן מפתח

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

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

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

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

עיצוב החומר הוא לא רק על אנדרואיד

בעוד שפת העיצוב החדשה של גוגל מעוררת את ההתרגשות הרבה ביותר בפלטפורמה הניידת שלה, זה לא משקף את מקורותיה. המאמץ הזה נבע מהאתגרים שעמדו בפני יצירת אתרי אינטרנט שמגדלים בין גדלי מסכים שונים. ענקית החיפוש רוצה את המראה והתחושה לעבור בין גורמים צורה, עם אנשים מסוגלים לנווט מכשיר אחד באמצעות מידע שהם למדו מאחד. כבר ניתן לראות את עיצוב החומר בגירסאות האינטרנט של Keep, Drive ו- Inbox by Gmail. הוא צפוי להופיע באופן בולט יותר במערכת ההפעלה של Chrome.

איפה אני יכול למצוא עיצוב חומר על אנדרואיד היום?

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

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

אם יש לך שאלות על עיצוב חומר, אל תהסס לשאול משם את ההערות להלן!

זיכויי תמונה: מפתחי Android, Google