หลัก / คำแนะนำ

การเลือกแบบอักษรบนเว็บ: 15 เคล็ดลับจากผู้เชี่ยวชาญ

หน้าที่ 1 จาก 2: หน้า 1

หน้า 1
หน้า 2

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

ตั้งแต่ประมาณปี 2010 การสนับสนุนอย่างกว้างขวางของ @ font-face ในเบราว์เซอร์หลัก ๆ ทั้งหมดรวมถึงรูปแบบฟอนต์แบบเปิดเว็บใหม่ WOFF ได้นำไปสู่การปฏิวัติทางเทคนิคและการเพิ่มขึ้นของบริการโฮสติ้งแบบอักษรบนเว็บจำนวนมาก บริษัท เหล่านี้อนุญาตให้ผู้ใช้จ่ายค่าสมัครสมาชิกเพื่อโฮสต์แบบอักษรของเว็บมากมายบนเว็บไซต์ของตน บริการยอดนิยม ได้แก่ ไนโตรเจน , Fontdeck , WebINK และ Fonts.com

ทิมบราวน์ เป็นผู้จัดการประเภทที่ ไนโตรเจน . นี่คือเคล็ดลับของเขาในการเริ่มต้นใช้งานแบบอักษรบนเว็บ

01. จงเลือก

แบบอักษร Typekit ปรากฏในโปสเตอร์ดิจิทัลเหล่านี้จาก Voltage Fashion ซ้าย: Hellenic Wide, League Gothic และ Bello Caps; ขวา: ไวนิล

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

02. ใส่ประเภทก่อน

เมื่อเป็นอิสระจากแบบอักษร 'web safe' แบบดั้งเดิมเช่น Verdana และ Georgia ให้เลือกออกแบบตามแบบอักษรที่คุณใช้ การสร้างองค์ประกอบภายนอกจากประเภทจะให้ผลลัพธ์ที่แตกต่างกันมากในการเปลี่ยนฟอนต์เป็นการออกแบบที่มีอยู่ มีการสำรวจหลักการของ 'Typography First' บทความนี้ ตามประเภทกูรู Elliot Jay Stocks

03. ใช้เวลาของคุณ

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

04. รู้ว่ามีอะไรอยู่ข้างนอก

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

05. มองหาคำแนะนำที่เฉพาะเจาะจง

เป็นส่วนหนึ่งของตระกูล Elementar ซึ่งสร้างขึ้นสำหรับจอแสดงผลอิเล็กทรอนิกส์โดยเฉพาะ

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

ด้วยฟอนต์ประมาณ 100,000 แบบที่มีให้ใช้งาน 99.9 เปอร์เซ็นต์ถูกสร้างขึ้นสำหรับงานพิมพ์ที่มีความละเอียดสูง แล้วสำหรับนักออกแบบเว็บล่ะ? Peter Bil'ak ผู้ก่อตั้ง Typotheque เพิ่มเคล็ดลับอีก 5 ข้อเพื่อช่วยคุณสร้างแบบอักษรบนเว็บที่ดีที่สุดสำหรับความต้องการทางออนไลน์ของคุณ:

06. คำนึงถึงขนาดไฟล์

แบบอักษร Typotheque สามารถรองรับภาษาได้มากถึง 200 ภาษาซึ่งส่งผลให้ไฟล์มีขนาดใหญ่พอสมควร รูปแบบเดียวของ Fedra Sans อาจมีขนาดใหญ่ถึง 400K แม้ว่าสิ่งนี้อาจดูไม่ใหญ่นัก แต่ให้บริการหลายพันล้านครั้งและเริ่มเหมาะสมที่จะเพิ่มประสิทธิภาพ

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

07. ไม่พลาดการอัปเดตเบราว์เซอร์

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

08. ออกแบบสำหรับสื่อ

เว็บไซต์ Lost World’s Fairs ได้รับการยกย่องในเรื่องบุคลิกภาพที่ได้จากการใช้แบบอักษรบนเว็บ

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

09. สำรวจสคริปต์ใหม่

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

บริษัท ของฉัน, โรงหล่อแบบอินเดีย เป็นหนึ่งในประเทศแรก ๆ ที่ทำเช่นนั้นและประเทศก็หันมาใส่ใจการออกแบบมากขึ้นเรื่อย ๆ โอกาสที่จะเติบโตขึ้น

10. ทดสอบทดสอบและทดสอบอีกครั้ง

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

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