2016 עיצוב אתרי אינטרנט נוטים לקחת בחשבון לפני יצירת האתר שלך

dk new media אתר 1

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

  1. אנימציה

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

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

אתר אנימציה ביגל

לחץ כדי לראות את האנימציה המדהימה של JavaScript ו-CSS של ביגל כשאתה גולל למטה באתר שלהם.

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

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

  1. חומר עיצוב

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

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

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

קונספט עיצוב מחדש של חומרי אנדרואיד של YouTube

  1. עיצוב שטוח

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

מחט החלל

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

הנחתת

  1. מסכים מפוצלים

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

מסך מפוצל

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

מסך מפוצל-אוקיינוס

  1. משחרר את הכרום

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

כרום-זמן

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

כרום קדימה

 

  1. תשכח מהקיפול

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

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

כתם זרע

  1. וידאו במסך מלא

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

Highbridge

לחץ כדי לראות Highbridgeהסרטון של בדף הבית שלהם

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

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.