اتجاهات تصميم الويب لن تنسى أبدًا

إفشاء: يساعدك دعمك في الحفاظ على تشغيل الموقع! نحصل على رسوم إحالة لبعض الخدمات التي نوصي بها في هذه الصفحة.


اتجاهات تصميم الويب لن تنسى أبدًا

ما هي أول ذكرى لك لشبكة الويب العالمية?

ربما كنت قد بحثت في الويب باستخدام Excite أو AltaVista ، أو كتبت كلمة رئيسية AOL سمعتها في إعلان تلفزيوني. أو ربما تتذكر بوضوح الصفحة الرئيسية الشخصية الأولى الخاصة بك على Geocities ، كاملة مع الإطارات ، صور متحركة ، ومظلة وامضة في Comic Sans. أو إذا بدأت استخدام الويب لاحقًا ، فقد تتذكر الأزرار اللامعة المشطوفة لعصر “Web 2.0” التي حكمت قبل عام 2010.

من المحتمل أن ذكرياتك الأولى على الويب يمكن أن تحدد بسهولة العام الذي بدأت فيه الاتصال بالإنترنت. تمامًا مثل الاتجاهات السريعة التغير في عالم الموضة ، تتطور اتجاهات تصميم الويب باستمرار.

لقد قطعنا شوطًا طويلًا من الأسلوب المبهر للمواقع الإلكترونية المبكرة. اليوم ، يُفضل الحصول على مظهر مسطح وبسيط ، ويتم عمل العديد من التصاميم لتبدو جيدة على الهواتف الذكية والأجهزة اللوحية كما هي على أجهزة سطح المكتب.

بالطبع ، لمجرد أن الاتجاه قد خرج عن النمط لا يعني أنه من الخطأ استخدامه. لا يزال الكثير من الناس يستخدمون Comic Sans وهم في حيرة من كل الكراهية ، وتشهد صور gif المتحركة عودة على Twitter ومواقع التواصل الاجتماعي الأخرى.

ومع ذلك ، من الصعب استخدام النص الوامض ، أو الإطارات ، أو الأزرار اللامعة بدون النظر إلى التاريخ القديم أو بعيدًا عن اللمس. غالبًا ما يكون هناك سبب وجيه وراء اختفاء الأنماط. التصاميم المبهرجة ، على سبيل المثال ، يمكن أن تشتت الانتباه عن المحتوى الخاص بك ، وحتى إزعاج الزوار بما يكفي لضغط زر العودة قبل قراءة كلمة.

إذا كنت تصمم موقعًا إلكترونيًا حديثًا ومحترفًا ، فأنت تريد تجنب المزالق في اتجاهات التصميم المبتذلة بالأمس. ولكن قد تتفاجأ من عدد تلك الاتجاهات القديمة التي تجدد من جديد. تحقق من الرسم أدناه لمعرفة جميع الاتجاهات القديمة التي تريد تجنبها ، وبدائل أكثر حداثة يمكنك استخدامها بدلاً من ذلك.

اتجاهات تصميم مواقع الإنترنت

انفجار من الماضي: اتجاهات تصميم الويب لن تنسى أبدًا

لقد قطعت شبكة الإنترنت بالتأكيد شوطا طويلا منذ أوائل التسعينات ، ولكن لا يزال بإمكانك رؤية جذور الاتجاهات المبكرة في بعض اليوم’ق تصميم الويب.

بلا هزلية

  • بمجرد أن أصبح هذا الخط شائعًا للغاية ، انخفض هذا الخط قبل سنوات لصالح تصاميم أكثر حداثة.
    • الخط الافتراضي في Microsoft Windows 95 والإصدارات الأحدث.
  • لا تزال محبوبًا من قبل مجموعة صغيرة – ولديها حتى subreddit الخاصة بها – قد تعود على الإنترنت.
    • http://www.reddit.com/r/comicsans
  • شخص ما أحبه كثيرا ، أعطوه تغييرًا!
    • Comic Neue هي نسخة محدثة من Comic Sans القديمة ، تهدف إلى إعادة الخط إلى الاتجاه السائد.

تحت شعارات البناء

  • بمجرد أن تكون أفضل طريقة لإخبار الزائرين بأنك ما زلت تبني موقعك ، فإن هذا الأمر ينظر إليه الآن معظم عالم تصميم الويب.
    • إنه’تم استبداله من قبل أكثر نضجا “قريبا” صفحة تسمح للمستخدمين بالاشتراك في قائمة بريدك الإلكتروني.
  • إنه’لم يمت بعد – هناك’لا يزال موقع مدرسة قديمة على الإنترنت مخصص لرسومات Under Construction.
    • http://www.donotenter.com/cool/ucgraphics/

