5 اتجاهات تصميم الويب في WordPress لشهر سبتمبر 2023

نشرت: 2023-09-26

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

فيما يلي خمسة اتجاهات رائعة يجب مراعاتها هذا الشهر:

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

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

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

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

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

2. الكلمات والفن

في بعض الأحيان، من الأفضل رواية القصة بدون صورة. هذا هو الحال بالنسبة لموقع Right Our Story، الذي يركز على التنمر. يعمل هذا العلاج بشكل جيد للغاية لأنك لا تريد إظهار الوجوه هنا؛ يمكن أن ينتقصوا أو يصرفوا انتباههم عن الرسالة.

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

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

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

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

3. رواية القصص ذات الطبقات

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

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

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

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

4. قوائم جميلة

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

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

هذا التصميم رائع المظهر، لكن لا تجوع!

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

5. الرسوم المتحركة الدقيقة

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

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

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

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

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

ضع كل شيء معا

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

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

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