הסבר על Material Design
פרקי ההרצאה: הסבר על Material Design
תמלול ההרצאה: הסבר על Material Design
הטקסט המלא של הדקות הראשונות בהרצאה «הסבר על Material Design» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
ב-2014 גוגל פרסמו מסמך עקרונות עיצוביים שנקרא Material Design. המסמך הזה מדבר על איך נכון לעצב אפליקציה, איך נכון להגדיר את הרכיבים השונים באפליקציה, איך נכון לבחור צבעים לגבי האפליקציה, מה נכון ומה לא נכון לבצע עבור הרכיבים השונים שבאפליקציה, ובעצם כל מה שקשור לעולם
העיצוב של האפליקציות. כמובן שכל העקרונות שהם רשמו שם זה עקרונות שהם בדקו, שהם עשו ממש מחקר לגביהם, שהם עשו קרים לגביהם, והם השתמשו בניסיון האדיר שלהם בשביל לתאר את המסמך הזה.
בואו נראה את המסמך הזה שהוא כמובן מפורסם אונליין. ניגש לדפדפה, נחפש Material Design, והנה אנחנו רואים Introduction Material Design, גיידליינס ומה שאנחנו בעצם רואים זה את המסמך עצמו שמפורסם אונליין הוא מאוד מאוד נרחב ומאוד מאוד גדול אנחנו רק ניכנס ונכיר כמה דברים
קטנים בו בכדי לראות איך אפשר להתמצא במסמך הזה. אז קודם כל יש לנו פה תפריט של כל הנושאים שקשורים לעולם העיצוב לדוגמה אנחנו יכולים ללכת למטריאל פרופרטיז במטריאל פרופרטיז אנחנו בעצם יכולים לקרוא על המאפיינים השונים של רכיבי האפליקציה שיש לנו, ובכל מאמר שאנחנו רואים יש עשה ואל תעשה, כאשר
מה שנכון לעשות הוא בירוק, מה שלא נכון הוא באדום. ממש עם הדגמות, לדוגמה אנחנו יכולים לראות שההצללה מלמעלה מראה לנו את הגובה של אותו רכיב מהמשטח שעליו הוא נמצא, אז זה בעצם הצללה נכונה ואם אנחנו הולכים לאל תעשה אנחנו רואים את אותה הצללה שהייתה מקודם אבל אם אנחנו מסתכלים כמה בעצם רואים
את הרכיב מהמשטח זה לא הרבה ולכן ההצללה לא מתאימה לגובה האמיתי של הרכיב מהמשטח שלו כמובן בקונספט עיצובי שאנחנו מעצבים. אז יש לנו המון המון המון עשה ואל תעשה כאלה כאן לדוגמה אנחנו רואים את הפרופרטיז של המטריאל של החומר. הנה פה לדוגמה אנחנו רואים שזה ברגע שיש שני רכיבים אחד על השני אנחנו כן צריכים לראות איזושהי הצללה ביניהם.
אנחנו, זה לא נכון לא להראות שום הצללה או במילים אחרות הם פחות או יותר תופסים את אותו המרחב ומה שהם מתכוונים בנקודה הזאת. כאן אנחנו רואים שאסור שרכיב יעבור דרך רכיב אחר זה אולי מבלבל את המשתמש אולי הוא לא מבין מה קרה.
הם בעצם הגיעו למסקנה שזה לא נכון לבצע דבר כזה. בואו נראה מה עוד אפשר לראות כאן. יש לנו פה את נושא הסטיילינג. צבעים, איך אנחנו יכולים להתאים צבעים?
יש פה ממש סרטון מדליק לגבי איך אפשר להתאים צבעים באפליקציה שלנו. הדבר הנכון לבצע זה קודם כל לבחור צבע שלט של האפליקציה ולאחר מכן לחלק אותו לתתי צבעים בשביל הפעולות השונות.
וכאן הם באמת נותנים לנו פלטות של צבעים שאנחנו יכולים לבחור ולראות את הקשרים השונים ואת ההבדלים השונים בין הצבעים. אז אם לדוגמה אנחנו בוחרים את הדבר הזה בתור הרשימת צבעים של האפליקציה שלנו, זה הצבע השלט וכל מיני צבעים שונים לפעולות שונות באפליקציה.
אז יש לנו ממש התאמות צבעים כאן. אם אנחנו נמשיך, נראה שיש לנו כאן דברים על אייקונים, על תמונות, על כתב, ובואו ניכנס רגע ל-Writing.
ב-Writing אנחנו יכולים לראות עשה ואל תעשה בנוגע למה נכון לכתוב באפליקציה שלנו מבחינת הוראות, מבחינת לחצנים. Text should be simple, concise and direct.
מתומצת, קצר וישיר. יש פה כל מיני דוגמאות ממש ממש מעניינות. לדוגמה, אסור להשתמש גם ב-Me או My ביחד עם You או Your באותו המשפט. הנה משפט שהוא לא נכון לשימוש change your preferences in my account שכנראה כאשר my account זה איזה שהוא שם עצם של החשבון של המשתמש אז יש פה your ו-my וזה לא נכון לפי ה-material design של גוגל כאן אנחנו רואים שהפוקוס צריך להיות על
היוזר ולא עליכם כבוני האפליקציות או על האפליקציה עצמה לדוגמה משפט נכון יהיה get started with this popular post on Google+ ומשפט לא נכון יהיה to get you started we're showing you popular post on Google+ כמובן ההתמקדות היא עלינו במקום על היוזר בואו נמשיך פה למטה כאן אנחנו רואים לשמור על המשפטים
והביטויים קצרים ועם מעט מאוד משמעויות ככל שניתן לדוגמה read the instructions that came with your phone במקום consult the documentation that came with your phone for further instructions or כל מיני דברים מורכבים כאלה.
כאן אנחנו רואים שוב פעם use simple direct language that is easy for users to understand. Save changes הכי פשוט במקום would you like to save your changes.
Send a message send במקום message has