ההיסטוריה של עיצוב שטוח: איך יעילות המינימליזם שנעשו בעולם הדיגיטלי הוא שטוח
Makradar של טכנולוגיה / / December 19, 2019
תרגמנו עבורכם מחבר מאמר המעניין TheNextWeb אמבר ליי טרנר, אשר מספר על המקורות של המראה של עיצוב שטוח, איך זה משנה את הממשקים הם עכשיו ומה יקרה בסגנון השטוח בעתיד.
אם אתה אפילו מעוניין מעט בעיצוב גרפי, אנו לא יכולנו שלא לשמוע על המונח "עיצוב שטוח". מגמה זו הופיעה לראשונה ברשת לפני כמה שנים, ולאחרונה, עיצוב שטוח "נורה" והפך לפופולארי מאוד בשל החברות הגדולות, אשר שמשו באופן פעיל עיצוב שטוח.
אך איך משתלב בעיצוב שטוח מאוד זה? ולמה אנחנו רואים את זה באינטרנט? כמו כל דבר אחר בעיצוב, ידע על ההיסטוריה של סגנון זה יעזור לך לקבל החלטות מושכלות יותר בעת שימוש בעיצוב שטוח.
בואו לראות איך זה לעיצוב שטוח, אשר מגמות העיצוב של העבר משפיעים זה וללמוד איך זה הפך להיות כל כך פופולרי.
מהו העיצוב הדק?
אלה מכם שאינם מכירים את הערך של העיצוב השטוח, צריכים לדעת כי עיצוב דק - זה הסגנון הזה של עיצוב אילו רכיבים הם נטולים כל תכונות סגנוניות והם לא נראים כמו ההתגלמות של עצמים אמיתיים (מה שמכונה סקאומורפיזם).
עם נקודה הלא-מקצועית של נוף, עיצוב שטוח נטול אלמנטים כגון הדרגתי, צללים, מרקמים, אשר נועדו להפוך את הפריטים יותר תלת ממדיים ריאליסטיים.
היום נראה כי מעצבים נמשכים מאוד בעיצוב השטוח, משום שהיא נתפסת רענן ומודרני, ומאפשר לך להתמקד במה שחשוב ביותר: התוכן המסר.
היפטרות מכל הסוגים של סגנון, מעצבים לעשות העיצובים שלהם יותר ארוך משחק ועכשיו להשתמש בעיצוב שטוח - זוהי האסטרטגיה המתאימה ביותר.
אבל זה לא אומר סגנונות אחרים הם בדרך כלל לא נלקחו בחשבון. לעתים קרובות, כדי להפנות את הסגנון השטוח מול, משתמש במונח "עיצוב עשיר," אשר מאופיין במספר רב של קישוטים שונים - משופע, השתקפויות, צללים, הדרגתי. "העיצוב העשיר" היא נהגה להכין דברים יותר "מישוש", יותר נוח למשתמשי אתרים לגלוש ולהשתמש ביישומים ניידים.
חשוב להבין כי "העיצוב העשיר" - לא אותו הדבר כמו סקאומורפיזם. סקאומורפיזם כרוך בשימוש המודע אנלוגים הטבעי של אלמנטים מסוימים (מתגי Toggle, כפתורים, מרקם עור, וכן הלאה) כדי לגרום להם להיראות מוכרים למשתמשים.
לאן הוא הלך עיצוב שטוח?
רוב מה שאנחנו רואים עכשיו באינטרנט לבין העולם הדיגיטלי, נגזר אבות מודפסים ואמנותיים. אמנם קשה לומר בדיוק מתי עידן עיצוב שטוח והיכן מוצאו, אבל יש כמה תקופות נפרדות בעיצוב ואמנות שממנו שאב השראה מסגנון שטוח.
בסגנון שוויצרי
בסגנון שוויצרי (המכונה לעתים סגנון טיפוגרפית הבינלאומי) הוא מקור ראשון השראה לעיצוב שטוח שעולה בראש, אז אתה צריך להתמודד עם זה בצורה יותר פרט.
עיצוב שוויצרי בעיקר מתמקד בשימוש של רשתות מדריך, טיפוגרפיה-serif sans (מה שנקרא "גרוטסקי" - כ. לכל.) ו היררכיה ברורה בין תוכן לעיצוב. במהלך שנות ה -40 וה -50 את העיצוב השוויצרית קרובות ניתן למצוא בכתובת רבים של התמונות כאלמנט עיצוב.
טיפוגרפיה היא אלמנט המפתח בסגנון שוויצרי, וכאן אי אפשר שלא לדבר על הגופנים Helvetica, אשר הופיעו גם בשוויץ ב 1957 והוא משמש באופן פעיל על ידי היום הזה.
מעניין להבחין כיצד עיצוב דק שימש לפני כפי שהוא מיושם הישגיהם מיקרוסופט ואפל ועשה אותו פופולרי, משום בסגנון שוויצרי ניתן לייחס גם בגרמניה 20 של המאה עשרים. באותו זמן זה הפך פופולרי מאוד, ועל מרכיביה משמשים בבית הספר באוהאוס גרמנית המפורסם - אוהבי אמנות לא אשקר, כי הדגש באוהאוס הרבה על טיפוגרפיה, שבה יש הרבה מן המשותף עם השוויצרי סגנון.
מִעוּטָנוּת
השפעה עצומה על עיצוב שטוח ניתן למצוא בהיסטוריה של מינימליזם. כיום, המונח "מינימליזם" משמש לעתים קרובות לסירוגין עם עיצוב שטוח, אבל המינימליזם היה ארוך פופולארי לפני הופעתו של עיצוב שטוח. בשנת מינימליזם יש מסורת ארוכה שלה באדריכלות, אמנות, עיצוב.
יש מינימליזם היסטוריה עשירה מכסה צורות שונות של אמנות, אבל איפה את העיצוב השטוח הוא כיום דומיננטי, מרבים להשתמש אלמנטים של מינימליזם. אלמנטים אלה מינימליסטי כצורות גיאומטריות קפדניות, צבעים בהירים, וקווים ברורים משמשים לעיצוב שטוח.
אחת מיצירות האמנות המפורסמות ביותר בסגנון של מינימליזם כאן הוא הציור הזה על ידי איב קליין "אפוק כחול":
אנחנו יכולים לומר בביטחון כי תערובת של סגנון מינימליסטי שוויצרי הושפע בעיקר בעיצוב דק את המראה המודרני של העולם הדיגיטלי.
עידן העיצוב השטוח של מיקרוסופט ואפל
ההיסטוריה חוזרת על עצמה, ואותו הדבר נכון גם לגבי העיצוב השטוח. כפי שלמדנו לעיל, אלמנטים מישוריים ניתן למצוא 20-ies של המאה עשרים.
לא מעט מעצבים שעבדו עם עיצוב שטוח בודד, אבל זה מיקרוסופט ואפל עשו את זה כל כך פופולרי. ובכן, בואו נדבר עליהם.
ממשק מיקרוסופט ו- Metro
מיקרוסופט החלה לעבוד עם עיצוב שטוח הרבה לפני ממשק מטרו. באמצע שנות ה -2000, מיקרוסופט פרסמה המתחרה iPod - נגן Zune (אני בטוח שחלק מכם עדיין זוכר את השם של זה - כ. אד.).
זה היה עם שחרורו של Zune יש סגנון עיצוב ייחודי, שבו הושם דגש על טיפוגרפיה הגדול. עיצוב תוכנת Zune היה שונה לגמרי מרוב תוכנות מיקרוסופט באותה העת. אחרי הכל, טלפון Windows 7 שוחרר רק בסוף 2010 ואת העיצוב של מערכות הפעלה ניידות זה לקח הרבה של תוכנת ממשק Zune. הטפסים הגדולים ובהירים, המבוססים על רשתות המדריך, טיפוגרפיה ללא serif (גרוטסקי), הסמלים שטוחים.
ממשק זה מיקרוסופט בקרוב ייקרא מטרו
עיצוב זה הפך כל כך פופולרי כי מיקרוסופט פרסמה שולחן העבודה של מערכת ההפעלה Windows 8, אשר מבוססת על מטרו UI. צורה ומרובעת, התמקדות טיפוגרפיה, צבעים מרהיבים - כל זה ועבר על מחשבים אישיים. אותו הממשק משמש כמעט כל מוצרים של מיקרוסופט, כולל Xbox 360.
כמו אפל השליך סקאומורפיזם
למרות העובדה כי מיקרוסופט עובדת על ממשק שטוח, אפל כבר גם את כרטיסי טראמפ בשרוול שלה. ראשית, אפל רמזה מעט על מה הוא הולך לנטוש סקאומורפיזם, ועם ההכרזה על iOS 7 ביוני 2013 התברר - kupertinovtsy בתקיפות החליט להשתמש בעיצוב שטוח.
מאז אפל באותה תקופה היו חסידים רבים החוצה "שטוח» iOS 7 גרם סגנון העיצוב הזה פופולרי מתמיד. וזה קרה בתקופה קצרה מאוד של זמן (כלומר המעבר המהיר ל- iOS 6 ל- iOS 7 - כ. אד.).
אסתטיקה ועיצוב אפל מושפע מאוד את העיצוב של יישומים ניידים ואתרי אינטרנט, משום שרוב מעצבי סוף סוף החלו לשקול את הסגנון של רוב מודרני המתאים. כאשר אפל עברה בסגנון שטוח, סקאומורפיזם מיושן מידה ogromnou מספר אתרים ויישומים מחדש בדחיפות.
זה נראה בבירור ביישומים ניידים, אשר שינו עיצוב הממשק שלה ברצינות כדי להתאים את iOS 7 תקנים. זה מותר למשתמשים במהירות יחסית להתרגל iOS השטוח 7.
עיצוב גמיש
כמו כן יש לציין כי אחת הסיבות עיצוב שטוח הפך כל כך פופולרי היה "עיצוב אדפטיבית" מה שנקרא. עם התפתחות טכנולוגיות אינטרנט של משתמשים ברשת פלדה להיכנס במגוון התקנים - מלכתחילה, מהטלפון הנייד. דבר זה הוביל את המעצבים להשתמש בעיצוב אינטראקטיבי, כך שהאתרים נמצאים באותה מידה נראים בשני מחשבים בדרגה גבוהה הסמארטפונים והטאבלטים. ומעצבים רבים השתמשו אלמנטים "שטוחים" בפיתוח אתרי אדפטיבית.
סגנון שטוח מאפשר עיצוב אתרים כדי להיות יותר יעיל. ללא רכיבי ממשק מיותרים, אתרי טעינה מהירה יותר, נותן למשתמש את היכולת להתמקד בתוכן.
זה גם מסכים גם עם המגמה של הגדלת הרזולוציה של המסכים של מכשירים ניידים. זה הרבה יותר קל להציג צורות ברורות ופשוטות וטיפוגרפיה מאשר כל תמונות עומס כבד זמן כי יש דעות שונות על רזולוציות מסך שונות.
העתיד של עיצוב שטוח
כמובן, אין לנו כדור זכוכית כי חוזה את העתיד, אך ברור כי עיצוב שטוח, כמו כל דבר אחר, לא נצחי, ובהמשך הוא יוחלף על ידי כמה בסגנון אחר. אחרי הכל, את העיצוב השטוח יש פגמים ומעצבים ברורים יהיה לנסות דברים נוספים, כי בסופו של דבר להוביל להופעת סגנון דומיננטי חדש שישאיר עיצוב שטוח עמוק בעבר.
בהקשר זה מעניין לראות שחלק היום עבודת העיצוב נעשה על ידי גוגל. מצד אחד, ביישומים שלהם, יש ריבוי של אלמנטים מישוריים, אבל גוגל לא לוותר אלמנטים רבים סקאומורפיזם - למשל, הם עדיין משתמשים הצללים. ככל הנראה, "טוב התאגיד" רוצה לקחת את הטוב ביותר מכל הסגנונות וליצור סגנון ייחודי משלך.
עכשיו שטוח העיצוב נתפס מגמת אופנה מרגשת, וזה בהחלט אבן דרך חשובה בהיסטוריה של עיצוב. אבל אל תשכחו כי במובנים רבים, עיצוב דק - זה רק גלגולו של סגנון המינימליזם השויצרי בעולם הדיגיטלי החדש.
התגובה של העורך
הייתי מעוניין לקרוא ולתרגם בשבילך הפתק הזה גם, כי לפני כשנה, כאשר כולם תהו מה יהיה iOS 7, אני כתבתי פוסט "למה ב- iOS 7 היא לא עיצוב שטוח", אשר המשותף דעתו על האופן שבו מערכת ההפעלה הניידת צריך להיראות על אפל. אז התנגדתי לעיצוב שטוח הפעם הראשונה שהוא ממש נאבק. אבל חודשים של חוויית המשתמש שינו את דעתי. אני רגיל עיצוב שטוח וזה לא גורם לי לדחייה.
עכשיו, חודשים לאחר מכן, בדיוק ניתן לומר כי iOS Shake נכשל. סקאומורפיזם נראה עכשיו מאוד ארכאי ואבסורדי, וברור כי iOS 7 הפך לכאורה יותר מודרני ואטרקטיבי. כמובן, יש כאלה שלא אוהבים את הסגנון הזה. אבל גם שם לא היו מרוצים יהיה תמיד :-).
ב- iOS 8 אתה רוצה לראות פגמים מסוימים נכונים בעיצוב (במיוחד כמה סמלים יישומים), אבל בעצם, אפל עשתה את הדבר הנכון, כי עשה סטנדרטי עיצוב שטוח עבור בשנים הקרובות. מעניין לראות איך זה ישפיע על המראה של OS X, ומה צופן העתיד APIs.
מה אתה חושב על העיצוב של הדירה, 7 iOS, בפרט? אל תשכחו לשתף את המבט שלך על דבריו.
(דרך TheNextWeb)