מגמות לעיצוב אתרים שלעולם לא תשכחו

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


מגמות לעיצוב אתרים שלעולם לא תשכחו

מה הזיכרון הראשון שלך באינטרנט?

אולי חיפשת באינטרנט באמצעות Excite או AltaVista, או הקלידת מילת מפתח AOL ששמעת בפרסומת טלוויזיה. או שאולי אתה זוכר היטב את דף הבית האישי הראשון שלך בנושא Geocities, שלם עם מסגרות, GIFs מונפשים, ופרק מהבהב ב- Comic Sans. או אם התחלת להשתמש באינטרנט בהמשך, אולי אתה זוכר את הכפתורים המבריקים והמצופים בעידן “Web 2.0” ששלט לפני 2010.

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

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

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

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

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

מגמות עיצוב אתרים

פיצוץ מהעבר: מגמות לעיצוב אתרים לעולם לא תשכחו

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

סאנס קומיקס

  • לאחר שהיה פופולרי מאוד, גופן זה נפל לאורך הדרך לפני שנים לטובת עיצובים מודרניים יותר.
    • גופן ברירת מחדל ב- Microsoft Windows 95 ומעלה.
  • עדיין אהובה על ידי קבוצה קטנה – יש לה אפילו subreddit משלה – היא עשויה לעשות קאמבק באינטרנט.
    • http://www.reddit.com/r/comicsans
  • מישהו כל כך אהב את זה, הם נתנו לזה מהפך!
    • Comic Neue היא גרסה מעודכנת של ה- Comic Sans הישנה, ​​שמטרתה להחיות את הגופן חזרה למיינסטרים.

תחת סמלי בנייה

  • ברגע שהדרך הטובה ביותר לספר למבקרים שאתה עדיין בונה את האתר שלך, עתה מסתכלים על רוב העולם בעיצוב אתרים.
    • זה’זה הוחלף על ידי בוגרים יותר “בקרוב” דף המאפשר למשתמשים להצטרף לרשימת הדוא”ל שלך.
  • זה’עדיין לא מתה’זה עדיין אתר בית ספר ישן המקוון המוקדש לגרפיקה בבנייה.
    • http://www.donotenter.com/cool/ucgraphics/

צלליות טיפה, פסים ובלטות, כפתורים מבריקים, & שיפועים

  • צלליות טיפות היו פעם דרך מגניבה להפליא להשוויץ בפוטושופ® שלך רק כמה לחיצות על כפתור, ובאם! אתה’יש לנו גרפיקה מדהימה למראה.
    • היום’עיצוב אתרים משתמש בבני דודים של צלליות.
      • צל עדין
      • צל קצוות קשים
      • צל שכבה
  • פוע ובלטה
    • היום’המגמות העיצוביות של האינטרנט קוראות לעיצוב שטוח, שדוחף את שפוע והבלטה לתהום האפל של עיצוב אתרים גרוע.
  • כפתורים מבריקים
    • הבול והבלטה עם פיתול – זה מוסיף ברק ליצירת מראה פלסטיק / זכוכית לכפתורים, וגורם להם להיראות כמו חפצים מבריקים שאפשר פשוט’לא להתנגד ללחיצה.
    • מרגע שהפכו פופולריים כל כך לשימוש, גם אלה נפלו טרף למגמת העיצוב השטוחה החדשה.
  • שיפועים
    • מאפיין נוסף בעיצוב אתרים מוקדם שהגיע לגבהים פופולריים כה גדולים עד שהוא נעשה בשימוש יתר.
      • מגמה זו נפלה גם היא קורבן לעיצוב שטוח, אך עדיין משמשת בעדינות כדי להביא חיים לכפתורים.
        • זה’זה החליף את הכפתור המבריק, וכאשר הוא נעשה נכון, ניתן להשתמש בו היום’s עיצוב אתרים.

מסגרות

  • מסגרות HTML שימשו כדי לחלק דף למספר רב “מסגרות” זה יציג כתובת אתר אחרת. רוב האתרים המוקדמים השתמשו בהם בתפקיד כזה או אחר.
    • מיושן ב- HTML5, למעט iframes.
      • iframes מאפשרים לך למשוך דפי אינטרנט מאתרים חיצוניים לדף שלך.
    • פוגע ב- SEO כמנועי חיפוש מתקשים לקרוא מסגרות.
    • מוסיף למספר העמודים שעליך לעדכן
    • מוסיף לזמן הטעינה של הדף
      • זה רע הן לקידום אתרים והן לחוויית המשתמש.

