كيف كان شكل الويب وما الأخبار التي تم جلبها في عام 2015؟ ننظر إلى الوراء في بعض من أكبر اتجاهات الويب لهذا العام. ما الذي يجعل الموقع يبدو حديثًا وما الذي يجعله يبدو قديمًا؟ كل عام ، البقاء على قيد الحياة هو الأفضل ، من يختار الاتجاهات التي تعمل والتي لا تعمل. مع اقتراب عام 2015 من نهايته ، يمكننا الآن تحديد أنجح الاتجاهات لعام 2015، أولئك الذين يحددون أسلوب العام ويظهرون القوة الكافية للاستمرار في العام الجديد. فيما يلي بعض الاتجاهات الخمسة في تصميم الويب التي ميزت عام 5.
التمرير طويل جدا.
مع تصفح المحمول تجاوز 2015 بالفعل سطح المكتب ، وشهد تصميم الويب دفعة كبيرة للشاشات الأصغر. مثل العديد من الاتجاهات في هذه القائمة ، أصبح التمرير الطويل التمرير شائعًا بالنسبة له فائدة في التصميم، وفي تحميل صفحات الويب.
في الماضي ، كان المصممون يخشون وضع المحتوى تحت الغطاء ، أي أنه أعطاهم ، إذا جاز التعبير ، أنه لم يتم رؤيته في لقطة الشاشة الأولى التي بدت من موقعها على الويب ، ولكن أظهرت الأبحاث الجديدة أن المستخدمين لا يمانعون في التمرير. يدرك المصممون والمستخدمون اليوم قيمة الوقت للتمكن من استخدام التمرير: المزيد الحرية الإبداعية, تحسين السرد القصصي، و التفاعلات قوية جداو التنقل المبسط (إذا كان الموقع صغيرًا بدرجة كافية).
هذه الفوائد لها تكلفة الآثار السلبية لتحسين محركات البحث و أوقات شحن أطول من بين الأسوأ. يعمل التمرير الطويل بشكل أفضل مع المواقع ذات حركة المرور الكثيفة للجوال أو المحتوى عالي التحديث ، وهو كذلك أقل فعالية للمواقع ذات وسائط ثقيلة مثل مقاطع الفيديو.
مثال/ظل
تصاميم البطاقة.
هناك اتجاه آخر في تصميم الويب لعام 2015 والذي تم تعميمه بواسطة حركة الجوال ، وهو اتجاه تصاميم البطاقة عند عرض أ الكثير من المحتوى من طريقة نظيفة y منظم. هذا يجعلها الأنسب لتصفح محتوى متنوع ومختلف ، خاصة الارتباط بالمواقع الخارجية: المستخدمين حدسي إنهم يعرفون كيفية النقر فوق البطاقة التي تؤدي إلى المنشور ذي الصلة.
مثال/Behance
إعادة تصور التصميم المسطح.
التصميم المسطح اليوم بعيد كل البعد عن أصوله. يوفر التكرار الجديد الأكثر دقة للتصميم المسطح ، الذي يطلق عليه Ryan Allen "التصميم المسطح 2.0" ، المزيد من الفرص للحصول على التفاصيل والزخارف. هنا مثال على شبكة الإنترنت مع هذا الاتجاه.
مثال/تويوتا
رسوم متحركة قوية.
ال الرسوم المتحركة اكتسبت المزيد من الواجبات والمسؤوليات في عام 2015 ، لتتجاوز القيمة الجمالية ، لخدمة وظائف أكثر عمليةs ، لأن الحركة تجذب الانتباه ، يمكن أن تؤثر الرسوم المتحركة على التسلسل الهرمي المرئي لما شوهد لأول مرة. تأثيرات متحركة يمكن أن تعلن عن عناصر معينة دون غيرها، مع إمكانية التعامل مع الجوانب الأكثر تقليدية ، مثل الحجم أو اللون.
تتمتع الرسوم المتحركة أيضًا بالقدرة على إظهار العلاقات. فكر في تأثير الرسوم المتحركة حولها تصغير النافذة، حيث يتم طيها ثم الانتقال إلى القائمة ، تؤكد هذه الرسوم المتحركة النجاح الأول للإجراء ، ولكنها تُظهر أيضًا للمستخدم المكان الذي يمكنه فيه رؤية النافذة التالية في القائمة.
مثال/بعبع
صور رائعة.
مع شعبية شاشات عالية الوضوح في عام 2015 ، بدأ المصممون في إيلاء المزيد من الاهتمام لـ الجودة الفنية للصور. تعتمد المزيد من المواقع على الصور المذهلة لعرضها المرئي بدلاً من الرسومات الرقمية.
املأ الخلفية بأكملها بصورة واحدة ، حيث تنشئ مواقع الويب تجارب غامرة للغاية يمكن للمستخدمين الرسم بشكل أسرع ، مما يجعلها مثالية للصفحات المقصودة والصفحات المقصودة.
مثال/موقع ماريو فريجريو