Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนสิงหาคม 2020

ถึงเวลานั้นอีกครั้งสำหรับ Divi Showcase รายเดือนของเรา ซึ่งเราจะมาดูเว็บไซต์ Divi ที่น่าตื่นตาตื่นใจสิบเว็บไซต์ที่สร้างโดยสมาชิกในชุมชนของเรา ในแต่ละเดือนเราแสดงเว็บไซต์ Divi ที่ดีที่สุดที่ส่งมาจากชุมชนของเรา และวันนี้เราต้องการแบ่งปันเว็บไซต์สิบอันดับแรกในเดือนสิงหาคมกับคุณ ตลอดทั้งโพสต์ ฉันจะชี้ให้เห็นคุณสมบัติการออกแบบที่ฉันโปรดปรานซึ่งดึงดูดฉันให้ไปที่แต่ละเว็บไซต์

ฉันหวังว่าคุณจะชอบพวกเขา!

Divi Design Showcase: ผลงานใหม่ตั้งแต่เดือนสิงหาคม 2020

1. Divemaster Gilis

ไซต์นี้ถูกส่งโดย Alexander Falch ไซต์ใช้รูปแบบสีปะการังสำหรับพื้นหลังส่วนหัวคงที่ ตัวแบ่ง ไอคอน พื้นหลังเบลอ ส่วนท้าย เงาของบล็อก ฯลฯ ส่วนฮีโร่ใช้ภาพพื้นหลังแบบเต็มหน้าจอที่ดึงดูดฉันและข้อความในโอเวอร์เลย์ที่อธิบายไซต์ . ส่วนหัวจะปรากฏขึ้นเมื่อคุณเลื่อนและมีเงามืดเพื่อให้มีลักษณะเป็น 3 มิติ ส่วนหัวยังมีไอคอนที่ลากเส้นซึ่งจะเปลี่ยนสีเมื่อคุณเลื่อน แบบอักษรสำหรับส่วนหัวสูงและบาง สี ไอคอน และแบบอักษรเข้ากันได้ดีกับประเภทและทำงานได้ดีกับช่องว่างทั่วทั้งไซต์ แพ็คเกจจะแสดงด้วยเลย์เอาต์สลับกับรูปภาพเพื่อช่วยอธิบายเหตุการณ์

เข้าไปดูในเว็บไซต์

2. Techie

เว็บไซต์นี้ส่งโดย Michal Teska ไซต์นี้เป็นแบบหน้าเดียวที่ใช้ช่องว่างจำนวนมากพร้อมกราฟิกน้อยที่สุด สีน้ำเงินและสีชมพูใช้สำหรับสีที่มีตราสินค้าในพื้นหลัง ข้อความ ตัวแบ่ง กราฟิก และเมนู ฉันชอบตัวอย่างบริการที่แสดงกราฟิกด้านหนึ่งและข้อความอีกด้านหนึ่งในรูปแบบสลับกัน ช่องว่างทำให้กราฟิกและข้อความโดดเด่นและให้การออกแบบที่สะอาดตา ฉันยังชอบการนำเสนอแบบง่ายเพื่ออธิบายบริการ ตัวคั่นส่วนที่เป็นคลื่น และแบบฟอร์มการติดต่อที่ทับซ้อนกันสองส่วน

เข้าไปดูในเว็บไซต์

3. PA Academy

