แบบอักษร Serif และ Sans-serif แตกต่างกันอย่างไรและเมื่อใดจึงควรใช้แบบอักษรอื่น


21

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


1
ดูที่นี่
Mateen Ulhaq

คำตอบ:


24

Serif Vs Sans Serif

ข้อความแสดงแทน

(รูปภาพพูดหนึ่งพันคำ) อ่านคำตอบของ @ Calvin เพื่อรับคำอธิบาย


4
หรือหนึ่งพันไบต์ (56400 + GIF_HEADER จะแม่นยำยิ่งขึ้น)
Mateen Ulhaq

ส่วนประกอบ lol gzip สำหรับการลดขนาดลงอย่างมาก: P
Atif Mohammed Ameenuddin

19

Serifsเป็นเส้นโครงตั้งฉากที่พบบนเทอร์มินี / ปลายทางในรูปแบบ ตัวอย่างเช่นตัวพิมพ์ใหญ่ "I" มักจะแสดงด้วย 2 crossbars นั่นคือ serif

Sans-serifแปลว่า"ปราศจากเซริฟ" คำจำกัดความของรูปแบบอักษร serif / sans-serifควรอธิบายด้วยตนเอง

อีกชื่อสำหรับserifคือ " roman "; ในทำนองเดียวกันSans-serifอักษรนอกจากนี้ยังอาจจะเรียกว่าพิสดาร / Groteskหรือแบบกอธิค

นอกจากนี้ยังมีประเภทที่แตกต่างกันของ serif เช่นแผ่น serif -also เรียกว่าอียิปต์ , กลไกหรือตาราง serif -versus วงเล็บเซอริฟ

นอกจากนี้ยังมีแบบอักษรบางตัวที่มี serif ที่ยังถือว่าเป็น sans-serif Bell Gothic เป็นตัวอย่างของสิ่งนี้ และสุดท้ายอักษรบางคนมีสิ่งที่เรียกว่าชนชั้นเซอริฟ ( "เซอริฟเล็ก" ) หรือกึ่งเซอริฟ-

แก้ไข:
ตามที่ชาร์ลส์สจ๊วตระบุไว้ในความคิดเห็นของเขา " โรมัน " ยังใช้เพื่ออ้างถึงรูปแบบที่ตรง - ตรง (ตรงข้ามกับตัวเอียง ) เตือนความทรงจำของคลาสสิกโรมันสกัดประเภท - จากที่ serifs ยังได้รับ "Roman" (โดยตัวมันเอง) มักเป็นแบบอักษรพื้นฐานของตระกูลแบบอักษรหรือแบบอักษร แต่อาจมี "ตัวหนา - โรมัน", "black-roman" เช่นเดียวกับ "โรมัน - เฉียง " ซึ่งเอียงที่ มุม แต่ยังคงรูปร่างสัญลักษณ์ที่เหมือนกันกับแบบอักษรพื้นฐาน


3
... หรือเซริฟกึ่ง
e100

โรมันไม่ใช่คำพ้องความหมายสำหรับ serif: โดยทั่วไปจะหมายถึงแบบอักษรพื้นฐานภายในตระกูลแบบอักษรทั้งหมดซึ่งเป็นแบบตัวอักษร แต่ไม่หนาและไม่ใช่ตัวเอียง
Charles Stewart

@Charles: การใช้คำว่า "roman" ในการพิมพ์มี 2 แบบดูได้ที่: desktoppub.about.com/cs/basic/g/roman.htm en.wikipedia.org/wiki/Roman_type
Calvin Huang Huang

@ Calvin: ฉันรู้ว่าฉันคิดว่ามันใช้เหมือนกันโดยคนที่ไม่สนใจที่จะแยกแยะแบบอักษรจากตระกูลแบบอักษร ฉันแสดงความคิดเห็นเพราะฉันคิดว่า "ชื่ออื่นสำหรับ serif คือ 'roman'" เป็นความเข้าใจผิดเล็กน้อย: ดีกว่าน่าจะเป็น "serif บางครั้งเรียกว่า 'roman'"
Charles Stewart

1
ดังที่ฉันพูดถึงในgraphicdesign.stackexchange.com/questions/37501/…มีแบบอักษรบางตัวที่ไม่มี serifs แต่มีลายเส้นความกว้างแบบแปรผันในแบบที่คล้ายกับ "Times Roman" และอื่น ๆ ที่มีความกว้างของจังหวะเท่ากัน แต่มี เซอริฟ คำตอบสำหรับคำถามนั้นแนะนำว่า "Roman" เป็นคำศัพท์เพื่อแยกความแตกต่างจากอดีต; ฉันเห็นว่ามันถูกใช้เป็นคำเพื่ออธิบายประเภทของ serif แบบอักษร แต่แทบจะไม่เห็นว่ามันมีความหมายเหมือนกันกับ "serif"
supercat

12

คำตอบของ atif089และCalvin Huangแสดงให้เห็นถึงความแตกต่างที่สำคัญค่อนข้างดี

สำหรับการใช้งานกฎทั่วไปของฉันคือ:

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

ฉันไม่ได้อ่านและสิ่งเหล่านี้เป็นข้อสรุปคร่าวๆและกฎบางครั้งก็ดีที่จะถูกทำลาย ดูบทความที่ดีเกี่ยวกับการผสมแบบอักษรบนSmashing Magazineซึ่งแสดงให้เห็นว่าผสมสองตัวนี้อย่างไร (sans-serifs สำหรับส่วนหัวและ serifs สำหรับร่างกายเป็นตัวอย่างคลาสสิก)


