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

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

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

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

1. جامعة موشن

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

زيارة الموقع

2. تصاميم دينار

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

زيارة الموقع

3. سويش

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

زيارة الموقع

4. أدوات سمو

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

زيارة الموقع

5. IQ Animation Studio

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

زيارة الموقع

6. روضة ملكة جمال

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

زيارة الموقع

7. دلمين

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

زيارة الموقع

8. سوبا الدولية

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

زيارة الموقع

9. بطل بالنسبة لك

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

زيارة الموقع

10. VS وتجميع

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

زيارة الموقع

في الختام

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

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

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

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