اتجاهات تصميم موقع الويب لعام 2016 التي يجب مراعاتها قبل إنشاء موقعك

dk new media موقع 1

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

  1. الرسوم المتحركة

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

تتضمن أمثلة الرسوم المتحركة الغنية تحميل الرسوم المتحركة ، والتنقل والقوائم ، وتحوم الرسوم المتحركة ، والمعارض وعروض الشرائح ، والرسوم المتحركة المتحركة ، والتمرير ، والرسوم المتحركة في الخلفية ومقاطع الفيديو. تحقق من هذا الموقع من Beagle ، منصة إدارة العروض:

موقع الرسوم المتحركة Beagle

انقر لرؤية الرسوم المتحركة المذهلة لـ JavaScript و CSS من Beagle عند التمرير لأسفل على موقعهم.

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

عادت رسوم GIF المتحركة (بسعادة؟) إلى الظهور ، ويمكن استخدامها للعديد من الأغراض المختلفة ، بما في ذلك الكوميديا ​​والعروض التوضيحية وحتى للزينة فقط.

  1. تصميم المواد

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

يستخدم التصميم متعدد الأبعاد الظل والحركة والعمق لتقديم جمالية نظيفة وحديثة مع التركيز على تحسين تجربة المستخدم بدون الكثير من الأجراس والصفارات.

تشمل الأمثلة الأخرى لتصميم المواد الصور من الحافة إلى الحافة والطباعة واسعة النطاق والمساحة البيضاء المقصودة.

مفهوم إعادة تصميم تصميم المواد على نظام أندرويد

  1. تصميم شقة

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

إبرة الفضاء

استنادًا إلى مبادئ المساحة البيضاء ، والحواف المحددة ، والألوان النابضة بالحياة ، والإيضاحات ثنائية الأبعاد - أو "المسطحة" - يقدم التصميم المسطح أسلوبًا متعدد الاستخدامات يستخدم بشكل متكرر تقنيات مثل تصوير الخطوط والظلال الطويلة.

المسبار

  1. شاشات سبليت

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

تقسيم الشاشة

من خلال السماح للمستخدمين باختيار المحتوى والخبرة الخاصة بهم ، يمكنك إنشاء تجربة من نوع البوابة الإلكترونية تجذب الزوار للدخول.

تقسيم الشاشة المحيط

  1. اسقاط الكروم

في إشارة إلى مصدات الكروم وزخارف السيارات الكلاسيكية ، يشير مصطلح "الكروم" إلى حاويات موقع الويب - القوائم ، والعناوين ، والتذييلات ، والحدود - التي تغلف المحتوى الأساسي.

وقت الكروم

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

الكروم إلى الأمام

 

  1. ننسى الطية

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

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

البذرة

  1. فيديو ملء الشاشة

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

DK New Media

انقر من خلال لرؤية DK New Mediaعلى صفحتهم الرئيسية

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

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.