การเลือกสีที่เหมาะสมสำหรับอีเมลที่มีประสิทธิภาพและหน้า Landing Page

เผยแพร่แล้ว: 2014-08-28

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

กล่องสี การตั้งค่าอารมณ์

สีเป็นสิ่งที่ดีสำหรับการสร้างความรู้สึกโดยรวมในอีเมลและหน้า Landing Page ของคุณ จากข้อมูลของ The Logo Company โดยทั่วไปแล้วลักษณะต่อไปนี้เกี่ยวข้องกับสีแต่ละสี:

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

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

การผสมสี

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

อีเมลแลนดิ้งเพจ
อีเมลนี้สร้างคำแถลงเกี่ยวกับเทศกาลโดยไม่ต้องฉูดฉาด หน้า Landing Page เข้ากับการออกแบบโดยรวมและโทนสีของอีเมลด้วย

สังเกตเห็นอย่างอื่นเกี่ยวกับสีในอีเมลและหน้า Landing Page ที่ตรงกันนี้หรือไม่ สีค่อนข้างเสริมกัน นั่นหมายความว่าพวกมันอาศัยอยู่คนละฟากของวงล้อสี เมื่อคุณต้องการหาสองสีที่จะดูดีด้วยกัน (และโดดเด่นกว่ากัน) สีคู่ตรงข้ามเป็นจุดเริ่มต้นที่ดี ในตัวอย่างนี้ พวกเขายังใช้สีแดงที่สดกว่าเป็นปุ่มเรียกร้องให้ดำเนินการ (CTA)

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

ทำให้สามารถอ่านได้

เมื่อต้องเลือกสีที่เหมาะสมสำหรับอีเมลที่มีประสิทธิภาพ สิ่งสำคัญคือต้องจำไว้ว่าผู้ที่มีความบกพร่องทางการมองเห็นอาจมีปัญหาในการไปยังส่วนต่างๆ ของงานออกแบบของคุณ Colour Universal Design (CUD) เป็นระบบการออกแบบที่พัฒนาขึ้นในประเทศญี่ปุ่นโดยมีวัตถุประสงค์เพื่อช่วยให้นักออกแบบคำนึงถึงผู้ที่มีการมองเห็นสีประเภทต่างๆ หลักการสำคัญของ Colour Universal Design คือ:

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

อาการตาบอดสีบางรูปแบบส่งผลกระทบต่อผู้ชายประมาณ 8 เปอร์เซ็นต์และผู้หญิง 1 เปอร์เซ็นต์ ซึ่งหมายความว่าการใช้องค์ประกอบที่มีคอนทราสต์สูงเป็นความคิดที่ดีเสมอ Adobe Photoshop รองรับ CUD ด้วยคุณสมบัติ soft-proofing ซึ่งช่วยให้นักออกแบบเห็นว่าภาพอาจมีลักษณะอย่างไรสำหรับผู้ที่ตาบอดสีประเภทต่างๆ

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

ต่อไปนี้คือความหมายของโลโก้ Act-On สำหรับความบกพร่องทางสายตาหลักสามประเภท

โลโก้ Protanopia
Protanopia: ไม่สามารถมองเห็นสีแดงหรือแยกความแตกต่างจากสีเขียวหรือสีเขียวอมฟ้า

โลโก้ Deuteranopia
Deuteranopia: ไม่สามารถมองเห็นสีเขียวหรือแยกความแตกต่างจากสีแดงได้

Tritanopia-act-on-โลโก้
Tritanopia: ไม่สามารถแยกสีน้ำเงินออกจากสีเหลือง สีฟ้าจากสีเขียว และสีเหลืองจากสีม่วง

ใช้เครื่องมือเช่นวงล้อสีสำหรับการเข้าถึงเพื่อทดสอบการเลือกคู่สีของคุณ (เช่น ข้อความกับพื้นหลัง) สามารถช่วยให้คุณเข้าใจว่าชุดค่าผสมนี้ปรากฏอย่างไรสำหรับตาบอดสีประเภทต่างๆ รวมถึงความสว่างและความคมชัดเมื่อเปรียบเทียบกับมาตรฐานที่กำหนดโดย World Wide Web Consortium (W3C) คุณจะพบหลักเกณฑ์และทรัพยากรเพิ่มเติมเพื่อช่วยให้ผู้ทุพพลภาพสามารถเข้าถึงอินเทอร์เน็ตได้ที่ไซต์ W3C

สะท้อนถึงแบรนด์ของคุณ

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

ธงแคนาดา
โอ้ แคนาดา คุณโดดเด่นท่ามกลางฝูงชน

ตัวอย่างเช่น ในการสร้างอีเมลและหน้า Landing Page สำหรับการสัมมนาผ่านเว็บ Act-On เกี่ยวกับกฎหมายต่อต้านสแปมฉบับใหม่ของแคนาดา การรวมธงแคนาดาเข้ากับการออกแบบอาจเป็นเรื่องที่ดึงดูดใจมาก ท้ายที่สุดแล้ว สีแดงเป็นสีที่ทรงพลัง และไม่มีอะไรที่บ่งบอกว่าแคนาดาเหมือนกับใบเมเปิลสีแดงสด

แต่เรากลับใช้สีและองค์ประกอบการออกแบบที่ช่วยเสริมเอกลักษณ์ของแบรนด์ของเราในอีเมล และเราส่งต่อไปยังหน้า Landing Page ด้วยเช่นกัน ด้วยวิธีนี้ ผู้อ่านของเราสามารถวางใจได้ว่านี่ไม่ใช่ข้อความสแปมในตัวเอง

หน้าที่เชื่อมโยงไปถึงอีเมล
แต่การพิจารณาสีที่สำคัญที่สุดคือ: อะไรที่เหมาะกับผู้ชมของคุณ? คุณเคยทดสอบการผสมสีต่างๆ ในแคมเปญอีเมลของคุณหรือไม่? คุณลองใช้ตัวเลือกสีของปุ่มต่างๆ แล้วหรือยัง? คุณได้ทำการทดสอบ A/B ของหน้า Landing Page ของคุณแล้วหรือยัง การทดสอบเป็นวิธีที่ดีที่สุดในการค้นหาสิ่งที่โดนใจลูกค้าและผู้ที่มีแนวโน้มจะเป็นลูกค้าของคุณ และผลลัพธ์จะเป็นตัวพิสูจน์เอง

เพิ่งเริ่มต้นกับการตลาดผ่านอีเมลใช่ไหม ก้าวกระโดดด้วยชุดเครื่องมือฟรีนี้:

เริ่มต้นใช้งาน Email Marketing Toolkit