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

I. מעבר לעיצובים שטוחים

II. עלייתו של סקאומורפיזם

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

IV. הטווח הארוך של עיצוב ממשק צרכן

V. 10 דוגמאות לעיצובים נהדרים שאינם שטוחים

VI. כיצד ליצור עיצוב לא שטוח משלך

VII. הכלים הטובים ביותר ליצירת עיצובים לא שטוחים

ח. שאלות נפוצות על עיצובים לא שטוחים

ט.

X. נכסים

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

II. עלייתו של סקאומורפיזם

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

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

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

II. עלייתו של סקאומורפיזם

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

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

הנה יותר מאחד דוגמאות לעיצוב סקאומורפי:

• השימוש בטקסטורות נקבוביות ועור בממשק המשתמש של מכשירי ה-iOS של אפל
• השימוש בצללים ובשיפועים ליצירת תחושת עוצמה בממשק המשתמש של עיצוב החומרים של גוגל
• השימוש באייקונים מציאותיים לייצוג אובייקטים על הפלנטה האמיתי בממשק המשתמש של Windows 10 של מיקרוסופט

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

IV. הטווח הארוך של עיצוב ממשק צרכן

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

במוקדם או במאוחר, אנו יכולים להתבונן להסתכל יותר ממשקי צרכן שהם:

• אינטראקטיבי
• סוחף
• מוכן מראש
• הסתגלות

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

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

5. 10 דוגמאות לעיצובים נהדרים שאינם שטוחים

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

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

6. שאלות נפוצות לגבי עיצובים לא שטוחים

הנה יותר מאחד מהשאלות הנפוצות ביותר על עיצובים לא שטוחים:

• מהו עיצוב לא שטוח?

• מהם כמה יתרונות נהדרים של נהיגה בעיצוב לא שטוח?

• מהם האתגרים מתרגל בעיצוב לא שטוח?

• מהן יותר מאחד דוגמאות לעיצובים לא שטוחים?

• איך אני אולי רק ליצור עיצוב לא שטוח משלי?

נשיב לכן על כל אחת מהשאלות הללו ביתר רישום.

VII. הכלים הטובים ביותר ליצירת עיצובים לא שטוחים

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

• אדובי אילוסטרייטור: עורך גרפיקה וקטורית זה הוא מכשיר רב יעילות ליצירת איורים מורכבים ומפורטים.
• סְקִיצָה: עורך גרפיקה וקטורית זה תוכנן מאוד מאוד עבור עיצוב ממשק צרכן. הוא שנותן לא מעט אפשרויות שמקלות על יצירת עיצובים לא שטוחים, כמו הרבה מאוד ציוד וקטוריים, תכונת מסך תצוגה מקדימה חיה ותמיכה בסמלים ושכבות.
• פיגמה: מכשיר עיצוב ותיק ענן זה הוא החלטה פופולרית עבור מעצבי ממשק צרכן ו-UX כאחד. הוא שנותן לא מעט אפשרויות שמקלות על יצירת עיצובים לא שטוחים, דומה ל סביבת משימה שיתופית, הרבה מאוד ציוד וקטוריים ותמיכה בסמלים ושכבות.
• מַמחֶה: תוכנת מודל תלת מימד זו בקוד פתוח יכולה לשימוש ליצירת עיצובים לא שטוחים במגוון סוגים יותר מכמה. הוא שנותן כל הסוגים של אפשרויות, משלב מנוע דוגמנות עוצמתי, הרבה מאוד בדים ומרקמים ותמיכה באנימציה.

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

שאלות נפוצות על עיצובים לא שטוחים

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

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

לנתונים תוספת על עיצובים לא שטוחים, עיין במשאבים הבאים:

ט.

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

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

תודה שקראת!

ש: מהו עיצוב לא שטוח?

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

ש: מהם כמה יתרונות נהדרים של נהיגה בעיצובים לא שטוחים?

ת: יש מגוון יתרונות לשמש בעיצובים לא שטוחים, משלב:

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

ש: מהם יותר מאחד מהאתגרים מתרגל בעיצובים לא שטוחים?

ת: ישנם יותר מאחד מצבים תובעניים לשמש בעיצובים לא שטוחים, משלב:

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