แบบอักษรใดที่จะใช้สำหรับจดหมายข่าวทางอีเมล การใช้องค์ประกอบสไตล์กับอีเมล

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

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

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

นี่คือรายการแบบอักษรที่ปลอดภัยสำหรับเว็บ 10 อันดับแรกที่คุณสามารถใช้ได้พร้อมการรับประกัน 100% ว่าจะมีลักษณะตรงตามที่คุณเขียน:

  1. Arial
  2. Helvetica
  3. Times Newโรมัน
  4. เวอร์ดานา
  5. Courier / Courier ใหม่
  6. ทาโฮมา
  7. จอร์เจีย
  8. Palatino
  9. Trebuchet MS
  10. เจนีวา

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

ด้านล่างนี้คือรายการแบบอักษรเริ่มต้นสำหรับโปรแกรมรับส่งเมลยอดนิยม:

  • iCloud Mail ใช้ Helvetica เป็นแบบอักษรเริ่มต้น
  • Gmail ยอมรับ Arial
  • Microsoft Outlook ใช้ Calibri เป็นจำนวนมาก
  • Outlook 2007/2010/2013 ใช้ Times New Roman เป็นแบบอักษรสำรอง

วิธีการเลือกแบบอักษรที่เหมาะสมสำหรับอีเมลของคุณ?

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

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

อันที่จริง มีเพียงสองตัวเลือกในการเลือกแบบอักษร คุณสามารถเลือกแบบอักษรที่ปลอดภัยสำหรับเว็บและให้แน่ใจว่าแบบอักษรนี้จะเหมือนกันสำหรับทุกคน หรือเพิ่มแบบอักษรของเว็บและหวังว่าทุกคนจะใช้โปรแกรมรับส่งเมลที่รองรับ ซึ่งแทบจะเป็นไปไม่ได้เลยตั้งแต่ Gmail, Yahoo Mail และ Outlook 2007/10 /13/16 ไม่รองรับแบบอักษรของเว็บและตามจริงแล้วผู้ใช้ iPhone และ iPad บางรายอาจไม่เห็น ดังนั้น เราไม่แนะนำให้ใช้แบบอักษรเว็บเพื่อไม่ให้อินเทอร์เฟซผู้ใช้เสียหาย

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

การทดลองเรื่องความสามารถในการอ่านแบบอักษรได้รับการสนับสนุนโดย Norbert Schwartz และ Hyunjin Song ในปี 2010 ผลลัพธ์เป็นที่น่าอัศจรรย์ คุณใช้เวลาอ่านฟอนต์สำหรับตกแต่งนานกว่าฟอนต์เริ่มต้นเกือบสองเท่า:

แบบอักษรใดให้เลือก Serif หรือ Sans Serif

อีกประเด็นหนึ่งคือการเลือกฟอนต์ serif และ sans serif อะไรคือความแตกต่างระหว่างพวกเขา?

แบบอักษร Serif สามารถกำหนดเป็นแบบอักษรที่มีบรรทัดเล็ก ๆ ที่ส่วนท้ายของอักขระแต่ละตัว ฟอนต์ serif ที่ได้รับความนิยมมากที่สุดคือ Times New Roman และ Georgia

ฟอนต์ Sans serif คือฟอนต์ที่ไม่มีเส้นตกแต่งต่อท้ายอักขระแต่ละตัว ฟอนต์ Sans serif ที่ได้รับความนิยมมากที่สุด ได้แก่ Arial, Trebuchet MS และ Helvetica

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

อื่น ความจริงที่น่าสนใจคือบล็อกโพสต์ของ Beefree เกี่ยวกับการออกแบบอีเมล ซึ่งแนะนำให้ใช้ฟอนต์ serif สำหรับอีเมลขนาดใหญ่ ใช้ sans serif เป็นฟอนต์ของบล็อก:

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

ขนาดตัวอักษร

หากคุณเปลี่ยนแบบอักษร ตรวจสอบให้แน่ใจว่าแบบอักษรที่คุณเลือกไม่ได้ดูเล็กกว่าแบบอักษรก่อนหน้า บ่อยครั้ง ฟอนต์ที่แตกต่างกันจะมีความสูงของอักขระต่างกัน ดังนั้นฟอนต์ 14px เดียวกันจะแตกต่างกันเนื่องจากตระกูลฟอนต์ที่เลือก

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

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

