13 اتجاه لتصميم الويب لعام 2020

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

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

فيما يلي أهم 13 اتجاهًا لتصميم الويب لعام 2020:

1. التوضيح المجرد
2. تصميم هندسي
3. شيوع
4. ثلاثي الأبعاد
5. إمكانية الوصول
6. إعداد التفضيل
7. تجارب غامرة
8. الوضع المظلم
9. مخططات ألوان نابضة بالحياة
10. تصميم متساوي القياس
11. الطباعة المخصصة
12. توضيح مبسط
13. التصوير بالرسومات

---

التوضيح المجرد

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

---

تصميم هندسي

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

---

شيوع

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

تزداد شعبية تصميم مواقع الويب المبسطة لأنها تخلق تجربة مستخدم سلسة للزوار للتنقل في المواقع.

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

---

ثلاثي الأبعاد

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

---

إمكانية الوصول

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

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

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

---

إعدادات التفضيل للمستخدمين

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

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

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

---

تجارب غامرة

التجربة الغامرة والتصميم الجرافيكي هو اتجاه آخر رآه الكثيرون قادمًا. في عالم يقدر فيه الناس ما هي تجربتهم مع علامة تجارية أو شركة أو منتج أكثر وأكثر ، فليس من المستغرب أن يستخدم مصممو الويب الواقع المعزز ، والمعروف باسم AR لتعزيز تلك التجارب الغامرة.

كانت Christel من Kwitelle أحد المبدعين الذين شهدوا تصميمًا غرافيكيًا غامرًا قادمًا من على بعد ميل واحد ، "يمكنك أن تشعر به في الهواء."

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

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

---

الوضع المظلم

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

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

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

---

مخططات ألوان نابضة بالحياة

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

---

التوضيح متساوي القياس

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

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

---

الطباعة المخصصة

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

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

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

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

---

الرسوم التوضيحية المبسطة

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

يعتقد Bryan North ، مصمم الجرافيك الداخلي الخاص بـ Flywheel ، أنه اتجاه تصميمي هذا العام لسبب واحد كبير: "إنه يستحضر شعورًا إنسانيًا / ودودًا للغاية عندما يتم إجراؤه بشكل جيد".

قضيت اليوم في إنشاء مجموعة جديدة لـ Open Doodles. باستخدام مكتبة الرسوم التوضيحية هذه ، ستتمكن من تغيير الرأس والتعبيرات والملابس والأفعال (هذا هو التالي) على أمل أن تكون جاهزة في أوائل عام 2020. هل لديك اقتراحات بشأن ما يجب تضمينه؟ ؟ pic.twitter.com/oG2vDb7K5T

- بابلو ستانلي (pablostanley) 25 ديسمبر 2019

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

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

---

التصوير بالرسومات

تصوير + رسومات = مباراة صنعت في الجنة.

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

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

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

---

خاتمة

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

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

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

---

تقرير عمل تصميم الويب