טקסטים / גלילה טקסט

  • האם חלק מהאתר שלך כולל טקסט גלילה? אז אתה’יש לנו מסדרון.
    • התג / הפיצ’ר הזה היה מגניב בשנות התשעים, ולעיתים קרובות בשילוב עם עבירת קומיקס סאנס.
    • אתר האינטרנט שלך אינו רשת חדשות! דון’אני לא מתייחס לזה כמו אחד.
  • אם אתה’אם אתה עדיין משתמש בחתך באתר האינטרנט שלך, אתה נראה כמוך’נתקע שוב בשנת 1996.
    • גוגל ממליצה נגד זה, מכיוון שהיא פוגעת במיטוב מנועי החיפוש שלך (SEO).
      • מציג כמות מוגבלת של מידע למנועי החיפוש.
    • האם המשתמשים שלך צריכים לראות את המידע?
      • כן: שימו אותו על הדף בצורה שונה, מעל הקפל, כדי לוודא שהוא’זה גלוי.
      • לא: הסר אותו!

GIF מונפשים

  • טרנד פופולרי להפליא של ‘שנות ה -90, נראה שכולם השתמשו ב- GIF מונפשים.
    • המקום הרוקד 7-UP®
    • האדמה המסתובבת
    • התינוק הרוקד
  • הם נמצאים בשימוש כיום בשיווק בדוא”ל ממותגים עיקריים כמו:
    • אמבט מיטה ומעבר®
    • סטארבקס®
    • בוקיצה מערב
  • הם עושים קאמבק, אבל אם אתה’אתה הולך להשתמש בהם, זכור את הדברים האלה:
    • הם אינם תחליף לווידיאו.
    • שמור אותם עדינים.
    • השתמש רק בכמה צבעים.
    • זכור את גודל הקובץ.
      • ככל שגודל הקובץ גדול יותר, כך לוקח לטעון זמן רב יותר.
      • 3% מהאמריקאים עדיין משתמשים באינטרנט בחיוג!

תמונות מלאי מנוצלות מדי

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

בקר בדלפקים

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

דפי התזת פלאש

  • אלה היו בעבר פופולריים בגלל מגניב ההנפשה של האתר שלך עם Flash. בזכות הגילוי ש- Flash איננה האפשרות הטובה ביותר לאופטימיזציה למנועי חיפוש (SEO), אלה נעלמו כולם.
  • דפי ספלאש עדיין בשימוש כיום, מסיבות רבות:
    • הצהרת אחריות, כנדרש בחוק לפני הכניסה לאתר
      • דוגמא: אתרי משקאות אלכוהוליים / סיגריות
    • צורת פרסום נוספת
    • בחר את השפה בה ברצונך להציג את האתר, כדי להפנות את המשתמשים לשפה הנכונה.
      • דוגמא: UPS.com
    • אם כי היבט הפלאש אולי מת, אנחנו’מתחיל לראות דפים מתזים נוספים חוזרים.
      • דוגמא: MinuteRace.com

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

מקורות

  • 5 מגמות עיצוב לשעבר שאינן מגניבות עוד יותר (אז הפסיקו להשתמש בהן) – designshack.net
  • קומיקס סאנס, הגופן המגוחך ביותר בעולם, מקבל מהפך – slate.com
  • תחת גרפיקה בבנייה – donotenter.com
  • 5 מגמות לעיצוב אתרים לפקוח עין בשנת 2013 – rafaltomal.com
  • עיצוב אתרים: הסר מגמות מיושנות מהאתר שלך – aconitummobile.com
  • 10 מגמות עיצוב 2013 – לאן נעלמו כל הדרגות? – d3.infragistics.com
  • המגמות העיצוביות והשימוש לרעה ביותר בכל הזמנים – webdesignledger.com
  • גוגל למנהלי אתרים: זה לא עוד 1996, תפסיק להשתמש ב- Marquees – seroundtable.com
  • 11 GIF מונפשים הטובים ביותר ב- Old School – 11points.com
  • 5 מותגים גדולים משתמשים ב- GIF מונפשים בהודעות דוא”ל בדרך לא -90-שנה! – blog.kovalent.co
  • פס רחב ביתי 2013 – pewinternet.org
  • 10 מגמות לעיצוב אתרים מותירים מאחור בשנת 2014 – wix.com
  • התעללות בסוווש: הקומפנדיום – elbowroomdesign.com
  • האתר הגרוע בעולם אי פעם – theworldsworstwebsiteever.com
  • מדוע עליך להשתמש בדלפק אתרים –
  • דפי התז: האם אנו באמת זקוקים להם? – smashingmagazine.com
  • פלאש ו- SEO – סיבות משכנעות למנועי חיפוש & פלאש עדיין לא מתערבב – moz.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map