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

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

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

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

1. البكسل وأقلام الرصاص

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

عرض الموقع

2. أندريا ماسوتي

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

عرض الموقع

3. أدريانو ألفارو

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

عرض الموقع

4. إميلي ميرشانت

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

عرض الموقع

5. داخل أمريكا

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

عرض الموقع

6. محطة الطقس

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

عرض الموقع

7. Goodimalist

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

عرض الموقع

8. جيريكس

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

عرض الموقع

9. الأمهات في خطر

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

عرض الموقع

10. Wems Wireless

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

عرض الموقع

ختاما

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

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

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

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