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

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

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

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

1. صناعات فالى

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

قم بزيارة Vale Industries

2. أركا التفاعلية

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

قم بزيارة Arca Interactive

3. ترافوس

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

قم بزيارة ترافوس

4. قصص تصميم UX

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

قم بزيارة UX Design Stories

5. TPress Studio

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

قم بزيارة TPress Studio

6. بلدي السمسار كولومبوس

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

قم بزيارة My Columbus Realtor

7. اليعسوب افي

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

قم بزيارة Dragonfly Ave

8. NEVERMVM

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

قم بزيارة NEVERMVM

9. باندا ريمريمونت

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

قم بزيارة Panda Remiremont

10. أليانز برنو

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

قم بزيارة أليانز برنو

تغليف

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

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

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

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