Divi Design Showcase: ผลงานใหม่ตั้งแต่มกราคม 2021

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

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

Divi Design Showcase: ผลงานใหม่ตั้งแต่มกราคม 2021

1. Vale Industries

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

เยี่ยมชมอุตสาหกรรมเวล

2. Arca Interactive

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

เยี่ยมชม Arca Interactive

3. Trafoos

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

เยือนทราฟูส

4. เรื่องราวการออกแบบ UX

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

เยี่ยมชมเรื่องราวการออกแบบ UX

5. ทีเพรส สตูดิโอ

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

เยี่ยมชม Tpress Studio

6. โคลัมบัสของฉัน Realtor

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

เยี่ยมชมนายหน้าโคลัมบัสของฉัน

7. แมลงปอ Ave

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

เยี่ยมชม Dragonfly Ave

8. NEVERMVM

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

เยือน NEVERMVM

9. Panda Remiremont

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

เยี่ยมชมแพนด้า Remiremont

10. อลิอันซ์ เบอร์โน

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

เยือนอลิอันซ์ เบอร์โน

ห่อ

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

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

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

ภาพเด่นโดย Andrew Rybalko / shutterstock.com