تصميم الويب في عام 2020 – الاتجاهات والنصائح والرعب

اتجاهات تصميم الويب لعام 2020مع 2019 يتلاشى بالفعل خلفنا ، نحن’إعادة البدء في التركيز على الوعد الذهبي المشرق للعام الجديد: 2020.


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

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

وهنا النتائج…

Contents

أفضل اتجاهات تصميم الويب لعام 2020

  1. واجهة المستخدم: الوضع الداكن
  2. التصميم المرئي: رسومات ثلاثية الأبعاد
  3. التليفون المحمول: تصميم بسيط
  4. التجارة الإلكترونية: الوان براقة
  5. تجربة المستخدم: الذكاء الاصطناعي والتفاعل الصوتي
  6. إضفاء الطابع الشخصي: الرسوم التوضيحية والرسوم المتحركة
  7. وورد: جوتنبرج
  8. المحتوى: إطارات الفضاء الأبيض
  9. الطباعة: الطباعة الموضحة

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

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

العقد يقترب بسرعة من نهايته ، لذلك فزنا’ر الانتظار لفترة أطول – دعونا’الغوص مباشرة في أفضل 9 اتجاهات لتصميم الويب لعام 2020!

تعرف على الخبراء!

آنا يكره

آنا أبرانتس,
مصمم واجهة المستخدم

كيفين موراي

كيفين موراي,
خبير حلول التجارة الإلكترونية

إيلا جونسون

إيلا جونسون,
مصمم رقمي إبداعي

كارول الحقيقة مان

كارول فيريتي مان,
مؤسس
المرأة على الويب

أندرياس بولوس

أندرياس بوروس,
الرئيس التنفيذي لشركة Greenlight Digital

اليكس فاسيلي

أليكس فاسيلي,
رئيس العلامة التجارية في MVF Global

إد ويلسون

إد ويلسون,
أخصائي SEO فني أول

1

أفضل اتجاه تصميم لواجهة المستخدم: الوضع الداكن

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

أصبح الوضع المظلم اتجاهًا واسعًا للتصميم في عام 2019 عندما قدمته Google في العديد من تطبيقاتها ، من Chrome إلى YouTube. أخذ الوضع المظلم الإنترنت بعاصفة ، وتشير جميع الإشارات إلى أنه سيستمر في الانتشار في عام 2020.

وضع الظلام تصميم مواقع الإنترنتينتقل Twitter تلقائيًا إلى الوضع المظلم عند تشغيله في إعدادات المتصفح.

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

هذا لا يعمل إلا إذا كان موقع الويب يدعم الوضع المظلم ، على الرغم من ذلك!

لأن العديد من المواقع لديها ملاذ’t اشتعلت في الوضع المظلم حتى الآن ، طور Google Chrome “عين الليل” ميزة ، والتي ستجعل المواقع العادية مظلمة سواء كانت’لقد تم تحسينه لذلك أم لا.

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

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

ومع ذلك ، قد ينتهي موقعك إلى أن يبدو مثل البطة القبيحة في عالم الوضع المظلم – يشبه إلى حد ما متجر الأثاث IKEA’ق الموقع…

تصميم الويب من وضع مظلم ايكيامن الآمن أن نقول ، ايكيا’يمكن أن يبدو المتجر عبر الإنترنت s أفضل في الوضع المظلم… 2

أفضل اتجاه للتصميم المرئي: رسومات ثلاثية الأبعاد

مثال على تصميم اتجاه الويب ثلاثي الأبعاد

عندما تحدثنا إلى المصممة الرقمية الإبداعية إيلا جونسون ، أعطتنا نظرة ثاقبة حول كيفية ارتفاع التصميم ثلاثي الأبعاد:

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

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

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

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

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

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

تصميم الويب الاتجاه الباستيل 3D trelloيستخدم Trello الكثير من ألوان الباستيل إلى جانب رسوماته ثلاثية الأبعاد ، مما يخلق شعورًا سلسًا ومشرقًا وحديثًا. 3

