عرض تصميم Divi: عمليات التقديم الجديدة من أغسطس 2019

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

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

عرض تصميم Divi: عمليات التقديم الجديدة من أغسطس 2019

1. مصفوفة تسقيف

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

زيارة الموقع

2. مجموعة برايتوركس

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

زيارة الموقع

3. جزيرة

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

زيارة الموقع

4. سقيفة الرأس

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

زيارة الموقع

5. تظهر ريتشموند

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

زيارة الموقع

6. مؤسسة الجنوب للخدمات

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

زيارة الموقع

7. بنغل اجتماعي

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

زيارة الموقع

8. ديسكارجار اكواكاراوكي

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

زيارة الموقع

9. شخصيات مزدهرة

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

زيارة الموقع

10. كتلة رئيس التحدي

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

زيارة الموقع

في الختام

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

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

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

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