إسقاط الظلال ، شطبة وزخرف ، أزرار لامعة, & التدرجات

  • كانت الظلال المسقطة طريقة رائعة بشكل لا يصدق لإظهار Photoshop® الخاص بك فقط بضع نقرات على زر ، وبام! أنت’لقد حصلت على رسم رائع المظهر.
    • اليوم’يستخدم تصميم الويب s أبناء العم من الظل المسقط.
      • ظل خفي
      • ظل ذو حافة صلبة
      • ظل الطبقات
  • شطبة وزخرف
    • اليوم’تتطلب اتجاهات تصميم الويب s تصميمًا مسطحًا ، مما يدفع الشطب والنقش في الهاوية المظلمة لتصميم الويب السيئ.
  • أزرار لامعة
    • The Bevel and Emboss with a twist – وهذا يضيف لمعانًا لإنشاء مظهر بلاستيكي / زجاجي للأزرار ، مما يجعلها تبدو كألوان لامعة يمكنك فقط’تقاوم النقر.
    • وبمجرد أن أصبحوا أكثر استخدامًا ، فقد سقطوا أيضًا فريسة لاتجاه التصميم المسطح الجديد.
  • التدرجات
    • ميزة أخرى في تصميم الويب المبكر وصلت إلى ارتفاعات الشعبية التي أصبحت مفرطة الاستخدام.
      • وقد وقع هذا الاتجاه أيضًا ضحية للتصميم المسطح ، ولكن لا يزال يستخدم بمهارة لإضفاء الحيوية على الأزرار.
        • إنه’استبدال الزر المصقول ، وعندما يتم ذلك بشكل صحيح ، يمكن استخدامه في اليوم’ق تصميم الويب.

الإطارات

  • تم استخدام إطارات HTML لتقسيم الصفحة إلى عدة صفحات “الإطارات” يعرض كل عنوان URL مختلفًا. استخدمتها غالبية مواقع الويب المبكرة بطريقة أو بأخرى.
    • مهمل في HTML5 ، باستثناء إطارات iframe.
      • تتيح لك إطارات iframe سحب صفحات الويب من المواقع الخارجية إلى صفحتك.
    • يضر SEO كمحركات البحث ويجد صعوبة في قراءة الإطارات.
    • يضيف إلى عدد الصفحات التي يجب عليك تحديثها
    • يضيف إلى وقت تحميل الصفحة
      • هذا أمر سيئ لكل من تحسين محركات البحث وتجربة المستخدم.

النص المتحرك / التمرير النص

  • هل يحتوي أي جزء من موقعك على نص متحرك؟ ثم أنت’لقد حصلت على سرادق.
    • كانت هذه العلامة / الميزة رائعة في التسعينات ، وغالبًا ما يتم دمجها مع جريمة Comic Sans.
    • موقع الويب الخاص بك ليس شبكة إخبارية! لا’ر تعامله مثل واحد.
  • اذا أنت’إعادة لا تزال تستخدم سرادق على موقع الويب الخاص بك ، أنت تبدو مثلك’إعادة عالقة في عام 1996.
    • توصي Google بذلك ، لأنه يضر تحسين محرك البحث (SEO).
      • يعرض كمية محدودة من المعلومات لمحركات البحث.
    • هل يحتاج المستخدمون لديك لرؤية المعلومات?
      • نعم: ضعها على الصفحة بطريقة مختلفة ، في الجزء المرئي من الصفحة ، للتأكد من ذلك’مرئي.
      • لا: قم بإزالته!

صور GIF متحركة

  • اتجاه شعبي مثير للدهشة من ‘90s ، يبدو أن الجميع كان يستخدم صور GIF متحركة.
    • بقعة الرقص 7-UP®
    • الأرض الغزل
    • الطفل الراقص
  • هم يستخدمون اليوم في التسويق عبر البريد الإلكتروني من العلامات التجارية الكبرى مثل:
    • Bed Bath and Beyond®
    • ستاربكس
    • ويست إلم
  • إنهم يعودون ، ولكن إذا كنت’إعادة استخدامها ، ضع هذه الأشياء في الاعتبار:
    • هم ليسوا بديلا عن الفيديو.
    • اجعلها دقيقة.
    • استخدم فقط بضعة ألوان.
    • تذكر حجم الملف.
      • كلما كبر حجم الملف ، كلما استغرق التحميل وقتًا أطول.
      • 3٪ من الأمريكيين لا يزالون يستخدمون الإنترنت الهاتفي!