เว็บไซต์นี้ถูกส่งโดย Aimee Agee ไซต์นี้ใช้สีแดง สีดำ และสีขาวจำนวนมากสำหรับสีที่มีตราสินค้า สีแดงมีความโดดเด่นเป็นพิเศษในการซ้อนทับพื้นหลังและไอคอน พร้อมด้วยเส้นขอบสีขาวและไอคอนบนพื้นหลังสีแดง ทำให้ไซต์ดูโดดเด่นและดูน่าตื่นเต้น ทุกส่วนมีแอนิเมชั่นการเลื่อน ฉันชอบส่วนปฏิทินกิจกรรมแบบธรรมดาภายใต้ส่วนฮีโร่ที่แสดงวันที่ของเวิร์กชอปพร้อมลิงก์ลงทะเบียนเป็นพิเศษ ส่วนเกี่ยวกับสิ่งที่คุณจะได้เรียนรู้จะแสดงประเด็นหลักภายในข้อความแจ้งในคอลัมน์ด้านนอก ขณะที่รูปภาพลอยอยู่ตรงกลางและตามการเลื่อนเมาส์ อีกส่วนที่ฉันชอบคือ CTA ของเวิร์กชอป จะแสดงภาพขนาดใหญ่ที่ครึ่งซ้ายของหน้าจอโดยมีภาพซ้อนทับสีแดงและ CTA ทางด้านขวาเป็นคำประกาศง่ายๆ สำหรับสัญลักษณ์แสดงหัวข้อย่อยที่มีไอคอนที่มีสไตล์

เข้าไปดูในเว็บไซต์

4. ฟิตเนสและอาหาร

เว็บไซต์นี้ถูกส่งโดย Patrick Hertnagel ไซต์นี้ใช้สีเขียวที่ดีสำหรับสีที่มีตราสินค้าในเมนู เส้นขอบ ปุ่ม ข้อความซ้อนทับ พื้นหลังส่วนท้าย และแม้แต่แถบเลื่อน ชื่อเรื่องใช้ข้อความขนาดใหญ่ที่กลมกลืนกับการออกแบบเว็บไซต์ได้อย่างลงตัว ฉันชอบส่วน CTA ขนาดใหญ่เป็นพิเศษ การแสดงผลในสองคอลัมน์ที่ใช้ความกว้างเต็มหน้าจอโดยมีข้อความและปุ่มอยู่ด้านหนึ่งและอีกด้านเป็นรูปภาพ ประกอบด้วยสี่สิ่งเหล่านี้ในรูปแบบสลับกัน ส่วนบล็อกประกอบด้วยช่องค้นหาที่ตรงกับความกว้างของคอลัมน์บล็อก อีกส่วนที่โดดเด่นคือแกลเลอรี่ภาพโมเสก โดยจะแสดงรูปภาพในหลายคอลัมน์และความสูง แต่รูปภาพทั้งหมดจะพอดีกับพื้นที่ ทำให้เกิดความสมมาตรที่สมบูรณ์แบบ

เข้าไปดูในเว็บไซต์

5. เฮ้ แบร์ ครีเอทีฟ

เว็บไซต์นี้ส่งโดย Marcy Henriques ใช้กราฟิกการ์ตูนจำนวนมากตลอดทั้งตัวและตัวหนาสีแดง สีดำ และสีเหลืองสำหรับสีที่มีตราสินค้า ส่วนฮีโร่แสดงกราฟิกพื้นหลังของภูเขาที่มีกราฟิกที่คล้ายกันซ้อนทับกัน ทั้งหมดนี้เป็นเฉดสีแดงต่างๆ และเฉดสีเข้มกว่าสำหรับกราฟิกในส่วนโฟร์กราวด์ กราฟิกเบื้องหน้าจะขยายขนาดเมื่อคุณเลื่อนดู ส่วนหัวแสดงเมนูแฮมเบอร์เกอร์ที่มีเส้นหนาและ CTA สีเหลืองพร้อมขอบสีดำหนา ปุ่มที่คล้ายกันจะถูกวางไว้ทั่วทั้งไซต์ ฉันชอบกราฟิกหมีและภูเขาที่เว็บไซต์นี้ใช้ การออกแบบนี้ใช้ประโยชน์จากสีและกราฟิกพื้นหลังที่เป็นตัวหนาได้อย่างดีเยี่ยม ในขณะที่ยังคงรักษาเนื้อหาที่สะอาดและอ่านง่าย

เข้าไปดูในเว็บไซต์

6. เรือ