أفضل اتجاه تصميم للجوال: تصميم بسيط

الحد الأدنى من اتجاه تصميم الجوال مسابقة جوجل

لقد كانت Minimalism خيار تصميم شائع للجوال لبضع سنوات حتى الآن. أمازالت’هو اتجاه موثوق وطويل الأمد أثبت أكثر من قيمته ، ويبدو أنه سيظل قوياً حتى عام 2020.

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

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

من الخبراء

آنا يكره

تقول آنا أبرانتس… “هذا ليس شيئًا جديدًا ، ولكنه لا يزال مهمًا: يجب أن يكون النهج الأول للجوال هو التركيز. في المستقبل القريب ، سيزور المستخدمون مواقع الويب فقط على هواتفهم ، لذلك’من المهم أن تكون مستعدًا عندما يأتي ذلك اليوم.”

هنا’مثال رائع على الحد الأدنى من التصميم للجوال ، من موقع استوديو التصميم Yaroflasher:

yaroflasher الحد الأدنى المثال المحمولاستوديو تصميم ياروفلاشر’موقع الويب مرئي للغاية وأنيق ، دون الشعور بالفوضى. يستخدم الحد الأدنى من التصميم لمنح الزوار تجربة مستخدم نظيفة وسهلة.

يستخدم هذا الموقع خطوطًا كبيرة وجريئة ورسومًا متحركة وألوانًا زاهية متناقضة مع خلفية سوداء – ومع ذلك لا يزال يحتفظ بتصميم واضح وبسيط’من السهل جدا التنقل.

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

التطبيق headspace الحد الأدنى من تصميم الجواليستخدم تطبيق Headspace الحد الأدنى من التصميم لتوفير رحلة مستخدم سلسة وسهلة المنال ، مع الاستمرار في جذب مستخدميه.

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

تصميم بسيط يبدو رائعًا ، ولكن هناك’سبب آخر لدعم هذا الاتجاه في عام 2020 – التأثير الذي يمكن أن يحدثه على سرعات التحميل.

كما هو الحال دائما, سرعات التحميل عامل حاسم – وهذا من المقرر أن يزداد أهمية فقط في عام 2020 ، بسبب التركيز الكبير على الهاتف المحمول’ينمو منذ أن قدمت Google فهرسة الجوال لأول مرة في مارس 2018.

تحدثنا إلى Edd Wilson ، كبير متخصصي SEO التقني في وكالة التسويق الرقمي Impression ، الذي شرح كيف يتغير المشهد العام لمحركات البحث والتصميم بسبب صعود الهاتف المحمول:

“جوجل أدخلت فهرسة الجوّال أولاً في مارس 2018 – والآن ، في 2019 ، غالبية مواقع الويب في Google’سيتم الزحف إلى فهرس s وعرضه من منظور الجوال. لأن غالبية الأجهزة تعتمد على شبكة 3G / 4G ، فإنه’من المهم النظر في أنهم يريدون موقع ويب سريع التحميل.”

إنه’من السهل أن ترى كيف يدفع الهاتف المحمول الإنترنت بالكامل للتنقل بشكل أخف ، والتحميل بشكل أسرع ، وتقديم إشباع فوري للمستخدمين – خاصة مع 5G التي ترفع رأسها الآن وتبشر بسرعة فائقة واعدة لمستخدميها.

مع وضع هذا في الاعتبار ، فإنه’ليس من المستغرب أن عصر الحد الأدنى من التصميم يقترب من تلقاء نفسه للأجهزة المحمولة!

4

أفضل اتجاه تصميم للتجارة الإلكترونية: الألوان الزاهية

جاكي سميث

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

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

قال أليكس فاسيلي هذا عن الانتقال من البساطة إلى الألوان المتعددة في تصميم الويب:

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