เป็นผลให้แบบอักษร 16px ดูน่าทึ่ง ฉันต้องการใช้สำหรับทั้งคอมพิวเตอร์และอุปกรณ์มือถือ

เยื้อง

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

อีกสิ่งหนึ่งคือให้ความสนใจกับช่องว่างระหว่างตัวละคร ไม่มีความคิดเห็นที่ชัดเจนเกี่ยวกับสิ่งที่ดีกว่าที่จะใช้: แบบอักษรที่มีพื้นที่แคบและกว้าง

Georgia และ Times New Roman มีช่องว่างระหว่างอักขระที่แคบเกินไป ซึ่งส่งผลต่อความสามารถในการอ่านอย่างมาก ในความคิดของฉัน แบบอักษร Courier มีการเว้นวรรคระหว่างอักขระที่ดีและแบบอักษร Courier New บางทีนั่นอาจเป็นเหตุผลว่าทำไมสองฟอนต์สุดท้ายถึงได้รับความนิยมในปี 2560

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

ต่อไปนี้คือตัวอย่างที่เว้นวรรค:

คุณนึกภาพออกไหมว่านี่เป็นเพียงย่อหน้าเดียวจากจดหมายที่มีมากกว่า 1,500 คำ? เห็นได้ชัดว่าน้อยดีกว่ามาก

นี่เป็นอีกตัวอย่างหนึ่ง:

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

ลิงค์และปุ่ม

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

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

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

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

นี่คือตัวอย่างที่ปุ่มดูเท่:

ต่อไปนี้คือตัวอย่างวิธีการใช้ปุ่มและลิงก์ซ้ำ:

ข้อความบนแบนเนอร์

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

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

นี่คือตัวอย่างที่น่าสนใจสองตัวอย่าง หนึ่งเดียวกับแบบอักษรที่ชัดเจนและเรียบง่าย:

แบนเนอร์อื่นที่ใช้แบบอักษรตกแต่ง:

อันไหนที่จะใช้เป็นแรงบันดาลใจและการออกแบบอีเมลของคุณเองนั้นขึ้นอยู่กับคุณ

สี

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

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

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

แท็ก HTML สำหรับจัดรูปแบบข้อความ

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

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

ต้องขอบคุณการทดลองมากมายโดยทีมการตลาดของ eSputnik ฟอนต์ที่ดีที่สุดสำหรับอีเมลคือ Arial และ Tahoma Arial เป็นแบบอักษรที่ประสบความสำเร็จมากที่สุดในบรรดาผู้ที่ปรับแต่งเอง แคมเปญการตลาดโดยอีเมล. Tahoma ดูดีทั้งในข้อความยาวและข้อความขนาดเล็ก

ฉันสร้างเทมเพลต อีเมลในตัวแก้ไข Stripo ที่มีข้อความและขนาดเท่ากัน 18px สำหรับแต่ละแบบอักษร โปรแกรมแก้ไขอีเมลของ Stripo ไม่มี Palatino และ Geneva แต่มีแบบอักษรพิเศษเช่น Roboto และ Open Sans ที่ไม่พร้อมใช้งานตามค่าเริ่มต้นในระบบปฏิบัติการส่วนใหญ่ และจะเป็นการดีกว่าหากคุณกำหนดแบบอักษรสำรองหากคุณใช้งาน

นี่คือผลลัพธ์ เพียงเปรียบเทียบแบบอักษรเหล่านี้และเลือกแบบอักษรที่เหมาะกับทุกความต้องการของคุณ:

อย่างที่คุณเห็น Georgia และ Times New Roman นั้นแคบเกินไป Courier New กว้างแต่อาจกว้างเกินไปสำหรับอีเมล Arial เบากว่า Helvetica เป็นไปไม่ได้ที่จะบอกเกี่ยวกับฟอนต์ Verdana และ Tahoma Georgia และ Verdana ดูแย่เมื่อพิมพ์ สำหรับฉัน ฉันค่อนข้างจะเลือกแบบอักษรสองแบบสุดท้ายสำหรับตัวฉันเอง คุณชอบอันไหน? รู้สึกอิสระที่จะแสดงความคิดเห็นและแบ่งปันบทความนี้

