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

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

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

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

1. สาลิน

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

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

2. Pymagic

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

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

3. นิตยสารท่องเที่ยวทวิส

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

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

4. เอเจนซี่โฆษณา

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

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

5. การถ่ายภาพวาซาบิ

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

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

6. มิร่าแคร์

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

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

7. จิตวิทยา

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

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

8. เวิลด์สอน

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

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

9. เอพริ ตูน

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

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

10. การฝึกลูกเรือ

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

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

สรุปแล้ว

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

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

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

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