حلوى جمجمة التجارة الإلكترونية الملونة 12 حالة مزاجيةمعرض حلوى جمجمة التجارة الإلكترونية الملونةمتجر على الانترنت Skullcandy “12 حالة مزاجية”, حيث يحتفل كل شهر بطريقة مختلفة تجعلنا نشعر بالموسيقى.مثال حلوى جمجمة التجارة الإلكترونية الملونةكل شهر له لون مختلف يشغل الشاشة بأكملها.

اذا أنت’إعادة إعداد علامتك التجارية ، والآن هو الوقت المثالي لاختيار نظام ألوان قوي لمتجرك عبر الإنترنت. اختر لونًا رئيسيًا ولونًا ثانويًا يكمل كل منهما الآخر ، ويخلق مظهرًا يطابق علامتك التجارية’شخصية.

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

من الخبراء

كيفين موراي

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

اكتشف المزيد

  • هي سنتك الجديدة’قرار لبدء عملك التجاري الإلكتروني الخاص؟ تحقق من دليلنا كيفية البيع عبر الإنترنت من أجل المساعدة!
  • اقرأ مسيرتنا خطوة بخطوة كيفية بناء متجر على الإنترنت لإنشاء متجرك المذهل الخاص بك في عام 2020.

5

أفضل اتجاه تصميم UX: AI والتفاعل الصوتي

مثال التخصيص منظمة Netflix UX تعني تجربة المستخدم ، وتتعلق بها كيف يشعر المستخدم عند التفاعل مع منتج أو خدمة. تحقيق المستخدم’احتياجاتنا ، حل المشكلات ، وخلق تجربة إيجابية ومرضية هو ما تعنيه تجربة المستخدم.

هل كنت تعلم هذا 65٪ من 25 إلى 49 عامًا التحدث مع أجهزتهم المزودة بصوت مرة واحدة على الأقل في اليوم? تتغير طريقة تفاعلنا مع العلامات التجارية عبر الإنترنت ، حيث لم تعد الشاشات ضرورية.

يُحدث البحث الصوتي والتفاعلات الصوتية ، إلى جانب تقنيات الذكاء الاصطناعي ، ثورة في طريقة تصفحنا للويب.

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

الآن نحن’لا أقول أنه يجب عليك البدء في العمل على النماذج الأولية الخاصة بك بالذكاء الاصطناعي ، أو إنشاء منافس لـ Siri – ولكن هناك شيئان رئيسيان يمكنك القيام به للترحيب بهذا الاتجاه في عام 2020:

1. تحسين موقع الويب الخاص بك للبحث الصوتي

بحلول عام 2020, 50٪ من جميع عمليات البحث عبر الإنترنت ستكون عمليات البحث الصوتي باستخدام مساعد افتراضي مثل Siri أو Alexa – لذلك هذا هو نفس الفطرة السليمة مثل الاستمرار في الاتجاه. إليك بعض الطرق للبدء:

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

2. احتضان منظمة العفو الدولية

يجب أن يكون AI و UX تطابقًا في السماء – كلاهما مصمم لفهم السلوك البشري ، ثم يقدم حلًا مفيدًا وطبيعيًا.

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

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

سواء كنت ترغب في تجربة دمج الذكاء الاصطناعي والتفاعلات الصوتية في موقع الويب الخاص بك أم لا ، يمكنك توقع رؤيتهم يصنعون موجات على الويب في عام 2020.

6

أفضل اتجاه تصميم للتخصيص: الرسوم التوضيحية والرسوم المتحركة

مثال تصميم الويب التوضيح koox

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

من الخبراء

إيلا جونسون

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

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

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

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

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

كن حذرًا على الرغم من ذلك – كما أشارت خبيرة المنزل أنا آبرانتس:

“الاتجاه الرئيسي هو استخدام الصور أو الرسوم التوضيحية الكبيرة بالحركة ، ولكن هذا يمكن أن يؤدي إلى بطء موقع الويب ، وكسر Google’قواعد سرعة الموقع.”