เป็นไปได้เฉพาะเมื่อคุณใช้ข้อความจริงในอีเมลเวอร์ชัน HTML

อย่างไรก็ตาม ข้อเท็จจริงนี้ไม่ได้หมายความว่าสามารถใช้ได้เฉพาะ Arial และ Times New Roman เท่านั้น ในบทความของวันนี้ เราจะพิจารณาความเป็นไปได้ที่มีอยู่สำหรับการทำงานกับแบบอักษรในอีเมล

พื้นฐานของการพิมพ์

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

มีข้อความบางส่วนที่นี่
คุณสามารถใช้สไตล์ CSS กับเซลล์ที่อธิบายสีของข้อความ (สี) แบบอักษรที่ใช้ (ตระกูลแบบอักษร) น้ำหนัก (น้ำหนักแบบอักษร) และความสูงของบรรทัด (ความสูงของบรรทัด)

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

มีข้อความบางส่วนที่นี่ ดึงความสนใจไปที่เนื้อหาการใช้รูปแบบตัวอักษร
ในตัวอย่างข้างต้น เราใช้ Arial (ใช่) แต่ไม่มีอะไรขัดขวางไม่ให้เราก้าวต่อไป มาดูกันว่าคุณจะทำได้อย่างไร

การใช้แบบอักษรเว็บ

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

มีหลายวิธีในการรวมแบบอักษรของเว็บ แต่ Paul แนะนำให้ใช้สไตล์ชีตภายนอกที่ใช้ในการดึงแบบอักษรจากไซต์ต่างๆ เช่น Google Web Fonts


จากนั้น ในรูปแบบอินไลน์ คุณสามารถเพิ่มฟอนต์ที่ต้องการในการประกาศตระกูลฟอนต์:

มีข้อความบางส่วนที่นี่
ไคลเอนต์อีเมลที่รองรับแบบอักษรของเว็บจะแสดงข้อความโดยใช้แบบอักษรที่เลือกไว้ล่วงหน้า มิฉะนั้น ฟอนต์สำรองจะถูกใช้ - เรามีฟอนต์ Helvetica, Arial หรือฟอนต์ sans-serif ที่ติดตั้งไว้

รองรับฟอนต์เว็บในไคลเอนต์อีเมลผ่านลิงก์ไปยังไฟล์สไตล์ภายนอก
Apple Mail6
Lotus Notes 8
Outlook 2000
Outlook 2011 บน Mac
ธันเดอร์เบิร์ด
iPad
iPhone
Android 2.3
Android 4.2

ขออภัย Outlook จะไม่แสดงแบบอักษรสำรองของเรา (ใครก็ตามที่สงสัย) แต่จะไม่สนใจสไตล์ที่เกี่ยวข้องทั้งหมดและแสดงข้อความโดยใช้ Times New Roman แต่สิ่งนี้สามารถจัดการได้ด้วยความช่วยเหลือของคลาส CSS พิเศษ - มันจะเน้นข้อความที่จำเป็นผ่านความคิดเห็นตามเงื่อนไขเพื่อส่งข้อมูลไปยัง Outlook เกี่ยวกับชุดของฟอนต์ที่ใช้

นี่คือข้อความบางส่วน
ในตอนนี้ แทนที่จะเป็น Times New Roman โดยค่าเริ่มต้น ตัวอักษรจะแสดงโดยใช้ Arial หรือแบบอักษร sans-serif อื่นที่ติดตั้งไว้

มุมมองหลายคอลัมน์โดยไม่มีเซลล์ตาราง

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

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

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

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

ตามที่กล่าวไว้ข้างต้นด้วยการสนับสนุนทุกอย่างไม่ค่อยดีนัก:

บางครั้ง การใช้แฮ็กชีวิตต่างๆ (เช่น การใช้สไตล์กับแท็กย่อหน้า) เป็นไปได้ที่จะบังคับให้แสดงตัวอักษรด้วยการนับคอลัมน์และไคลเอนต์อื่นๆ โดยเฉพาะอย่างยิ่ง Paul สามารถทำสิ่งนี้ได้ในการทดสอบของเขา เช่น ใน Outlook.com ใน Firefox

