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

עיצוב חומר

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

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

מה לומר על מגמה זו בעיצוב אתרים?

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

סדר, בהירות, קריאות

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

תאורה וריאליזם

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

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

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

קצב, סדר, שפה

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

קידוד ללא הגבלה

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

עיצוב שטוח אינו זהה לעיצוב חומרים

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


תוכן המאמר עומד בעקרונותינו של אתיקה עריכתית. כדי לדווח על שגיאה לחץ כאן.

2 תגובות, השאר את שלך

השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.

  1.   ירקו אלפארו דיג'ו

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

    לגבי

  2.   סטודיו לעיצוב גרפי דיג'ו

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

    ברכות
    דוד