لتجنب ذلك ، توصي آنا بتحسين وضغط الصور لتقليل سرعة الموقع ، مع الحفاظ على وضوح الصور.

7

أفضل اتجاه تصميم لـ WordPress: Gutenberg

وورد الاتجاه جوتنبرج

حسنًا ، نحن نعلم من الناحية الفنية أن غوتنبرغ نفسها ليست كذلك’ر حقا اتجاه تصميم مواقع الإنترنت. ونعم ، تم إصداره في نوفمبر 2018. لكن من المقرر أن يكون محرر WordPress الجديد ضخمًا لمستخدمي WordPress في عام 2020.

كيف لنا أن نعرف هذا؟ حسنًا ، أحد مؤسسي WordPress Matt Mullenweg’عنوان حالة الكلمة في تشرين الثاني / نوفمبر’كان معسكر ووردبريس في الولايات المتحدة يركز بشكل كبير على جوتنبرج – لقد ذكره أكثر من 70 مرة في خطابه – لذلك اعتقدنا أنه يجب علينا الجلوس والاستماع.

“… هذا [جوتنبرج] هو الأساس الأساسي الذي نحن’إعادة بناء العقد القادم من وورد على” – مات مولنويج ، أحد مؤسسي WordPress

غوتنبرغ هي صفقة كبيرة لأنها تعيد التفكير في عملية البناء والتحرير بأكملها على WordPress. نحن’لقد اختارت ثلاث ميزات Gutenberg التي تبدو ساخنة لتصميم WordPress على الويب في عام 2020.

عشرون موضوع وورد

تم تصميم سمة WordPress الافتراضية الجديدة لعام 2020 – التي تسمى بحق Twenty Twenty – لتحقيق أقصى استفادة من محرر Gutenberg. ينصب تركيزه على المرونة والتحرير القائم على الكتلة والتخصيص. حتى الآن’تم تثبيت s أكثر من 400000 مرة – ألق نظرة أدناه ، ومعرفة ما إذا كنت تعتقد أن هذا يمكن أن يؤثر على أسلوبك في 2020.

وورد الاتجاه عشرين عشرين الموضوعوورد’ تم تصميم السمة الافتراضية الجديدة لـ Gutenberg ، وتهدف إلى تسهيل التخصيص لمستخدميها.

التدرجات

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

وورد تصميم مواقع الإنترنت زر جوتنبرج التدرجإنه’من السهل الآن إضافة تأثيرات الألوان ، بما في ذلك التدرجات ، إلى أزرارك – لا تفعل ذلك’ر تحتاج حتى إلى رمز!

الصورة والنص

يتيح لك جوتنبرج أيضًا ضع صورة ونص جنبًا إلى جنب. بينما قبل ذلك كان يمكن أن يسبب الكثير من الصداع والإحباط’s الآن بسيطة للغاية لإدراج “وسائل الإعلام & نص” منع لإدراج الصور والنصوص بجانب بعضها البعض.

وورد تصميم ويب النص جوتنبرج وكتلة وسائل الإعلاموسائل الاعلام & تجعل كتلة النص من السهل جدًا إدراج صورة بجانب النص.

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

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

اكتشف المزيد

  • هل بدأت للتو في WordPress؟ هنا’s دليلنا البسيط المكون من 8 خطوات كيفية إنشاء موقع ووردبرس] لمساعدتك!

8

أفضل اتجاه تصميم للمحتوى: إطارات الفضاء الأبيض

بيكاسو مثال عن الفضاء الأبيض

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

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

يمكن أن يساعد استخدام المساحة البيضاء زيادة فهم المحتوى بنسبة 20٪ تقريبًا, لذلك هذا اتجاه تصميم مفيد بشكل خاص للمواقع ذات المحتوى الكثيف. أحد الأمثلة على ذلك هو Medium ، وهو موقع نشر عبر الإنترنت. يستخدم مساحة بيضاء بشكل فعال للحفاظ على قرائها بمهارة’ انتباه:

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