วันนี้เราจะพูดถึงหัวข้อสำคัญในอีเมลเช่นแบบอักษร:

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

วิธีเลือกแบบอักษรสำหรับจดหมายข่าวทางอีเมล

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

เมื่อเลือกแบบอักษรสำหรับตัวอักษร ให้ปฏิบัติตามกฎ:

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

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

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

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

    หลีกเลี่ยงแบบอักษรและชุดค่าผสมต่างๆ ที่ไม่เข้ากับสไตล์ (เช่น Arial และ Comic Sans)

    ใช้แบบอักษรเดียวกันบนหน้า Landing Page เช่นเดียวกับในอีเมลเพื่อช่วยให้ผู้ใช้คุ้นเคยกับคุณ

    ข้อความ Sans-serif ถือว่าอ่านง่ายขึ้น อย่างไรก็ตาม Serif นั้นง่ายต่อการอ่านบนหน้าจออุปกรณ์และอาจดูน่าสนใจกว่าฟอนต์ sans-serif บางตัว

การใช้องค์ประกอบสไตล์กับอีเมล

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

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

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

หลีกเลี่ยงการใช้ตัวหนาหรือตัวเอียงมากเกินไป เพราะจะทำให้อ่านไม่ได้และผู้ใช้จะปิดจดหมาย

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

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

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

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

ไม่สะดวกที่จะใช้แบบอักษร serif สีขาวบนพื้นหลังสีดำ แน่นอนฝ่ายบริหารรู้ดีกว่าว่าจะส่งอะไรและอย่างไร แต่คุณต้องยอมรับว่าจดหมายดังกล่าวอ่านยาก

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

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

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

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

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

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

ความแตกต่างระหว่างแบบอักษรและแบบอักษร

บางคนสับสนระหว่างแบบอักษรและแบบอักษร พวกเขาอาจคิดว่าเป็นสิ่งเดียวกัน

คำว่า "แบบอักษร" มีขึ้นตั้งแต่สมัยที่ใช้การพิมพ์แบบแอนะล็อก เราต้องการบล็อกโลหะที่แตกต่างกันสำหรับตัวอักษรแต่ละตัว

หากคุณต้องการใช้แบบอักษรเฉพาะ แต่มีขนาดต่างกัน คุณต้องมีบล็อกที่แตกต่างกันเพื่อพิมพ์ คุณต้องมีน้ำหนักเพิ่มหากต้องการให้ตัวอักษรเป็นตัวหนา

ด้วยเหตุนี้ Arial ที่ 10 คะแนนจึงแตกต่างจาก Bold Arial ที่ 12 คะแนนเป็นต้น

ดังนั้น แบบอักษรคือการออกแบบของตัวอักษร ในขณะที่ขนาดและน้ำหนักหมายถึงแบบอักษร

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

ทัวร์ตระกูลฟอนต์อย่างรวดเร็ว

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

แบบอักษร Serif

แบบอักษร Serif มี serif ขนาดเล็ก ทำให้เอกสารที่พิมพ์ออกมาอ่านง่าย นี่คือเหตุผลที่แบบอักษรเหล่านี้ใช้สำหรับหนังสือ เป็นต้น

แบบอักษรซานเซอริฟ

ฟอนต์ San Serif ไม่มีองค์ประกอบเพิ่มเติม San Serif นั้นง่ายต่อการอ่านบนหน้าจอ Arial, Verdana และ Helvetica เป็นแบบอักษรที่ได้รับความนิยมมากที่สุดในตระกูลนี้

แบบอักษรแฟนซี



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

โปรดทราบว่าแบบอักษรเหล่านี้ไม่เหมาะสำหรับใช้ในเนื้อหาของอีเมล พวกมันอ่านยากมาก ดังนั้น ใช้สำหรับหัวเรื่องเท่านั้น

แบบอักษรโมโนสเปซ



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

แบบอักษรตัวเอียง



แบบอักษรนี้สามารถอยู่ในรูปแบบตัวอักษรใดก็ได้ ตัวอักษรเชื่อมต่อกันเหมือนตัวอักษรที่เขียนด้วยลายมือ

