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

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

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

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

1. สารสนเทศออร์บิคอน

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

เยี่ยมชมเว็บไซต์

2. Growmodo

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

เยี่ยมชมเว็บไซต์

3. โซลิด

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

เยี่ยมชมเว็บไซต์

4. เทศกาลไก่และกระทิง

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

เยี่ยมชมเว็บไซต์

5. การฝึกสุนัขเดิน

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

เยี่ยมชมเว็บไซต์

6. บริษัท กระเบื้อง Woods Hole

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

เยี่ยมชมเว็บไซต์

7. บรินาท ดีไซน์

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

เยี่ยมชมเว็บไซต์

8. แฮปปี้ดิจิตอล

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

เยี่ยมชมเว็บไซต์

9. เจเรมี มูรา

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

เยี่ยมชมเว็บไซต์

10. คอนเซลโฆษณา

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

เยี่ยมชมเว็บไซต์

บทสรุป

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

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

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

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