Apple و Dropbox و Squarespace كلها أمثلة لإلقاء نظرة على إلهام المساحة البيضاء. يعد استخدام أقسام صلبة من المساحة البيضاء لتأطير الصور والنصوص طريقة جريئة ونظيفة لتقديم المعلومات وتوجيه المستخدمين’ عين لمحات مهمة.

9

أفضل اتجاه تصميم للطباعة: الخطوط التفصيلية

مثال على تصميم الويب الطباعة نقطة إلى نقطة

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

أوضح اتجاه الطباعة إيللا جونسونتعد الطباعة الموضحة أنيقة وملفتة للنظر ، ويُعتقد أنها ستظهر في عام 2020. (الصورة بإذن من Ella Johnson)

حصلنا على معلومات من Ella Johnson حول توقعها لاتجاهات الطباعة في عام 2020:

نحن’لقد رأيت الكثير من الطباعة الموضحة مؤخرًا – Huawei و Clarks مثالان – وهذا’أقوى توقعاتنا لعام 2020’شائعة في الفيديو (وخاصة مقاطع الفيديو الموسيقية) ، كما هو’فعالة حقا عند تحريك.”

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

فرصة عرض الخلفية الخاصة بك من خلال النص الخاص بك هي ديناميكية مثيرة للاهتمام للعب معها ، ويخلق شعوراً عصرياً للغاية.

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

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

من الخبراء

اليكس فاسيلي

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

9 أخطاء يجب تجنبها في 2020

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

كان هناك الكثير من الردود ، ولكن هنا أخطاء التصميم التسعة التي أثارت غضب الناس:

  1. وسائط التشغيل التلقائي
  2. معلومات الاتصال المخفية
  3. النوافذ المنبثقة والإعلانات المتطفلة التي تتبعك في جميع أنحاء الصفحة
  4. التدرج اللانهائي
  5. صفحات المنتج Clunky
  6. رؤوس لزجة معيقة
  7. مواقع تحميل بطيئة
  8. متاجر على الإنترنت بدون خروج ضيف
  9. النوافذ المنبثقة بملء الشاشة التي تغطي صفحة الويب بأكملها

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

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

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

كانت هذه نقطة مهمة شددت عليها كارول فيريتي مان ، التي قالت:

“عندما يكون التصميم أ ‘الاتجاه’, في الواقع قد لا يكون مناسبًا للمستخدم و ‘نظرة’ يريدون أن يصوروا… نعم ، هناك اتجاهات ، وأنا لن أفعل’أقول أنني أتجاهلهم على الإطلاق. لكني فزت’ر تفعل شيئا أو استخدام شيء لمجرد أنه’ق الاتجاه. أود فقط تطبيق اتجاه إذا كان’ق مناسبة تماما للبناء بشكل عام.”

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

نصيحتنا هي:

  • احتضان المساحة البيضاء
  • احصل على تعليقات من الآخرين
  • إذا كنت في شك، وترك ذلك!

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

من الخبراء

أندرياس بولوس

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

3 مهارات تصميم لتنظيفها في عام 2020

ربما انت’لقد حددت لنفسك بالفعل أهدافًا لتحقيقها في العام المقبل ، وهي على استعداد ونادر للذهاب. ولكن إذا كنت’إعادة النظر في قائمتنا وتساءل أين أنت على وجه الأرض’من المفترض أن تبدأ ، هنا’قائمة بالمهارات والأدوات التي يجب مراعاتها.

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

يبدو أن معظم الناس يتفقون على أن الرسوم المتحركة ستكون كبيرة في عام 2020 – في الواقع ، وجد استطلاع عالمي حديث للتصميم أن كان تصميم الحركة هو المهارة التي أراد معظم المصممين تعلمها في السنتين أو الثلاث سنوات القادمة, من أجل البقاء على صلة بمجال عملهم.

