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

dk new media אתר 1

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

  1. אנימציה

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

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

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

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

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

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

  1. חומר עיצוב

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

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

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

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

  1. עיצוב שטוח

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

מחט החלל

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

הנחתת

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

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

מסך מפוצל

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

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

  1. מפיל את הכרום

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

זמן כרום

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

כרום קדימה

 

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

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

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

זרע זרעים

  1. סרטון מסך מלא

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

DK New Media

לחץ דרך לראות DK New Mediaהסרטון בדף הבית שלהם

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

מה אתה חושב?

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