Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

Type Scale คืออะไรและทำไมคุณถึงต้องการ

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

Type Scale คืออะไรและทำไมคุณถึงต้องการ

มาตราส่วนประเภทเรียกอีกอย่างว่า “มาตราส่วนการพิมพ์”

ข้อจำกัดบังคับใช้ความสอดคล้อง

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

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

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

วิธีเลือกมาตราส่วนประเภทสำหรับโครงการของคุณ

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

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

ต่อไปนี้คือองค์ประกอบข้อความบางประเภทที่พบบ่อยที่สุด:

  • หัวเรื่องและหัวเรื่อง
  • ย่อหน้าและรายการ (เนื้อหา)
  • คำบรรยาย
  • คำบรรยาย
  • Blockquotes/pull quotes

หากคุณเป็นนักเขียน คุณอาจใช้สิ่งเหล่านี้เป็นประจำ

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

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

การเลือกมาตราส่วนของคุณ

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

  1. การใช้เทมเพลตมาตราส่วนประเภทที่มีอยู่
  2. จ้องตา + ลองผิดลองถูก
  3. การรวมกันของ 1 และ 2

ในการใช้ตัวเลือกที่สอง (การมองการณ์ไกล + การลองผิดลองถูก) คุณต้องเป็นนักพิมพ์ดีดที่มีประสบการณ์

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

Type Scale คืออะไรและทำไมคุณถึงต้องการ

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

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

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

ใช้ตัวสร้างมาตราส่วนประเภท

คุณยังสามารถใช้เครื่องกำเนิดมาตราส่วนประเภทได้เช่น จาก type-scale.com เว็บไซต์อันรุ่งโรจน์นี้ให้คุณเลือกระหว่างมาตราส่วนทางคณิตศาสตร์ต่างๆ (ตามมาตราส่วนดนตรีจริง) และสร้างสไตล์ชีต CSS ให้คุณโดยอัตโนมัติ

คุณสามารถทดสอบฟอนต์ตระกูลได้หลายร้อยชุด (ผ่าน Google Fonts) และเทมเพลตมาตราส่วนประเภทต่าง ๆ ได้ 8 แบบ คุณยังสร้างมาตราส่วนที่กำหนดเองได้ (ไม่ใช่สำหรับผู้เริ่มต้น)

เลื่อนลงมาที่เว็บไซต์เพื่ออ่านคำแนะนำเกี่ยวกับวิธีใช้เครื่องกำเนิดไฟฟ้า

แม้ว่าจะไม่มีการรับประกัน แต่คุณจะได้ผลลัพธ์ที่กลมกลืนกันเกือบทุกครั้งโดยการใช้เครื่องชั่งประเภทที่ได้รับการพิสูจน์แล้วจาก type-scale.com มากกว่าที่คุณจะใช้เพียงแค่ปีก

นั่นเป็นเหตุผลที่ฉันแนะนำให้คุณรวมคำแนะนำที่ 1 และ 2 จากรายการของฉันไว้ก่อนหน้านี้:เลือกเทมเพลตที่มีอยู่เป็นจุดเริ่มต้น เช่น การออกแบบวัสดุหรือเครื่องชั่งตัวใดตัวหนึ่งจาก type-scale.com แล้วปรับแต่งตามความต้องการของคุณผ่านการทดลองใช้และ ผิดพลาด

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