แบบอักษรและขนาดสามารถปรับปรุงการสร้างแบรนด์เว็บไซต์ของคุณได้อย่างไร

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

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

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

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

“ประเภทคือกลุ่มตัวอักษรที่สวยงาม ไม่ใช่กลุ่มตัวอักษรที่สวยงาม”

-แมทธิว คาร์เตอร์

เมื่อคุณนึกถึงฟอนต์ คุณนึกถึงอะไรเป็นอย่างแรก? หากคุณเป็นเหมือนคนส่วนใหญ่ที่ยังไม่เข้าใจความสำคัญของพวกเขา คุณอาจนึกถึงแบบอักษรต่างๆ เช่น Calibri, Comic Sans, Arial, Times New Roman และอื่นๆ อย่างไรก็ตาม สิ่งที่คุณต้องรู้ก็คือสิ่งเหล่านี้เป็นเพียงพื้นฐาน เมื่อพูดถึงการออกแบบตัวอักษรที่ต้องใช้บนเว็บไซต์ของคุณ คุณไม่เพียงแค่ต้องพิจารณาแบบอักษรเท่านั้น แต่ยังต้องคำนึงถึงขนาด สี การจัดช่องไฟ และระยะห่างด้วย

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

แบบอักษรและผลกระทบ

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

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

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

ขนาดตัวอักษรและผลกระทบ

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

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

สีแบบอักษรและเว็บไซต์ของคุณ

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

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

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

แบบอักษรหัวเรื่องและสิ่งที่คุณควรรู้

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

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

ความยาวสายและความสำคัญ

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

เคล็ดลับที่เป็นประโยชน์: ทฤษฎีหนึ่งที่เสนอโดย Usability Institute Baymard คือ คุณควรเลือกแบบอักษรที่ใช้อักขระ 50-75 ตัว (รวมช่องว่าง) ต่อบรรทัด เนื่องจากจะทำให้อ่านง่ายที่สุด คุณยังสามารถใช้ Golden Ratio Typography Calculator เพื่อกำหนดความยาวเส้นที่สมบูรณ์แบบโดยขึ้นอยู่กับหน้าจอที่ใช้อ่านเนื้อหา

Kerning & ทำไมมันถึงสำคัญ

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

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

บทสรุป

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

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

“ฉันตัดสินใจเข้าชั้นเรียนการประดิษฐ์ตัวอักษรเพื่อเรียนรู้วิธีการ (เรียนรู้การประดิษฐ์ตัวอักษร) ฉันได้เรียนรู้เกี่ยวกับแบบอักษร Serif และ Sans-Serif เกี่ยวกับการเปลี่ยนช่องว่างระหว่างชุดตัวอักษรต่างๆ กัน เกี่ยวกับสิ่งที่ทำให้แบบอักษรที่ยอดเยี่ยมนั้นยอดเยี่ยม มันสวยงาม ประวัติศาสตร์ ละเอียดอ่อนทางศิลปะในแบบที่วิทยาศาสตร์ไม่มีวันจับได้”

-สตีฟจ็อบส์