เว็บไซต์นี้ส่งโดย Mathias Rue ใช้พื้นหลังสีดำที่มีข้อความสีขาว สีแดง และสีม่วง ส่วนฮีโร่เป็นส่วนแบบเต็มหน้าจอที่เฟรมหน้าจอและวางลิงก์ไว้ที่มุม ประกอบด้วยข้อความขนาดใหญ่พิเศษสำหรับสโลแกน โมดูลทั้งหมดมีเส้นขอบที่เปลี่ยนจากสีแดงเป็นสีม่วง ข้อความสีม่วงในส่วนฮีโร่และส่วนสีม่วงของเส้นขอบจะเปลี่ยนเป็นสีแดงเมื่อคุณเลื่อน ส่วนถัดไปจะแสดงรูปภาพของบริการและพอร์ตโฟลิโอที่มีพื้นหลังสีดำ ข้อความสีขาว แท็กและลิงก์สีแดง โมดูลเหล่านี้วางเคียงข้างกันโดยมี 2 หรือ 3 โมดูลต่อแถว แต่ละโมดูลเหล่านี้จะขยายเมื่อวางเมาส์เหนือเพื่อใช้พื้นที่มากขึ้นและซูมภาพ ข้อมูลติดต่อในส่วนท้ายยังใช้ข้อความขนาดใหญ่พิเศษที่จะเปลี่ยนสีเมื่อคุณเลื่อน ไซต์นี้ใช้ประโยชน์จากข้อความขนาดใหญ่และเอฟเฟกต์โฮเวอร์ที่น่าสนใจ

เข้าไปดูในเว็บไซต์

7. ดิจิโมเอะ

เว็บไซต์นี้ถูกส่งโดย Moe ที่ Dijimoe ไซต์นี้ใช้สีน้ำเงินเข้มจำนวนมากสำหรับพื้นหลังและไฮไลต์ ส่วนฮีโร่แสดงกราฟิกขนาดใหญ่พร้อมชื่อเรื่องเหนือพื้นหลังของอนุภาคเคลื่อนไหว แต่ละส่วนใช้ตัวคั่นที่มีสไตล์สำหรับด้านล่างเพื่อให้รูปทรงตัวยูที่มีสไตล์โดดเด่น ส่วนต่างๆ จะสลับไปมาระหว่างพื้นหลังสีน้ำเงินเข้มและพื้นหลังสีขาว ทำให้มีการออกแบบที่เรียบง่ายสะอาดตาและสง่างาม บริการต่างๆ จะแสดงอยู่ภายในคำประกาศที่ใช้ไอคอนสีต่างๆ โลโก้ไคลเอนต์จะแสดงอยู่ในแถบเลื่อนที่เคลื่อนไหวตลอดเวลา ดังนั้นมันจึงโดดเด่นกว่าส่วนอื่นๆ ของไซต์ เมนูนี้เรียบง่ายโดยมีลิงก์ในแต่ละด้านซึ่งมีไอคอนอยู่ด้านนอกของลิงก์ การวางเมาส์เหนือลิงก์จะแสดงพื้นหลังที่โค้งมน ฉันชอบการใช้หีบเพลงที่มีสไตล์และกราฟิกในหน้าบริการเป็นพิเศษ

เข้าไปดูในเว็บไซต์

8. นักโภชนาการ Maria Antonietta Gastone

เว็บไซต์นี้ส่งโดย Daniele Bardella ไซต์นี้ใช้การออกแบบที่สะอาดตาพร้อมไฮไลต์สีส้มมากมายสำหรับปุ่ม ลิงก์ และไอคอน เลย์เอาต์นี้ใช้ช่องว่างเพื่อช่วยให้การนำเสนอ CTA และคำรับรองแต่ละรายการโดดเด่น ส่วนสำหรับบริการใช้รูปภาพที่ด้านหนึ่งและแสดงชุดคำประกาศพร้อมคำอธิบายสั้นๆ และไอคอนพร้อมลิงก์สำหรับอ่านเพิ่มเติม ฉันชอบส่วนเกี่ยวกับวิธีการที่ใช้ มันให้คำอธิบายตามด้วยคำประกาศที่ซ้อนทับภาพไปด้านใดด้านหนึ่ง CTA แบบเต็มความกว้างสำหรับหนังสือจะแสดงปุ่มตรงกลางและรูปภาพอยู่ด้านใดด้านหนึ่ง หน้าหนังสือใช้ข้อความสีขาวและรูปภาพปกหนังสือบนพื้นหลังสีส้ม ไซต์นี้ใช้สีและช่องว่างอย่างเหมาะสม