เช่นเดียวกับฟอนต์แฟนซี ฟอนต์ตัวสะกดไม่เหมาะสำหรับการเขียนเนื้อความของจดหมาย

คุณควรใช้แบบอักษรที่แตกต่างกันกี่แบบในอีเมลของคุณ

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

จากมุมมองของการออกแบบ คุณต้องเน้นชื่อและเนื้อหาที่เหลือ

คุณสามารถรวมฟอนต์ serif และ san serif เข้าด้วยกันได้ เป็นต้น

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

ระวังการใช้สี

สีสามารถมีผลกระทบอย่างมาก

ยึดตามสีที่คุณเลือกแล้วสำหรับไซต์ของคุณ อย่าลืมว่าทุกสีมีลักษณะเฉพาะของตัวเอง อย่าลืมเลือกสีที่เหมาะกับแบรนด์ของคุณที่สุด

เลือกขนาดตัวอักษรและสีที่ถูกต้อง

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

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

การจัดตำแหน่งข้อความในอีเมล

คุณสามารถวางข้อความไว้ตรงกลาง ขวา หรือซ้าย

เพื่อให้อ่านง่ายขึ้น วิธีที่ดีที่สุดคือจัดข้อความชิดซ้าย ข้อความที่จัดกึ่งกลางและจัดชิดขวาจะอ่านได้ยากกว่า

แน่นอน คุณสามารถเล่นกับการจัดแนวข้อความในหัวเรื่อง หรือเมื่อวางข้อความบางข้อความไว้เหนือรูปภาพ หรือเมื่อคุณต้องการให้ข้อความบางข้อความโดดเด่นกว่าส่วนที่เหลือของการออกแบบ

อีเมลนี้จาก EE เรียบง่ายและตรงไปตรงมา ข้อความอยู่ด้านซ้ายและอ่านง่าย

ระยะห่างบรรทัดสำคัญมาก

แบบอักษรที่แตกต่างกันต้องมีระยะห่างบรรทัดที่แตกต่างกัน ใช้ขนาด 1.4 - 1.5 เท่า ยิ่งสูงบรรทัดเพื่อให้แน่ใจว่าสามารถอ่านได้ดีเยี่ยม


ตัวอย่างที่อยู่ตรงกลางนั้นอ่านง่าย ในขณะที่ตัวอย่างทางซ้ายแออัดเกินไป และตัวอย่างทางขวาหลวมเกินไป หาทางสายกลาง.

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

ใช้ช่องว่าง

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

Waitrose ใช้ช่องว่างเพื่อดึงดูดความสนใจของผู้อ่าน เฉพาะสีดำและแบบอักษร 3 แบบ เรียบง่ายและยอดเยี่ยม

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

คุณสามารถใช้ตัวหนาหรือสีแบรนด์ของคุณเพื่อเน้นไฮเปอร์ลิงก์ การขีดเส้นใต้และการใช้สีน้ำเงินเพื่อการนี้คือศตวรรษที่ 20

สิ่งที่ดีที่สุดที่ควรทำคือให้ผู้อ่านของคุณคลิกลิงก์ในข้อความ ในรูปภาพ และใน CTA คุณไม่มีทางรู้ว่าพวกเขาจะต้องการคลิกที่ไหน

คู่มือฉบับย่อเกี่ยวกับแบบอักษรเว็บ

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

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

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

แต่มีปัญหาบางอย่าง

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

ไคลเอนต์อีเมลสามารถใช้แบบอักษรที่ติดตั้งบนคอมพิวเตอร์เท่านั้น เพื่อให้ชีวิตของเราสนุกยิ่งขึ้น คอมพิวเตอร์ Macintosh และ Windows ยังมีการตั้งค่าเริ่มต้นที่แตกต่างกัน

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

ไคลเอนต์อีเมลที่รองรับแบบอักษรเว็บ:

  • แอพ Android สำหรับ Android
  • แอปเปิ้ลเมล
  • IOS Mail
  • Outlook 2000
  • แนวโน้ม แอพคอม
  • ออลเมล

