מקור: ניק סוטריץ ' / אנדרואיד סנטרל
מערכת ההפעלה אנדרואיד קיימת מאז 2008, ובזמן זה ממשק המשתמש שלה הומצא מחדש מספר פעמים. ממשק אנדרואיד 1.0 המקורי שהופיע לראשונה ב- T-Mobile G1-טלפון האנדרואיד הראשון-היה עצמות עוף ודי מכוער בסטנדרטים מודרניים. רק באנדרואיד 4.0, שלוש שנים לתוחלת החיים של מערכת ההפעלה, הייתה כל סוג של שפת עיצוב כללית לטלפוני אנדרואיד.
המראה והתחושה של אנדרואיד מתפתחים מאז ומתמיד, לעתים קרובות עם צעדים של תינוקות קדימה, אבל לפעמים עם קפיצות ענק קדימה, כפי שקרה עם הכנסת עיצוב חומרי ב 2014. אנדרואיד 12 נותן לנו את עיצוב המחודש השלישי הגדול והמקיף של הפלטפורמה בצורה של חומר אתה - מאמץ שאפתני להפוך את אנדרואיד לאישי יותר, עם ערכות צבעים נפרדות מלוח החומרים.
עסקאות VPN: רישיון לכל החיים עבור $ 16, תוכניות חודשיות במחיר של $ 1 ויותר
כשאנחנו נכנסים לעידן העיצוב הרביעי של אנדרואיד - בעקבות הימים הראשונים, Holo ועיצוב חומרים - הגיע הזמן לבקר מחדש ב -13 השנים האחרונות בממשק המשתמש של Android ולזכור כיצד הגענו לכאן.
מקור: Android Central
מקור: Android Central
בשנתיים הראשונות לקיומה, ל- Android לא היה שום כיוון עיצובי חזק. מאנדרואיד 1.0 עד 2.2 Froyo, המראה והתחושה של מערכת ההפעלה תוארו בצורה הטובה ביותר כגנרית, פונקציונלית ותפלות. נראה שאפשר לקחת השראה מסמארטפונים בסגנון ישן באותה תקופה, מראה אנדרואיד המוקדם כלל סמלים שמנמנים, תפריטים מדורגים והמון אפור.
המראה והתחושה של מניות אנדרואיד פשוט לא היו חשובים כל כך.
האסתטיקה הבלתי מסורבלת הזו הגיונית למסכי הסמארטפונים הקטנים ברזולוציה נמוכה של סוף שנות האלפיים. בעוד שגוגל שיגרה (מעין) טלפונים באותה תקופה, בדמות ה- T-Mobile G1 ובסופו של דבר ה- Nexus One, רובם הצרכנים יתנסו באנדרואיד דרך העדשה של עור יצרני הכולל אוכל כמו HTC Sense או סמסונג TouchWiz. המראה והתחושה של המניה אנדרואיד פשוט לא היה כל כך חשוב כאשר טלפוני אנדרואיד הטובים ביותר לא משתמש בשום דבר קרוב לזה.
מקור: ג'רי הילדנברנד / אנדרואיד סנטרל ופיל ניקינסון / אנדרואיד סנטרל
עם זאת, במבט לאחור על התוכנה של T-Mobile G1, קיימים רבים מרכיבי העיצוב המרכזיים המוכרים לאנדרואיד של היום. מסכי בית מרובי עמודים עם תמיכת יישומונים, מגירת האפליקציות ותפריט ההתראות הנפתח הם כולם שם, גם אם הם עטופים בממשק משתמש הדומה יותר למערכת הפעלה מחשב שולחנית משנות ה -90 מאשר ל- Android היום.
השקת גוגל את הסמארטפון Nexus One במקביל לכמה שינויי עיצוב קלים ל- Android 2.1 Eclair, הכוללים קיצורי דרך מהירים לאפליקציית הטלפון ולדפדפן לצד סמל מגירת האפליקציות. טלפון ה- Nexus הראשון קיבל גם רשת אפליקציות המונפשת בתלת מימד. אבל בעצם, זה היה אנדרואיד מניות עד סוף 2010: די משעמם, קר ותועלתני.
מקור: Android Central
הגעתו של מעצב הדקל לשעבר מתיאס דוארטה לגוגל-תחילה כמנהל עיצוב לאנדרואיד ולאחר מכן לכלל החברה-קבעה את הקורס לממשק המשתמש של אנדרואיד במהלך העשור שלאחר מכן.
דוארטה התקבל לעבודה ממש לפני שגוגל עמדה לשלוח אנדרואיד 2.3 ג'ינג'ר ביד וטלפון Nexus S, כך שהשפעתו על ג'ינג'ר ביד הייתה מוגבלת. עם זאת, אנדרואיד 2.3 היה שיפוץ העיצוב המשמעותי ביותר שאנדרואיד ראתה עד כה, עם צבעים כהים יותר לאורך כל ניגון לפופולריות הגוברת של מסכי OLED. ה ירוק אנדרואיד הגוון שימש כצבע מבטא להדגשת סמלים, ולחיצות בתפריט היו מנוקדות בהבזקים של כתום. אחרת, זה היה המשך לאנדרואיד במראה הישן.
הגעתה של הגרסה הראשונה של אנדרואיד ספציפית הטאבלט שינתה הכל, כאשר ההשפעה של Duarte נראתה בבירור בתחילת גרסת Android Honeycomb של תחנת 2011. חלת הדבש הניבה יריבות מוקדמות לאייפד והציגה ממשק נועז בסגנון מדע בדיוני עם לוח צבעים כחול וסגול עמוק.
גרסה זו הציגה בפנינו מקשים על המסך, פרדיגמת הניווט שנותרה עם אנדרואיד עד היום בכמה טלפונים. בהימנעות מהתפריט הישן ולחצני החיפוש מ- Gingerbread ומהדורות קודמות, ניתן לנווט במכשירי חלת הדבש עם שלושה מקשי ניווט וירטואליים: אפליקציות הבית, הגב והאפליקציות האחרונות. לחיצה על האחרון העלתה את מחליף המשימות החדש של אנדרואיד, והראה תצוגה מקדימה קטנה של אפליקציות פועלות ברשימה הניתנת לגלילה.
כוורת, מיהרה לשווק בניסיון להילחם באייפד, שימשה כמעין אב טיפוס למה הגיע מאוחר יותר בשנת 2011: סנדוויץ 'גלידה אנדרואיד 4.0 ושפת העיצוב החדשה "Holo" - קיצור של הולוגרפי.
מקור: אלכס דובי / אנדרואיד סנטרל
'מה ה נֶפֶשׁ של אנדרואיד? '
מתיאס דוארטה הופיע על הבמה באירוע ההשקה של הונג קונג עבור גוגל וסמסונג החדשה גלקסי נקסוס, הטלפון הראשון שבו פועל אנדרואיד 4.0, לשיחת הולו.
דוארטה סיפר למשתתפים כי כשגוגל ביקשה להניח את היסודות לחצי העשור הקרוב של אנדרואיד, היא שאלה את משתמשיה מה המשמעות של אנדרואיד עבורם. הוא מצא כי בשנת 2011, "בעוד שאנשים אוהבים אנדרואיד, אנשים צריכים אנדרואיד, אנשים לא אהבה דְמוּי אָדָם."
ולכן גוגל שאלה את עצמם, לראשונה, "מהו ה נֶפֶשׁ של אנדרואיד? "
"אנדרואיד מקסימה. משהו יפה, מפתה, משהו שבאמת אפשר להתאהב בו. אנדרואיד זה קל. זה מפשט כל חלק בחיי. ואנדרואיד צריכה לגרום לי להרגיש עוצמתית וחכמה ", אמר דוארטה למשתתפים. ממשק המשתמש החדש של אנדרואיד, עם נושא Holo שלו, נועד להדגים ערכים אלה.
מקור: Android Central
Holo בנתה את מה שהתחיל במהדורה של Honeycomb, והוסיפה את הגופן החדש של Roboto, גופן שנותר כברירת המחדל ברוב מכשירי האנדרואיד כיום. שלא כמו Droid Sans, שהוא החליף, רובוטו נבנה עבור הצגים בצפיפות גבוהה שהתחילו להיות נפוצים באותה תקופה, והעניקו מראה מודרני יותר וחווית קריאה נעימה. במקומות אחרים, הקצוות המשופעים והכפתורים והתפריטים הבולטים נכרתו מאנדרואיד, הוחלפו באייקונים פשוטים וגיאומטריים יותר וריהוט ממשק משתמש.
מקור: J4lambert, CC BY-SA 4.0, באמצעות ויקימדיה
הולו בלו (a.k.a #33B5E5) היה צבע המבטא העיקרי של גלידת סנדוויץ 'ושחרורו הבא של ג'לי שעועית, מה שגרם לאנדרואיד 4 להיראות חד ועתידני, אם כי פחות מובהק טרון-השפעה ממה שהיתה חלת הדבש. לוח הצבעים הכהה יותר מ- Android 2.3 ו- 3.0 נשאר, עם זאת, ונראה כי הוא מתאים היטב ל- Galaxy Nexus, במיוחד עם צג ה- AMOLED הרחב והכבד שלה.
עם זאת, רוב יצרניות אנדרואיד הגדולות ימשיכו לעשות את שלהן. הדוגמאות של סמסונג, HTC ו- LG שוב סידרו את אנדרואיד עם שכבות ממשק מותאמות אישית משלהן, ולעתים קרובות פועלות על גולף במאמץ להבדיל בין המוצרים שלהן. כתוצאה מכך, טלפון של סמסונג עם ג'ינג'רברד נראה פחות או יותר כמו טלפון של סמסונג שמריץ כריך גלידה. לדוגמה, ב- Galaxy S3, המכשיר הגדול הראשון של סמסונג שהושק לאחר המותג Galaxy Nexus, תצטרך להסתכל בֶּאֱמֶת קשה לראות עבודות של דוארטה וצוותו.
אולם Holo המוקדמת הייתה שפת עיצוב די דעתנית, שלא הייתה יכולה להתחתן בקלות עם העדפות העיצוב של חברה. בניגוד גמור לאחד מעיקרי הליבה של חומר אתה, כחול ה- Holo הייחודי היה קשיח לנושא Holo, ללא דרך לשנות אותו במכשירי אנדרואיד.
Android 4.4 KitKat אילף מעט את Holo, והחליף מבטאים כחולים בלבן בהיר יותר, מה שהופך התאמה טובה יותר לצד אפליקציות, טפטים וסמלים באמצעות לוח צבעים מגוון יותר. וזה בסופו של דבר ייכנס לשני עיצוב מחדש גדול לאנדרואיד שהתרחש בסוף 2014.
מקור: Android Central
בכנס המפתחים של Google I/O 2014 בסן פרנסיסקו, חשף מתיאס דוארטה, בתפקידו החדש כסמנכ"ל עיצוב לכל גוגל, את החדש עיצוב חומר שפה.
עיצוב חומרים היה "חזון עקבי אחד, לנייד, לשולחן העבודה ומעבר לו", אמר דוארטה. בדיוק כפי שחולו הגיעה בדיוק בזמן לתצוגות הניידים ברזולוציה גבוהה יותר של תחילת 2010, חומר עיצוב מינף את כוח הסוס הגרפי המשופר של החומרה הניידת הזמינה באמצע זה עָשׂוֹר. אבל זה לא היה רק לטלפונים - עיצוב חומרים חי על טאבלטים, שעונים חכמים, מחשבי Chromebook והאינטרנט.
"רצינו עיצוב ברור ופשוט, שאנשים יבינו באופן אינטואיטיבי", הסביר דוארטה. "אז דמייננו: מה אם לפיקסלים לא היה רק צבע, אלא גם עומק? מה אם היה חומר אינטליגנטי פשוט כמו נייר, אך יכול לשנות ולשנות צורה בתגובה למגע? "
מקור: פיל ניקינסון / אנדרואיד סנטרל
'מה אם היה חומר אינטליגנטי פשוט כמו נייר, אך יכול לשנות ולשנות צורה?'
"נייר דיגיטלי" היה לב החזון המקורי של עיצוב חומרים: ממשק משתמש שדומה לגיליון נייר, עם צללים עדינים להעברת עומק, תוך יכולת להרחיב, לשנות את הגודל, לשלב, ולעבור כמו נָחוּץ. לכל משטח באפליקציית אנדרואיד יכול להיות כעת ערך גובה, כאשר מסגרת אנדרואיד מספקת תאורה וצללים כראוי מתחת לנייר הדיגיטלי הזה.
עיצוב החומר הוצג כפשוט, גיאומטרי ושכבתי, עם פלטת צבעים נועזת והנפשות מענגות. פשוט פורח כמו כפתור הפעלה המתפצל לאייקון השהיה כאשר מקישים עליו או שסמלים של אנשי קשר מתרחבים לתוך התצוגה בזמן הטעינה הבדילו אפליקציית חומרים מלבד שפת העיצוב הקודמת של Holo ונשארה חלק מאנדרואיד היום.
סליל החבטה המקורי של חומר הציג זאת, יחד עם גוונים תוססים במיוחד ואפליקציות כבדות שכבות עם אנימציות חלקלקות שמעולם לא היו לְגַמרֵי הבין כששפת העיצוב עלתה לאוויר ב- Android 5.0 Lollipop. יישום החומר האמיתי בסופו של דבר היה שמרני יותר, כיוון שהמהנדסים של גוגל התקשו להשיג את כמות החברה העצומה של אפליקציות אנדרואיד מוכנות לחומרים. אנדרואיד הייתה ספינה גדולה לניהול, ו"חומר "של מערכת ההפעלה והאפליקציות שלה בסופו של דבר היה תהליך רב שנתי.
עם זאת, עיצוב חומרים ב- Android Lollipop הציג מספר מרכיבי עיצוב מרכזיים שנמשכו יותר מחצי עשור: לחצן הפעולה הצף היה תכונות המפתח למיקום כמו התחלת הודעה חדשה באפליקציית טקסט או הוספת פריט ל- רשימה. ותפריטי "המבורגר" החלקים יצאו כדרך מועדפת לנווט בין אזורי האפליקציות העיקריים. ולחיצת הכפתורים והצפה פורחים שהופיעו לראשונה עם עיצוב חומרים באנדרואיד 5 שנדבקו עד Android 11.
ועם שגוגל מחזיקה יותר שליטה על המערכת האקולוגית של אנדרואיד - ושפת העיצוב החדשה פתוחה יותר להתאמה אישית - עיצוב חומרים שולב בקלות רבה יותר בעורות אנדרואיד של היצרנים בהשוואה ל- הולו.
עיצוב חומרים תמיד נועד לנוע עם הזמן.
עם זאת, עיצוב חומרים מעולם לא נועד להיות סט הנחיות סטטי, והוא המשיך להתפתח בגרסאות אנדרואיד הבאות. המהדורה של אנדרואיד 6 מרשמלו של 2015 הסתובבה מהצבעים הרווים שראינו במצגת החומר הראשונית. תפריט היישומים האחרונים בסגנון רולודקס הופסק בסופו של דבר ב- Android 9. ותפריטי ניווט "המבורגר" התנגשו עם ניווט המחוות של Android 10 ועכשיו הופסקו מאפליקציות רבות.
מקור: אלכס דובי / אנדרואיד סנטרל
בשנת 2016 הציגה גוגל את טלפוני הפיקסל הראשונים שלה, מה שהוביל להתפתחות נוספת בעיצוב חומרים ולהבדל מהחזון המקורי משנת 2014. עם הגעת הפיקסלים הבאים, גוגל יצרנית החומרה ביקשה לבדל עוד יותר את תוכנת הטלפון שלה. אפליקציות Google הפכו פחות צבעוניות ובמקום זאת דחפו ערכת צבעים לבנה וכחולה נקייה. עד 2020, רוב אפליקציות הליבה של Google כמו תמונות, ג'ימייל, חדשות ומפות אימצו את האסתטיקה הזו של "נושא חומרי", יחד עם לחצני ניווט תחתונים דמויי אייפון.
אפליקציות Google של 2020 היו רחוקות מאוד מאב טיפוס החומרים הצבעוני שהוצג בשנת 2014. אך למרבה המזל, מהפך חומרי תוסס יותר תוכנן עבור אנדרואיד 12 בשנת 2021.
מקור: גוגל
שבע שנים לאחר הופעת הבכורה של Material Design, כנס הקלט/פלט של Google היה שוב המקום להכרזה גדולה בנושא עיצוב אנדרואיד. ומטיאס דוארטה חזר לבמה ב- Mountain View, הפעם כדי להציג את האיטרציה הבאה של שפת העיצוב של גוגל ב אנדרואיד 12 חומר אתה.
"במקום שהצורה עוקבת אחר הפונקציה, מה אם הצורה באה בעקבות התחושה? במקום כחול של גוגל, דמייננו את Material You-עיצוב חדש הכולל אותך כיוצר משותף, ומאפשר לך לשנות את המראה והתחושה של כל האפליקציות שלך ".
מקור: גוגל
'במקום גוגל כחול, דמייננו את חומר אתה'.
הקסם מאחורי חומר אתה היה פרויקט המוכר בפנים בגוגל בשם "מונה". מונה תוכל לבחון את מסך הבית שבחרת רקע, בחר צבעי מפתח מלוח החומרים והשתמש בהם להתאמה אישית של כל האפליקציות שלך מכשיר טלפון. גוונים מושתקים יותר ישמשו לרקעים, בעוד שניתן יהיה להחיל צבעים עזים ומושכי עיניים על כפתורים או מתגים חשובים.
בניגוד ל"נייר דיגיטלי "של Material Design 1.0, חומר אתה נראה שטוח ומופשט יותר. השכבות של ממשק המשתמש הם עדיין שם, כפי שמעידים הרמות החופפות של לחצני הגדרות מהירות, לוחות התראות וגבולות בעת הורדת גוון ההודעות של Android 12.
מקור: גוגל
אבל הצללים והקצוות החדים דמויי הנייר של אנדרואיד סוכרייה נעלמו, הוחלפו בפינות מעוגלות עם רדיוסים רחבים. אפילו ווידג'טים במסך הבית שופצו עם פינות מעוגלות. חומר שאתה משמש גם כנוגד תרופה למשתמשי אפליקציות Google שהיו לעיתים קרובות משעממים שהתרגלו אליהם ב- Android 10 ו- 11. אנדרואיד 12, טוענת גוגל, יכולה לעזור לך לבחור לוח מותאם אישית שהיא יודעת שייראה טוב ביישומים, תפריטים ואפילו ווידג'טים במסכי הבית. זוהי גישה עיצובית יותר אישית ואקספרסיבית יותר למה שהוא, בסופו של דבר, המחשב האישי ביותר של רוב האנשים.
ובעוד שגופן רובוטו הנאמן הישן עדיין נמצא בשימוש במקומות, Material You מדגיש את Google Sans, הגופן הרשמי של החברה, שאורז יותר אישיות. Google Sans משמש בכל מקום, החל מכיתוב אייקונים לתפריטים באפליקציית ההגדרות, ומורחב מסך הנעילה של אנדרואיד 12 למילוי התצוגה בשעון צבעוני כאשר אין המתנה התראות.
מקור: ניק סוטריץ ' / אנדרואיד סנטרל
כיוון חדש ונועז לעיצוב אנדרואיד, אך האם היצרנים יקפצו על הסיפון?
האנימציה פורחת בחומר אתה גם אבולוציה טבעית של עיצוב חומרים מוקדם. שעון תצוגת האווירה מתעורר לחיים כאשר הטלפון מרים, הופך נועז וצבעוני יותר. ובהתאם לאופן שבו אתה נועל או מבטל את נעילת הטלפון שלך, תראה הילה מונפשת המלווה את הפעולה.
חומר שאתה מביא לראשונה באנדרואיד 12 בטלפונים של גוגל פיקסל בסוף 2021, וסביר שחלק מיצרנים אחרים ישלבו אותו בעורות האנדרואיד שלהם, כמו גם עדכונים. עם זאת, בדיוק כפי שהיה עם Holo ו- Material Design, אין שום ערובה לכך שיצרניות הטלפונים יעקבו אחר ההנחיות של Google. משתמשי אנדרואיד 12 יצטרכו גם לחכות למפתחים שיעדכנו את האפליקציות שלהם כדי לתמוך ביכולות החלפת לוח הצבעים של Material You. אם המעבר לעיצוב חומרים בשנת 2014 יתבצע, זה עלול לקחת זמן.
עם זאת, מה שראינו על Material You עד כה נותן לאנדרואיד בכלל - ולמכשירי Google Pixel בפרט - א זהות עיצובית חזקה, עם שפת עיצוב המותאמת היטב לטלפונים, שעונים, טאבלטים ומשטחים חכמים אחרים של שנות ה -2020.
אם ההיסטוריה היא אינדיקטור כלשהו, נבדוק שוב אי שם בסביבות שנת 2026 כדי ללמוד לאן מועדות פני עיצוב החומרים.