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

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

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

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

1. أكيمبو

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

زيارة الموقع

2. مجلة Dapper Tapper

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

زيارة الموقع

3. BaseMap

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

زيارة الموقع

4. DH التسويق الرقمي

تم تقديم هذا الموقع بواسطة Douglas Henrique Monteiro e Silva. يعرض صورة ملء الشاشة مع الموضوع إلى جانب والخلفية على الجانب الآخر ، مما يعطي مساحة للعنوان والشعار و CTA. يتم عرض الخدمات بالرصاص باستخدام الرموز الملونة. يتم عرض إحصائيات الخدمات مع رسومات مثيرة للاهتمام للتبديل الرأسي مع الرموز. تظهر الشهادات داخل البطاقات التي تستخدم ظلال الصندوق ونظام تصنيف النجوم. يحتوي أحد الأقسام على نمط خلفية خلف الرسومات. تتداخل عبارة الحث على اتخاذ إجراء بين قسمين وتبرز بشكل جيد. يعجبني الاستخدام الأنيق للدلالات الدعائية في صفحة الخدمات. يستخدمون أيقونات ملونة وينشئون بطاقات رفيعة بتأثيرات تحوم. يستخدم الموقع الكثير من المساحات البيضاء ويستخدم الألوان بشكل أنيق.

زيارة الموقع

5. يوكر

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

زيارة الموقع

6. Idiolektik

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

زيارة الموقع

7. Bio-Bausewein

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

زيارة الموقع

8. EcoHost

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

زيارة الموقع

9. 717 ميديا

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

زيارة الموقع

10. PicknRoll

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

زيارة الموقع

في الختام

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

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

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

صورة مميزة عبر L-astro / shutterstock.com