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

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

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

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

1. اناش

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

عرض الموقع

2. لجوبا - ريفليسي ديجيتال

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

عرض الموقع

3. وضع النجاح

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

عرض الموقع

4. إريك هوبر

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

عرض الموقع

5. فندق هارمونا بيتش

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

عرض الموقع

6. موقع محترف بازل

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

عرض الموقع

7. فقط VR

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

عرض الموقع

8. نيكولاي Soerensen

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

عرض الموقع

9. الظهور

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

عرض الموقع

10. صباح الناس

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

عرض الموقع

في الختام

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

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

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

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