لذا ، من المنطقي الاستعداد لعام 2020 من خلال تعلم بعض مهارات تصميم الحركة أو الرسوم المتحركة!

مسح تصميم الويب العالميالمراوغة’وجد مسح التصميم العالمي أن تصميم الحركة هو المهارات التي أراد معظم المصممين تعلمها في السنتين أو الثلاث سنوات القادمة.

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

للبدء ، ألق نظرة على هذه الأدوات والموارد:

  • أدوبي فوتوشوب – من المفيد أن تكون على دراية بذلك قبل التقدم إلى Adobe After Effects
  • برنامج ادوبي افتر ايفيكت – الخيار الأعلى لإنشاء الرسوم المتحركة
  • مدرسة الحركة – منصة تدريب عبر الإنترنت مخصصة لتصميم الحركة
  • Lynda.com – مورد رائع مليء بالدورات عبر الإنترنت

2. التوضيح

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

ابدأ باللعب مع الرسم التوضيحي للعثور على أسلوبك الخاص ومكانته!

3. الترميز

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

  • لغة البرمجة – يشير هذا إلى لغة ترميز النص التشعبي ، ويستخدم لإعطاء محتوى وبنية مواقع الويب
  • CSS – تتحكم أوراق الأنماط المتتالية في نمط وتنسيق صفحة الويب’HTML
  • جافا سكريبت – هذا واحد لإضافته إلى مجموعة المهارات الخاصة بك إذا كنت تريد التميز عن المنافسة ، ونقل تصميماتك إلى المستوى التالي مع العناصر التفاعلية

أفضل اتجاهات التصميم لعام 2020: الموجز

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

ولكن بعد كل هذا ، ما نريد قوله حقًا هو: اتجاهات تصميم الويب لعام 2020 بين يديك. هل ستختار استكشاف الرسوم التوضيحية أو الرسومات ثلاثية الأبعاد؟ هل ستتبنى الألوان الصامتة ، أو ستختار التدرجات النابضة بالحياة لموقعك على الويب?

تحدث الخبراء ، ولكن اتجاهات 2020 كملاذ آمن’لم تتم كتابته بعد – لا يزال ، بينما تقرر أيها مناسب لك, هنا’لمحة سريعة عن أفضل اختياراتنا:

  1. واجهة المستخدم: الوضع الداكن
  2. التصميم المرئي: رسومات ثلاثية الأبعاد
  3. التليفون المحمول: تصميم بسيط
  4. التجارة الإلكترونية: الوان براقة
  5. تجربة المستخدم: الذكاء الاصطناعي والتفاعل الصوتي
  6. إضفاء الطابع الشخصي: الرسوم التوضيحية والرسوم المتحركة
  7. وورد: جوتنبرج
  8. المحتوى: إطارات الفضاء الأبيض
  9. الطباعة: الطباعة الموضحة

سواء كنت’مجرد إعادة البدء أو أن تكون خبيرًا بنفسك ، نأمل منك’لقد استمتعنا بانهيار عام 2020’أكبر اتجاهات تصميم مواقع الويب ، ومتحمسون لاتخاذ أي شيء يخبئه العام الجديد!

شكرا لخبرائنا!

إيلا جونسون

إيلا جونسون,
المصمم الرقمي الإبداعي في أرماديلو

كارول الحقيقة مان

كارول فيريتي مان,
شريك في ملكية We Get Digital ومؤسس Women on the Web

أندرياس بولوس

أندرياس بوروس,
CEO في Greenlight Digital

آنا يكره

آنا أبرانتس,
مصمم واجهة المستخدم

إد ويلسون

إد ويلسون,
كبير أخصائي SEO التقني في الانطباع

كيفين موراي

كيفين موراي,
العضو المنتدب في Greenlight Commerce

اليكس فاسيلي

أليكس فاسيلي,
رئيس العلامة التجارية في MVF Global

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map