แบบแผนชุดสีของเว็บไซต์ที่คุณสามารถใช้สำหรับเว็บไซต์ WordPress ของคุณ

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


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

ทำไมชุดสีจึงมีความสำคัญ

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

ก่อนอื่นโทนสีที่แตกต่างทำให้แบรนด์ของคุณน่าจดจำยิ่งขึ้น.

ชื่อ บริษัท ขนาดใหญ่มักใช้สีของโลโก้สำหรับเว็บไซต์โฆษณาและความพยายามในการสร้างแบรนด์อื่น ๆ ตัวอย่างเช่น FedEx ใช้สีม่วงและสีส้มในขณะที่ PayPal เลือกสีน้ำเงินหลายเฉด โดยการใช้สีเหล่านั้นอย่างสม่ำเสมอผู้ร่วมสาธารณะที่มีรูปแบบสีบางอย่างกับแบรนด์.

โทนสีที่ดีสามารถดึงดูดกลุ่มเป้าหมายของคุณ.

จากการสำรวจโดย Scott Design พบว่าสีน้ำเงินและสีเขียวเป็นสีที่ชอบสองสี.

ทุกๆ กลุ่มประชากร มีการตั้งค่าสีของตัวเอง รสนิยมของพวกเขาอาจได้รับอิทธิพลจากการเลี้ยงดูวัฒนธรรมสังคมและปัจจัยอื่น ๆ.

ตัวอย่างเช่นสีสามารถมีได้ ความหมายที่แตกต่างกัน ในวัฒนธรรมที่แตกต่าง โดยทั่วไปแล้วคนผิวดำหมายถึงความสง่างาม แต่ในบางวัฒนธรรมมันหมายถึงความทุกข์.

บริษัท ต่างๆได้ใช้เอฟเฟ็กต์สีเพื่อประโยชน์ของตนเอง ตัวอย่างเช่นเด็ก ๆ มักตอบสนองเชิงบวกกับสีที่สดใสมากขึ้น ดังนั้นเว็บไซต์เช่น PBS Kids ใช้โทนสีที่สดใสเพื่อดึงดูดเด็ก ๆ.

สุดท้ายสีอาจทำให้ผู้ใช้มีส่วนร่วมมากขึ้น.

เมื่อเร็ว ๆ นี้ ศึกษา พบว่าปุ่ม CTA ที่มีสีความเปรียบต่างสูงมีอัตราการแปลงสูง ซึ่งหมายความว่าปุ่มควรเป็นสีที่เด่นกว่ารูปแบบสีของเว็บไซต์.

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

วิธีการเลือกแบบแผนชุดสีที่เหมาะสมสำหรับเว็บไซต์ของคุณ

วิธีที่ง่ายที่สุดในการเลือกชุดรูปแบบสีที่ดีคือการใช้ตัวสร้างสี นี่คือเครื่องมือที่คุณสามารถใช้:

  • Colorspire– ดูตัวอย่างสีบนเทมเพลตเว็บไซต์.
  • Paletton– ดูว่าชุดสีของคุณจะมีลักษณะอย่างไรในเลย์เอาต์ต่างๆ.
  • Coolors– สร้างโครงร่างสีจากภาพที่คุณเลือก.

อย่างไรก็ตามหากคุณต้องการสร้างรูปแบบสีตั้งแต่เริ่มต้นคุณสามารถทำสิ่งต่อไปนี้ได้:

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

8 แบบแผนชุดสีของเว็บไซต์ที่สวยงาม

ด้วย 34% ของเว็บไซต์ที่ใช้ WordPress ฉันได้เลือกรูปแบบสี 8 แบบที่คุณสามารถใช้เป็นแรงบันดาลใจสำหรับไซต์ WordPress ของคุณ:

1. สดใส

เยี่ยมชม Climate Optimist

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

เว็บไซต์ Climate Optimist เป็นตัวอย่างการใช้สีดังกล่าวได้ดี ในฐานะองค์กรเปลี่ยนแปลงสภาพภูมิอากาศพวกเขาต้องการสร้างแรงบันดาลใจด้านบวกและความมั่นใจเพื่อให้ผู้คนมีส่วนร่วมในการรณรงค์ สิ่งนี้เป็นตัวเป็นตนในรูปแบบสีเหลืองสีชมพูและสีเขียว.

2. ปิดเสียง

เยี่ยมชม Mosole

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

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

3. เบา

เยี่ยมชม Bosumhus

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

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

4. มืด

ไปที่ Critical TechWorks

ตรงกันข้ามกับสีอ่อนเฉดสีเข้มมักเป็นสัญลักษณ์ของความลึกลับ นอกจากนี้ยังใช้เพื่อแสดงถึงความทันสมัยและอนาคต.

ในตัวอย่างนี้ Critical TechWorks ใช้สีมืดเพื่อเสริมความเป็นตัวตนในฐานะ บริษัท ด้านเทคโนโลยียุคใหม่.

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

5. สีพาสเทล

เยี่ยมชม Mont-Roucous

Pastels เป็นเทรนด์การออกแบบในช่วงไม่กี่ปีที่ผ่านมา สีเหล่านี้นุ่มนวลและถูกชะล้างออกไป.

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

เว็บไซต์ของ Mont-Roucous เป็นตัวอย่างที่ยอดเยี่ยมของการใช้สีพาสเทล เนื่องจากผลิตภัณฑ์ของพวกเขามีไว้สำหรับเด็กทารกพวกเขาใช้สีชมพูอ่อนและสีน้ำเงินสำหรับแบรนด์ของพวกเขา.

6. ขาวดำ

เยี่ยมชม Brightscout

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

Brightscout แสดงให้เห็นถึงวิธีการใช้เฉดสีเขียวที่แตกต่างกันในหน้าเดียวกัน แม้ว่าทุกอย่างจะมีสีเขียวเป็นส่วนใหญ่ แต่การใช้ทั้งสีอ่อนและสีเข้มช่วยป้องกันไม่ให้หน้าดูแบน.

7. สำเนียง

เยี่ยมชม Frakton

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

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

8. สีตัดกัน

เยี่ยมชม Turner Dairy Farms

บางเว็บไซต์ต้องการใช้สีตัดกันสองสีเพื่อสร้างผลกระทบต่อภาพที่โดดเด่น สีเหล่านี้มักจะนั่งที่ปลายอีกด้านของวงล้อสี.

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

ห่อ

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

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

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

Simon Dwight Keller เป็นผู้ประกอบการด้านการตลาดดิจิทัลกระตือรือร้นที่จะดึงดูดปริมาณการเข้าชมเว็บไซต์ของคุณด้วยเนื้อหาที่สร้างสรรค์และน่าสนใจ หลังจากสามปีของการทำงานอย่างอิสระในฐานะอิสระเขาตัดสินใจที่จะยกระดับบริการของเขาไปอีกระดับเขาได้ร่วมก่อตั้ง บริษัท การตลาดดิจิทัล PRable ในที่สุดไซมอนรู้สึกว่าเพื่อให้บรรลุมากขึ้นเขาต้องเริ่มต้น บริษัท ของเขาเอง – การตลาด SDK ด้วยทีมงานมืออาชีพขนาดเล็กของเขาแม้ว่าเขาพร้อมที่จะรับมือกับความท้าทายใหม่ ๆ เพิ่มปริมาณการใช้งานของคุณและสร้างรายได้มากขึ้น นอกเหนือจากความหลงใหลในการทำ SEO แล้วเขายังสนใจฮ็อกกี้น้ำแข็งและการเดินทาง เชื่อมต่อกับ Simon บน LinkedIn.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map