วิธีการใช้จานสีกับเว็บไซต์ Divi ของคุณ

มีบางสิ่งที่แย่กว่าบนอินเทอร์เน็ตน้อยกว่า เว็บไซต์เว็บ อ่อนโยน แน่นอนว่าบางเว็บไซต์ตั้งใจเลือกใช้รูปลักษณ์ที่โหดเหี้ยมหรือมินิมัลลิสต์ (ดูที่คุณ Craigslist) แต่ถึงแม้จะไม่ใช่ก็ตาม จางหาย. การมีจานสีแบบทึบเป็นวิธีที่จะทำให้คุณ เว็บไซต์เว็บ มวลสีเบจ eshops สีเดียวที่ไม่ได้รับแรงบันดาลใจเหล่านั้น deกดทับ je suisกด. โชคดีที่ Divi ให้คุณผสมผสานระบบ Magic Color และฟีเจอร์ Global Colours เข้าด้วยกัน คุณสามารถใช้จานสีกับของคุณได้อย่างง่ายดาย เว็บไซต์เว็บ ดิวิ. ผลลัพธ์ที่ได้จะทำให้คุณประทับใจอย่างแน่นอน ผู้เข้าชม.

คำแนะนำทั่วไปเกี่ยวกับจานสี

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

1. เลือกเว็บไซต์สีเข้มหรือสีอ่อน

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

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

2. การเลือกสี

ในทางทฤษฎี คุณสามารถกำหนดได้เองว่าคุณต้องการสีกี่สีในชุดสีของคุณ ไม่มีวิธีการมาตรฐานสำหรับการใช้หรือกำหนดจานสี อย่างไรก็ตาม เพื่อสร้างสมดุลสีที่ดีด้วย Divi เราขอแนะนำให้คุณใช้ห้าสี

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

สีพื้นหลัง

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

สีตัวอักษร

สิ่งต่อไปที่คุณต้องเลือกคือสีแบบอักษร ตามหลักเหตุผล สีแบบอักษรจะขึ้นอยู่กับสีพื้นหลังที่คุณเลือก หากคุณเลือกสีพื้นหลังสีอ่อน ตรวจสอบให้แน่ใจว่าสีแบบอักษรของคุณเป็นสีเข้มและในทางกลับกัน

ไฮเปอร์ลิงก์และสี CTA

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

สีสำหรับสัมผัสสุดท้าย

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

3. ตรวจสอบให้แน่ใจว่ามีความคมชัดเพียงพอ

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

4. หาสมดุลของการใช้สีที่เหมาะสม

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

อย่าลืมใช้สีที่เป็นกลางที่สุดในชุดสีของคุณเป็นส่วนใหญ่ และใช้สีอื่นเพื่อเน้นเนื้อหาที่คุณให้ไว้

วิธีเพิ่มจานสีให้กับเว็บไซต์ Divi ของคุณ

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

จานสี Divi เริ่มต้น

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

โปรดทราบว่าสิ่งนี้ไม่ได้ใช้สีกับไซต์ของคุณ มันแสดงเป็นตัวเลือกด่วนในตัวสร้างเท่านั้น

เข้าสู่ตัวสร้าง Divi

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

ภายใต้สีที่เลือกในปัจจุบันสำหรับองค์ประกอบใด ๆ คุณจะเห็น ไอคอนจุดไข่ปลา (สามจุด). เมื่อคุณคลิกที่มัน คุณจะเรียกเครื่องมือ Magic Color จาก Divi ตัวสร้างคำนึงถึงสีที่คุณใช้ล่าสุดและสีบนหน้าเว็บเอง เพื่อให้คุณได้ชุดจานสีหลายชุดที่ประกอบด้วยสีเสริมที่น่าจะเข้ากันได้ดี

กำหนดสีให้เป็นสากล

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

ในการเริ่มต้น ให้ไปที่โมดูลใดก็ได้ที่มีเครื่องมือเลือกสี ด้านล่างคุณจะเห็นลิงค์ที่เรียกว่า เหตุการณ์ที่. คลิกที่มันและจานสีทั่วโลกจะหายไป จากนั้นคุณจะกำหนดสีที่คุณต้องการให้ใช้ได้ทั่วโลกโดยคลิกที่ปุ่ม มากกว่า + ไอคอน.

เมื่อตัวเลือกใหม่ปรากฏขึ้น ให้คลิกปุ่ม เห็บสีเขียว เพื่อเพิ่มสีปัจจุบันเป็นตัวเลือกส่วนกลาง

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

นอกจากนี้ คุณสามารถคลิกขวาที่สีที่เลือกและเลือก "แปลงเป็นสากล" เพื่อเพิ่มลงในรายการ

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

ใช้สีสากล

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

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

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

คุณสามารถแก้ไขร่วมกันได้โดยใช้ตัวเลือกสี เพียงคลิกที่หยดเพื่อเลือกอันใหม่

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

ซอง

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

มีความสุข!

ภาพเด่นของบทความโดย ART.ICON / shutterstock.com