หากโปรแกรมรับส่งเมลของผู้รับไม่รองรับฟอนต์ที่คุณใช้ ฟอนต์สำรองจะแสดงขึ้น คุณสามารถใช้ Helvetica, Arial, Times New Roman เป็นตัวสำรองได้

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

ฉันได้รับจดหมายฉบับนี้โดยไม่มีรูปภาพ ฉันไม่รู้ว่ามี CTA ในภาพหรือไม่ แต่อาจมี

Web Safe Fonts เป็นฟอนต์อีเมลเริ่มต้น

Arial, Courier, Georgia, Helvetica, Tahoma, Times New Roman, Trebuchet, Verdana เป็นแบบอักษรเริ่มต้นของอีเมล ปลอดภัยเพราะติดตั้งในเกือบทุกอุปกรณ์

แบบอักษรที่ดีที่สุดสำหรับอีเมลคืออะไร

ไทม์ส โรมใหม่

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

Verdana เป็นแบบอักษรที่โปร่งสบายและอ่านง่าย

มันยังมีวัตถุประสงค์เพื่อวัตถุประสงค์ในทางปฏิบัติ มีขอบนุ่มและอ่านง่าย

Verdana และ Georgia ทำงานได้ดีที่สุดในอีเมล เนื่องจากได้รับการออกแบบมาโดยเฉพาะสำหรับหน้าจออุปกรณ์

การตั้งค่าแบบอักษรอีเมลเริ่มต้น

ในขณะนี้ Gmail ใช้ Arial และ Chrome ไม่รองรับ Arial แต่จะเปลี่ยนเป็น Helvetica Apple Mail ใช้ Helvetica

คำถามคือ ทำไมฟอนต์เหล่านี้ถึงใช้ไม่ดีนัก?

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

ขนาดตัวอักษรที่ดีที่สุดคืออะไร?

การวิจัยของ Bloomsberg แสดงให้เห็นว่า Helvetica และ Arial ไม่เหมาะกับอีเมล

แบบอักษรที่ใช้บ่อยที่สุดสำหรับตัวอักษร ได้แก่ Time News Roman, Verdana, Arial และ Tahoma สามารถใช้เพื่อวัตถุประสงค์ใดก็ได้

ขนาดขึ้นอยู่กับแบบอักษร ส่วนหัวควรอยู่ระหว่าง 22 ถึง 28 พิกเซล และข้อความควรอยู่ที่ประมาณ 14-18 พิกเซล

แบบอักษรที่ดีที่สุดสำหรับอีเมลองค์กรคืออะไร

ใช้แบบอักษรมาตรฐานสำหรับอีเมลองค์กร

ใช้ Verdana เธอเท่และอ่อนน้อมถ่อมตน ขนาด 12 จะสมบูรณ์แบบเพียง

เคล็ดลับการใช้ฟอนต์อีเมล

คงเส้นคงวา

ใช้แบบอักษรและขนาดเดียวกันในการส่งจดหมายทั้งหมด คงจะตลกดีถ้าคนหนึ่งมาในจดหมายที่พิมพ์โดย Comic ในขณะที่อีกฉบับมาใน Times New Roman

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

อย่าใช้แบบอักษรที่เล็กเกินไป

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

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

แบบอักษรขนาดใหญ่เกินไปไม่เหมาะ

พวกเขาแค่ตะโกนใส่หน้าผู้ใช้ นี่เป็นข้อเสียเปรียบอย่างมาก

อย่างไรก็ตาม หากกลุ่มเป้าหมายของคุณเป็นผู้สูงอายุ ตรวจสอบให้แน่ใจว่าพวกเขาสามารถอ่านอีเมลของคุณได้แม้ไม่ใส่แว่น

อย่าใช้แบบอักษรที่กำหนดเองซึ่งไม่มีใครใช้นอกจากคุณ

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

แบบอักษรที่ไม่เหมาะสม

อีกครั้ง หากคุณกำลังส่งอีเมลถึงคู่ค้าทางธุรกิจ ให้ใช้แบบอักษรที่จริงจัง แบบอักษรอีเมลธุรกิจทั่วไป ได้แก่ Times New Roman, Helvetica, Arial

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

เป็นที่นิยม