صور الأسهم الإفراط في الاستخدام

  • لا تزال صور الأسهم منتشرة اليوم ، ولكن تم الإفراط في استخدام صور معينة ، مثل:
    • المصافحة
    • عائلة سعيدة
    • مجموعة من الأصدقاء
  • صور الأسهم لا’ر تجعلك تبدو “حقيقة.”
    • بدلاً من ذلك ، استخدم الصور التي تردد صوتك وشخصيتك.
    • استخدم صور الأشخاص الذين تبدو أقل من مثالية.
    • كلما كانت صورك أكثر واقعية ، زادت ثقتك بك’ليرة لبنانية بناء مع جمهورك.
  • إذا طلب العملاء ذلك ، توقف عن الجنون!
    • اعرض البدائل التي ستساعدهم على إيصال رسالتهم ، بدون صور المخزون المزيفة.

زيارة العدادات

  • كانت محاولة مشرفي المواقع المبكرة المستخدمة لجمع بيانات حركة المرور ، غير دقيقة في كثير من الأحيان.
    • عدادات نمط عداد المسافات التي تحسب “فوق” في كل مرة يتم تحميل الموقع.
  • على الرغم من عدم استخدامها على نطاق واسع اليوم ، هناك’لا تزال حجة لاستخدام عدادات مجانية على موقع الويب الخاص بك.
    • يخلق الثقة حيث يرى المستخدمون أن العديد من الآخرين قد زاروا الموقع.
  • بدلاً من عداد الزيارة ، اعتمد على Google Analytics لمنحك بيانات حركة المرور ، واستخدم عبارة تحث المستخدم على اتخاذ إجراء لجذب عملائك.

صفحات فلاش سبلاش

  • كانت هذه ذات مرة شائعة بسبب مدى روعة تنشيط موقعك باستخدام Flash. بفضل اكتشاف أن Flash ليس أفضل خيار لتحسين محركات البحث (SEO) ، فقد اختفت جميعها.
  • لا تزال صفحات البداية مستخدمة حتى اليوم لأسباب عديدة:
    • إخلاء المسؤولية ، كما يقتضي القانون قبل دخول الموقع
      • مثال: مواقع المشروبات الكحولية / السجائر
    • شكل إضافي للإعلان
    • حدد اللغة التي يريدون عرض موقع الويب بها ، وذلك لتوجيه المستخدمين إلى اللغة الصحيحة.
      • مثال: UPS.com
    • على الرغم من أن جانب الفلاش قد يكون ميتًا ، نحن’إعادة البدء في رؤية المزيد من صفحات البداية تعود.
      • مثال: MinuteRace.com

حتى بعد عقود من فجر شبكة الويب العالمية ، ما زلنا نرى اتجاهات التصميم المبكر الكبيرة تلعب دورًا في كيفية تصميم مواقع الويب اليوم.

المصادر

  • 5 اتجاهات تصميم سابقة ليست باردة بعد الآن (لذا توقف عن استخدامها) – designhack.net
  • Comic Sans ، الخط الأكثر سخرية في العالم ، يحصل على تحول – slate.com
  • تحت رسومات البناء – donotenter.com
  • 5 اتجاهات تصميم الويب يجب إبقاء العين عليها في 2013 – rafaltomal.com
  • تصميم الويب: إزالة الاتجاهات القديمة من موقع الويب الخاص بك – aconitummobile.com
  • 10 اتجاهات تصميم 2013 – أين ذهب جميع التدرجات؟ – d3.infragistics.com
  • معظم اتجاهات تصميم الويب الأكثر استخدامًا وإساءة استخدامًا في جميع الأوقات – webdesignledger.com
  • Google إلى مشرفي المواقع: لم يعد عام 1996 ، توقف عن استخدام Marquees – seroundtable.com
  • 11 أفضل صور GIF المتحركة للمدرسة القديمة – 11points.com
  • 5 علامات تجارية كبيرة تستخدم صور GIF متحركة في رسائل البريد الإلكتروني بطريقة غير التسعينات! – blog.kovalent.co
  • الصفحة الرئيسية النطاق العريض 2013 – pewinternet.org
  • 10 اتجاهات تصميم ويب لترك وراءها في 2014 – wix.com
  • إساءة سووش: الخلاصة – elbowroomdesign.com
  • أسوأ موقع على الإطلاق في العالم – theworldsworstwebsiteever.com
  • لماذا يجب عليك استخدام عداد الموقع – youtube.com
  • صفحات البداية: هل نحن حقًا بحاجة إليها؟ – smashingmagazine.com
  • Flash و 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