1
คุณคิดอย่างไรกับรูปแบบตัวพิมพ์ sans-serif ซึ่งใช้ความกว้างของเส้นขีดตัวแปร นั่นเป็นประเภทหน้าตาที่ฉันชอบส่วนบุคคลเนื่องจากฉันคิดว่าความกว้างของจังหวะแบบแปรผันในรูปแบบอักษรเช่น Times New Roman มีส่วนช่วยให้อ่านได้ง่ายกว่า Serif ส่วนใหญ่
supercat

4

สิ่งที่พวกเขาได้รับการอธิบายแล้ว ฉันชอบที่จะใช้แบบอักษร serif สำหรับการออกแบบแบบคลาสสิก / แบบดั้งเดิมและ sans สำหรับการออกแบบที่ทันสมัย ​​/ ร่วมสมัยมากขึ้น แน่นอนว่าไม่ใช่กฎที่ยากและรวดเร็ว


3

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


4
คำทักทายจากฟินแลนด์ (ยุโรป) คำตอบของคุณทำให้ฉันตรวจสอบผ่านหนังสือพิมพ์และนิตยสารที่แตกต่างกันในครัวเรือน ผลลัพธ์: ทั้งหมดยกเว้นภาพการ์ตูนมีสำเนาตัวอักษร serif ฉันไม่รู้ว่ามันระบุไว้ในการอ้างอิงของคุณอย่างไร ( Typography 101C: บทบาทของตัวเลือกแบบอักษรในการทำให้อ่านข้อความได้ ) แต่มันล้าสมัยเกินไปคลุมเครือเกินไปหรือผิดแบบธรรมดา Wikipedia Sandbox เป็นข้อมูลอ้างอิงที่น่าสงสัยที่สุด
Jari Keinänen

ฉันจะยืนแก้ไขแล้ว ฉันจำได้ว่าเคยอ่านเกี่ยวกับปรากฏการณ์นี้เมื่อหลายปีก่อน แต่มันก็น่าจะเป็นสิ่งเดียวที่ Wikipedia สร้างขึ้น
Lauren-Reinstate-Monica-Ipsum

3

การใช้งานทั่วไป (ในเว็บ) เป็น serif สำหรับชื่อเรื่องและ sans-serif สำหรับเนื้อความ


1

ฉันเข้าร่วมการประชุมเชิงปฏิบัติการเมื่อหลายปีก่อนซึ่งพวกเขาอ้างถึงงานวิจัยที่แสดงให้เห็นว่าเมื่อผู้คนอ่านแบบอักษร Serif ที่พิมพ์บนกระดาษพวกเขาอ่านเร็วขึ้นด้วยความเข้าใจที่ดีกว่าการอ่าน Sans-serif

พวกเขากล่าวว่าการวิจัยแสดงให้เห็นว่าตรงข้ามแน่นอนที่จะเป็นจริงเมื่ออ่านบนหน้าจอ ... บนหน้าจอให้คนอ่านได้เร็วขึ้นและมีความเข้าใจที่ดีขึ้นเมื่ออ่าน Sans-Serif

ตอนนี้ความละเอียดของจอภาพได้รับการปรับปรุงอย่างมากความแตกต่างอาจไม่รุนแรงเท่าบนหน้าจอ แต่ฉันยังคงปฏิบัติตามแนวทางนี้เว้นแต่ว่าฉันมีเหตุผลที่น่าสนใจที่จะเพิกเฉย


1
น่าเสียดายที่คุณไม่สามารถอ้างอิงการวิจัยนั้นได้
สกอตต์

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

-2

Sans-serif แปลว่า "ปราศจากเซริฟ" คำจำกัดความของรูปแบบอักษร serif / sans-serif ควรอธิบายด้วยตนเอง Sans-serifs สำหรับการสแกนในแนวตั้ง หากไม่มี serif จะสามารถกระโดดจากบรรทัดหนึ่งไปอีกแถวหนึ่งได้ง่ายขึ้นและสแกนหาอักขระ / คำที่เฉพาะเจาะจง อักขระที่มีความแตกต่างนั้นเป็นที่รู้จักมากขึ้นเนื่องจากมีความเหมือนกันน้อยกว่า (เช่นไม่มีเซริฟ) ฉันไม่ได้อ่านและสิ่งเหล่านี้เป็นข้อสรุปคร่าวๆและกฎบางครั้งก็ดีที่จะถูกทำลาย ดูบทความที่ดีเกี่ยวกับการผสมแบบอักษรบน Smashing Magazine ซึ่งแสดงให้เห็นว่าผสมสองตัวนี้ได้อย่างไร (sans-serifs สำหรับส่วนหัวและ serifs สำหรับร่างกายเป็นตัวอย่างคลาสสิก


1
สวัสดี ashamcmurdie คุณมีลิงค์ไปยังบทความนั้นหรือไม่?
Vincent

"รูปแบบอักษร Sans-serif ควรจะอธิบายตนเอง"ดังนั้นคุณสมมติว่าบางส่วนโดยเฉพาะขอให้สิ่งที่แตกต่างกันคือพบมัน "อธิบายตนเอง" ?? ขออภัยคำอธิบายที่น่ากลัว มันจะถือว่าผู้ใช้รู้คำตอบอยู่แล้วเมื่อพวกเขาไม่ชัดเจน
สกอตต์
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.