เข้าไปดูในเว็บไซต์

9. กลยุทธ์เว็บ

เว็บไซต์นี้ส่งโดย Michael Kwasiuk ไซต์นี้ใช้ Radical red สำหรับไฮไลท์บนพื้นหลังสีขาวและสีดำ สีแดงยังใช้เป็นหน้าจอตัวโหลดล่วงหน้า แทบทุกส่วนมีบางสิ่งที่ทับซ้อนกันหรือหักล้างจากศูนย์กลาง เมื่อส่วนต่างๆ สลับกัน สิ่งนี้จะสร้างความสมดุลที่ไม่เหมือนใครซึ่งนำพาสายตาของคุณ หลายส่วนวางข้อความไว้ด้านหนึ่งโดยมีภาพเคลื่อนไหวอยู่อีกด้านหนึ่ง พอร์ตโฟลิโอใช้แถบเลื่อนที่เลื่อนไปด้านใดด้านหนึ่งด้วยรูปแบบการนำทางที่เป็นเอกลักษณ์ ส่วนบล็อกจะแสดงการ์ดพร้อมคำอธิบายที่ตรงข้ามกับรูปภาพ ฉันชอบที่โลโก้ลบตัวอักษรเมื่อคุณเลื่อนและปล่อยให้ตัวอักษรตัวแรกมีจุดสำหรับเมนูหลัก

เข้าไปดูในเว็บไซต์

10. น้ำมะนาวไอที

เว็บไซต์นี้ส่งโดย เต็ก เส็งจันทร์ การออกแบบใช้รูปแบบสีเหลืองและสีเขียว (มะนาวและมะนาว) สำหรับไฮไลต์ เช่น CTA ในเมนู กราฟิก เส้นขอบ ข้อความ การนำทางด้วยแถบเลื่อน โพสต์บล็อกที่มีสีพื้นหลังของรูปภาพเด่น และอื่นๆ พื้นหลังของส่วนทั้งหมดเป็นสีขาวหรือสีเทาอ่อนเพื่อช่วยให้การออกแบบดูเรียบง่ายและสะอาดตาที่สุด บริการต่างๆ จะแสดงอยู่ในกรอบข้อความสูงที่เพิ่มเงาที่ด้านล่างเมื่อวางเมาส์เหนือ ส่วนที่ฉันชอบคือ CTA ที่มีโทรศัพท์มือถือและเลย์เอาต์เว็บไซต์ที่เคลื่อนไหวอยู่เบื้องหลังอย่างอิสระ แถบเลื่อนคำรับรองก็น่าสนใจเช่นกัน มันเลื่อนคำรับรองในแนวตั้ง ไซต์นี้ใช้สีและเลย์เอาต์ที่เรียบง่ายได้ดี

เข้าไปดูในเว็บไซต์

สรุปแล้ว

นั่นคือ 10 การส่งเว็บไซต์ Divi ชุมชนที่ดีที่สุดของเราในเดือนสิงหาคม ไซต์เหล่านี้ดูน่าทึ่ง และเช่นเคย เราอยากจะขอบคุณทุกคนสำหรับการส่งของคุณ!

หากคุณต้องการพิจารณาการออกแบบของคุณเอง โปรดส่งอีเมลถึงบรรณาธิการของเราที่ nathan at elegant themes dot com ตรวจสอบให้แน่ใจว่าได้กำหนดหัวเรื่องของอีเมลว่า "การส่งเว็บไซต์ DIVI"

เราอยากได้ยินจากคุณในความคิดเห็นด้วย! บอกเราว่าคุณชอบอะไรเกี่ยวกับเว็บไซต์เหล่านี้ และหากมีสิ่งใดที่พวกเขาทำ คุณต้องการให้เราสอนในบล็อก

ภาพเด่นผ่าน ann131313 / shutterstock.com