عرض تصميم Divi: عمليات التقديم الجديدة من مايو 2021

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

آمل انك احببتهم!

عرض تصميم Divi: عمليات التقديم الجديدة من مايو 2021

1. اليوم الوطني للعلوم

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

زيارة الموقع

2. بيتيك

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

زيارة الموقع

3. تنمية أعمالي

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

زيارة الموقع

4. أساتذة كرة القدم في المستقبل

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

زيارة الموقع

5. مزارع بارتليت

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

زيارة الموقع

6. Pop-Up Kombi

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

زيارة الموقع

7. براندارتيكا

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

زيارة الموقع

8. كاساندرا ورثي

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

زيارة الموقع

9. أحداث JP

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

زيارة الموقع

10. فولي ستوديو

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

زيارة الموقع

حتى الشهر القادم!

هذا هو أفضل 10 عمليات تقديم لموقع Divi الخاص بالمجتمع لشهر مايو. تبدو هذه المواقع مذهلة وكما هو الحال دائمًا نريد أن نشكر الجميع على مشاركاتك!

إذا كنت ترغب في النظر في تصميمك الخاص ، فلا تتردد في إرسال بريد إلكتروني إلى محررنا في nathan at Elegant theme dot com. تأكد من جعل موضوع البريد الإلكتروني "DIVI SITE SUBMISSION".

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

صورة مميزة عبر Mascha Tace / shutterstock.com