5 اتجاهات تصميم مواقع ووردبريس لشهر مايو 2023

نشرت: 2023-05-24

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

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

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

الرسوم المتحركة السائلة هي أحد تلك التصميمات التي يمكن أن تشعر بالحيوية والانتعاش. بين الرسوم المتحركة السائلة وتغيير اللون السلس ، هناك دائمًا شيء جديد يحدث.

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

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

2. تجارب مستوحاة من الذكاء الاصطناعي

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

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

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

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

3. تلوين قوس قزح

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

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

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

4. أسلوب اللعب

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

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

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

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

5. غير عادية الشرائح الإجراءات

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

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

في المثال أعلاه من Val d'Oca ، يمكنك رؤية تلميح لعنصر الشريحة التالي من موقعك الحالي في التصميم. يتم تشغيله كفيديو ، وينتهي بقائمة كاملة من عناصر التنقل. إذا كنت تشاهد الفيديو ، فلديك نهاية بشيء تفعله.

هذه تجربة أكثر جاذبية على شريط التمرير التقليدي ، مع مسار مستخدم أكثر توجيهًا.

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

ضع كل شيء معا

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

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

احصل على حزمة Kadence