9 اتجاهات لتصميم الويب يجب أن تعرفها في عام 2023

نشرت: 2022-10-15

يعد موقع الويب المتطور طريقة مؤكدة لإلقاء نظرة على عملك.

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

لا تقلق ، لقد قمنا بتغطيتك. فيما يلي 9 من أهم الاتجاهات في تصميم الويب والتي يجب الانتباه إليها في عام 2023.

1) تصميم صفحة واحدة

تصميم ويب للمحفظة من صفحة واحدة مع نص ملون وشرائح منزلقة
saaa.am بواسطة سام فيربيرن

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

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

هل تحتاج إلى مساعدة في التصميم الجرافيكي؟

جرب Penji's Unlimited Graphic Design واحصل على تصميمات العلامة التجارية والرقمية والمطبوعة وتصميمات UXUI في مكان واحد.

يتعلم أكثر

2) الوحشية

تصميم ويب وحشي بحدود سوداء وخلفية بيضاء
قائمة الشاشة من قبل Bráulio Amado

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

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

3) الواقع الافتراضي والمعزز

لقطة شاشة من جولة افتراضية 360 درجة في جامعة سيدني
هنا من قبل جامعة سيدني

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

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

4) عودة الفن الهابط

تصميم الويب بألوان متنافرة ومنبثقة هزلية
عام — المجال من قبل أوف وايت

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

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

5) عناصر تفاعلية ثلاثية الأبعاد

أداة ثلاثية الأبعاد لمنع الاحتيال بواسطة Stripe
شريط الرادار من قبل بيل لابوس

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

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

6) "ألوان الدوبامين"

تصميم ويب ممتع بألوان زاهية ومساحة ثلاثية الأبعاد
نايك بلاي لاب من ميديا ​​مونكس

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

أعلاه ، يتم استخدام اللون الأرجواني والأخضر والأصفر بشكل عصري بواسطة Nike PLAYlab ، وهو تحدٍ للأطفال عبر الإنترنت. بينما تجذب الألوان الزاهية دائمًا انتباه الأطفال ، يعمل هذا التصميم لأنه يجذب الأطفال مع الحفاظ على عامل Nike الرائع. هذا ليس Barney & Friends ؛ إنه تصميم أنيق وجريء يتناسب تمامًا مع ماركة Nike التجارية.

7) الطباعة المتكاملة

تصميم ويب متكامل مع تفاعل النص والصور
Meetings.fr بواسطة وكالة اضافية

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

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

8) التمرير

تصميم الويب Scrollytelling مع ظهور الأيدي من خلفية داكنة
تصميم الويب وتاريخ الفن بواسطة Niika على Webflow

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

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

9) إحياء الويب الرجعية

تصميم ويب MrBeast الرجعية مع فن البكسل
ShopMrBeast by basement.studio

كلمة (؟) التي تدور في أذهان الجميع هي Y2K. لقد شقت آلة الحنين إلى الماضي التي لا تتوقف طريقها إلى أوائل القرن العشرين ، ومعها تولد ولع بإنترنت المدرسة القديمة. هل تتذكر متى يمكنك العثور على إجابات فعلية على Google؟ Skeuomorphism والتصميمات المنقطة وحتى المؤشرات البراقة تعود جميعها إلى الأناقة.

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

ابق في طليعة اتجاهات تصميم الويب

تصميم ويب عصري بواسطة Spotify مع عناصر عائمة ونص متكامل
سبوتيفي نادي علم التنجيم من قبل makemepulse

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

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