แบบอักษรที่สามารถอ่านได้ที่มีความสูง 5px


32

สำหรับใช้ใน Photoshop ฉันกำลังมองหาแบบอักษรที่สูงถึง 5 px แต่ยังอ่านได้ ฉันลองใช้แบบอักษรของระบบบางตัวเช่น Arial, Tahoma, Segoe UI แต่ทั้งหมดนี้ส่งผลให้เกิดความสับสน

ป้อนคำอธิบายรูปภาพที่นี่

แบบอักษรจะใช้พื้นที่ของพวกเขาอย่างเหมาะสมและทำให้คำเช่น 'ISDN' อ่านได้เช่นนี้ ป้อนคำอธิบายรูปภาพที่นี่

สิ่งนี้จำเป็นต้องเป็น 5px โดยเฉพาะ ดังนั้นแบบอักษรใดที่เหมาะสำหรับการทำเครื่องหมายของสายไฟ? ไม่ตอบคำถามของฉัน


5
คุณ googled สำหรับ "แบบอักษรพิกเซล"? มีหลายขนาดเล็กคุณอาจพบคนที่เหมาะกับความต้องการของคุณ
Luciano

เป็นไปได้ที่ซ้ำกันอย่างน้อยคล้ายกัน: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie สำหรับการพิมพ์ไม่ใช่ 'เว็บ' นอกจากนี้ยังใช้สำหรับความสูง 5px โดยเฉพาะ
Gerlof Leuhof

1
คุณบอกว่าคุณได้ลองแบบอักษรของระบบแล้ว คุณเคยลอง "ตัวอักษรขนาดเล็ก" บ้างไหม?
kolrabi

2
ต้องเป็นแบบอักษรบิตแมปที่มีเพียง 2 สี (พื้นหลังและเบื้องหน้า) หรือไม่ หรือคุณอาจใช้มากกว่า 2 และต่อต้านนามแฝง?
Rosie F

คำตอบ:


44

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

รุ่นเดิมรวมถึงมีเพียงตัวอักษรAไปZและ.และ!ตัวอักษร แต่ฉันเพียงแค่ทำรุ่น TTF ที่แท้จริงของตัวอักษร (โดยใช้กระเบื้องที่ใช้แก้ไขตัวอักษรออนไลน์ ) ที่มีตัวอักขระ ASCII ทั้งหมด (ยังไม่มีตัวอักษรเน้นเสียงหรือเครื่องหมายวรรคตอนที่ไม่ใช่ ASCII แฟนซีและตัวอักษรตัวพิมพ์เล็กเหมือนกับตัวพิมพ์ใหญ่)

ในความเป็นจริงผมทำสองรุ่น: หนึ่งที่มีระยะห่างระหว่างตัวอักษรตัวแปรและหนึ่งว่า monospace นี่คือลักษณะที่ปรากฏ (ขนาด 200%):

แบบอักษร CG พิกเซล 4x5
( ดาวน์โหลดโดยตรง )

แบบอักษร CG พิกเซล 4x5 ขาวดำ
( ดาวน์โหลดโดยตรง )

ฉันไม่ได้ทดสอบแบบอักษรเหล่านี้ใน Photoshop แต่ทำงานได้ดีใน GIMP: เพียงตั้งขนาดตัวอักษรเป็น (หลายตัว) 5px และเว้นวรรคบรรทัดเป็น 1px หรือมากกว่า

นอกจากนี้ฉันได้เผยแพร่แบบอักษรเหล่านี้ในโดเมนสาธารณะ (ผ่านCC-Zero ) เพื่อให้คุณสามารถทำสิ่งที่คุณต้องการได้ โดยเฉพาะอย่างยิ่งถ้าคุณไม่ชอบตัวเลือกการออกแบบบางอย่างที่ฉันทำ (เช่น slashed ศูนย์หรือทุน serifless ฉัน) หรือเพียงแค่ต้องการเพิ่ม glyphs เพิ่มเติมคุณมีอิสระในการโคลนแบบอักษรและแก้ไขด้วยตนเองเพื่อให้เหมาะกับ ความต้องการของคุณ เครื่องมือแก้ไขออนไลน์นั้นใช้งานง่ายมาก


ps ฉันไปและทำให้คู่ของแม้มีขนาดเล็กสายพันธุ์ของตัวอักษรนี้:

แบบอักษร CG พิกเซล 3x5
( ดาวน์โหลดโดยตรง )

แบบอักษร CG พิกเซล 3x5 ขาวดำ
( ดาวน์โหลดโดยตรง )

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

แม้ที่ขนาดนี้บางส่วนของร่ายมนตร์ (โดยเฉพาะสัญลักษณ์เครื่องหมายวรรคตอนที่ซับซ้อนมากขึ้นชอบ&, @, #และ*) ประสบบิตและบางโซลูชั่นที่สร้างสรรค์ (เช่นจิ๋วสไตล์N) มีความจำเป็นที่จะต้องให้ทุกรูปทรงที่แตกต่างกัน ถึงกระนั้นก็สามารถอ่านได้มากกว่าหรือน้อยกว่าแม้ว่าตัวอักษรบางตัวอาจคลุมเครือหากใช้ด้วยตัวเองโดยไม่มีบริบท (เช่นตัวอักษรMซึ่งอาจเข้าใจผิดว่าเป็นNหรือH)

แน่นอนคุณยังสามารถปรับแต่งแบบอักษรนี้ได้ตามที่คุณต้องการหรือแม้แต่ออกแบบตัวคุณเอง


1
ฉันไม่รู้ว่าทำไม แต่มีลักษณะเหมือนแบบอักษรที่ใช้กับเครื่องคิดเลข TI-82 ถึง TI-84 เพื่อวาดข้อความบนกราฟ
Ismael Miguel

14
@IsmaelMiguel ทุกตัวอักษร 3x5 ดูเหมือนว่า
AJMansfield

@JMansfield ไม่มีอะไรต่อเพียงแค่ต้องการชี้ให้เห็น แต่บางทีคุณพูดถูก ถึงกระนั้นมันก็สนุก มันทำให้ฉันนึกถึงวันที่ฉันเคยใช้เวลาเขียนโปรแกรมกับ TI-83 ของฉันแทนที่จะให้ความสนใจกับคณิตศาสตร์ กลับไปที่หัวข้อฉันไม่ใช่ "คาดหวัง" ในแบบอักษร 3x5 (หรือแบบอักษรทั่วไป) และเพียงต้องการชี้ให้เห็น
Ismael Miguel

1
@IsmaelMiguel แน่นอนว่ามันทำให้ฉันนึกถึงสิ่งนั้นเช่นกันนั่งอยู่ด้านหลังของชั้นเรียนคณิตศาสตร์และตั้งโปรแกรม TI-84 ของฉัน
AJMansfield

1
@Michael: โอ้ฉันไม่ได้ตระหนักว่ามันทำอย่างนั้น :( ฉันได้อัปโหลดไฟล์. ttf ซิปไปยังเว็บไซต์ของฉันและเพิ่มลิงก์ไปยังไฟล์เหล่านั้นด้านบน
Ilmari Karonen

32

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

สิ่งที่คุณต้องการจริงๆคือแบบอักษรที่ออกแบบมาเพื่อทำงานในขนาดนั้นโดยเฉพาะ แบบอักษรบิตแมปเป็นแบบอักษรที่ออกแบบมาเป็นภาพแรสเตอร์จริงตามขนาดที่กำหนด Photoshop มีการสนับสนุนบิตแมปบิตแมปในรุ่นที่ใหม่กว่าดังนั้นอาจเป็นตัวเลือก ... มิฉะนั้นคุณเพียงแค่ค้นหา "ฟอนต์พิกเซล" เพื่อค้นหาฟอนต์เวกเตอร์ปกติที่ออกแบบมาเพื่อจำลองกริดพิกเซล นี่เป็นผลลัพธ์แรกของการค้นหา "5px pixel font":

http://www.dafont.com/5x5-pixel.font

ป้อนคำอธิบายรูปภาพที่นี่


24

ตัวอักษร5x5ซึ่งฟรีอย่างมีความสุข (สำหรับการใช้งานส่วนตัว) ทำขึ้นเพื่อความสูงแบบอักษร 5px โดยเฉพาะ

ป้อนคำอธิบายรูปภาพที่นี่


ด้วยสำเนียง! เป็นคนดี
Luciano

3
น่าเสียดายที่สำเนียงไม่พอดีกับในกล่อง 5x5 พิกเซล ฉันสงสัยว่ามันเป็นไปได้ แต่มันกลับกลายเป็นว่าไม่ใช่ :(
Ilmari Karonen

1
@Ilmari Karonen - หนู! แม้ว่าฉันคิดว่ามันชัดเจนจริงๆ หากคุณทิ้งพิกเซลไว้เพื่อเว้นระยะห่างที่จะทำให้ ... เอ่อ ... มันแค่ใช้งานไม่ได้ฮ่า ๆ แต่ก็ยังเป็นตัวอักษรที่เล็กและอ่านง่ายด้วยสำเนียง!
mayersdesign

4
คุณสามารถเพิ่มเสียงหลังจากตัวละครที่พวกเขาเน้น ฉันอาจเห็นว่ามันทำไปแล้วเมื่ออาตาริ ST ยังคงเป็นอะไรอยู่
John Dvorak

3
อย่างน้อยในเว็บไซต์ที่คุณเชื่อมโยงแบบอักษรนั้นถูกระบุว่าเป็น "ฟรีสำหรับการใช้งานส่วนตัว " (ไม่ต้องสนใจเลย) และไม่เสียค่าใช้จ่าย - นั่นจะสร้างความแตกต่างให้กับบางคน จากนั้นอีกครั้งเว็บไซต์เหล่านั้นมีตัวอักษร IMHO ไม่ดีงามเกี่ยวกับการเปลี่ยนแปลงเงื่อนไขการอนุญาต (ทั้งสองทิศทาง)
AC

13

Berkelium 1541เป็นการแปลง TrueType ของฟอนต์พิกเซลแบบสัดส่วนที่ใช้โดยระบบปฏิบัติการ GEOS ใน Commodore 64 ไปยังไฟล์ฉลากและไอคอนอื่น ๆ บนเดสก์ท็อป

ข้อความBerkelium 1541 / ISDN E18ปรับขนาดได้ 4 เท่าในแบบอักษรนั้น:

ป้อนคำอธิบายรูปภาพที่นี่


3

ฉันรู้ว่าโพสต์นี้ช้าไปนิดหน่อย แต่ฉันแค่คิดว่ามันอาจช่วยให้ใครก็ตามที่เพิ่งจะมองหาตัวอักษรขนาด 5 คูณ 3 พิกเซล ฟอนต์เทอร์มินัลมีตัวอักษรและตัวเลข 5 คูณ 3 ตัวพิมพ์ใหญ่ แต่ตัวอักษรตัวพิมพ์เล็กนั้นไม่ได้มีขนาด 5 คูณ 3 พิกเซล (แสดงด้วยเส้นสีแดงในภาพ)เทอร์มินัลตัวอักษรตัวพิมพ์ใหญ่เปรียบเทียบกับอักษรตัวพิมพ์เล็ก


2

Windows ของคุณเอง "ตัวอักษรขนาดเล็ก" ที่ขนาด 4 หรือ 5pt ดูเหมือนจะออกมาได้ค่อนข้างดีแม้ว่าคุณอาจจะต้องเลือกและเลือกว่าตัวละครใดที่ดูดีและไม่เหมาะ หากการแสดงผลถูกต้องจริง (คุณอาจต้องปิด Cleartype หรือแม้แต่ใช้ Paint ในโทนสีขาวดำ 1 บิตขึ้นไป) ก็ควรออกมาดูเช่น Berkelium ด้านบนซึ่งไม่ไกลจากมือขนาดต่ำสุด - ฉันใช้ใบหน้าที่ปรับจูน (ซูมเข้าและซูมด้วยมือหรือด้วยการคัดลอกและวางด้วยความเร็วสูง) สำหรับการวางข้อความขนาดเล็กลงบนภาพความละเอียดต่ำ

มีช่องว่างเล็ก ๆ น้อย ๆ ในการถ่ายทอดข้อมูลในตารางขนาดเล็ก 5x5 (หรือ 5xless) ที่คุณต้องใช้ความคิดสร้างสรรค์เล็กน้อยกับรูปร่างตัวอักษรในบางกรณีเช่น "e" ใน Berkelium (มันมีตัวพิมพ์เล็กที่น่าสนใจ "a" และ "s "กำหนดรูปแบบ IIRC) เพื่อให้แต่ละคนสามารถอ่านได้และมีเอกลักษณ์เฉพาะตัว และอาจมีประโยชน์ในการใช้ความกว้างแบบสัดส่วนดังนั้นคุณสามารถบันทึกพิกเซลด้วยตัวอักษรที่บางกว่าเพื่อใช้กับสิ่งที่จำเป็นต้องมีความกว้างเป็นพิเศษ

ตามที่มีคนบอกไว้ในการผ่านไปข้างบนตัวอักษรระบบ 6x6 ที่ใช้บน Atari ST (สำหรับป้ายกำกับไฟล์และตัวพิมพ์ใหญ่ในไดรฟ์หลักโดยใช้ 8x8 หรือ 8x16 ที่อื่น แต่อาจไม่คุ้มค่า) เป็นหลัก 5x5 เช่นเดียวกับที่คนอื่น ๆ เป็นหลักคือ 7x7 และ 7x15 เนื่องจากพวกเขามีระยะห่างแนวตั้งและแนวนอนในตัวสำหรับทุกคน โดยเฉพาะอย่างยิ่ง ISTR ของ e และ a ช่องว่างในลูปของพวกเขา แต่พวกเขาก็ยังจำได้ (และดังที่แสดงให้เห็นว่าหากคุณจบการปรับเปลี่ยนให้เป็นแบบอักษรที่กำหนดเองคุณสามารถแก้ไขได้)

นอกจากนั้นขนาดที่เล็กที่สุดที่คุณมักใช้งานทั่วไปคือ 6x6 หรือ 6x8 โดยมีหรือไม่มีพื้นที่โดยรอบหรือ 5x7 บนจอ LCD dot matrix เป็นการยากที่จะสร้างแบบอักษรที่เหมาะสมพร้อมกับตัวละครทุกชนิดแทนที่จะใช้หุ่นยนต์บริสุทธิ์ที่มีจำนวนพิกเซลน้อยลง (แน่นอนว่าตัวอย่างอื่น ๆ ที่ให้มาข้างต้นให้ความรู้สึกค่อนข้างคุ้นเคยเพราะมันเหมือนกันหรือคล้ายกับที่ฉันเคยใช้เป็นประจำ บนหน้าจอ LCD โทรศัพท์มือถือราคาประหยัดในช่วงปลายยุค 90 / ต้นยุค 2000) คล้ายกับวิธีการทำตัวอักษรที่ยาก (และแน่นอนว่ามีตัวเลือกให้เลือกใช้ตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก) ด้วยจอ LCD ตัวเลข 7 ส่วนและไม่ดีกว่าในส่วนที่ 9 หรือ 11 (+) และ 5x5 พิกเซลเป็นหลัก 25 ส่วนยกเว้นที่จริงแล้วมันเป็นประเภทที่มีความยืดหยุ่นมากกว่า 11 หรือ 15 ส่วนย่อย นั่นคือข้อ จำกัด ที่คุณทำงานด้วยที่นี่

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


2

ความสูง 5 px เป็นจุดสำคัญสำหรับการอ่านและถ้ามันต้องเป็นสีเดียวเท่านั้นมันเป็นไปไม่ได้ที่จะได้รับข้อความที่ชัดเจน นั่นหมายความว่าหากเราใช้เวลาถึง 6 px แทนที่จะเป็น 5 px มันจะดีกว่าอย่างเห็นได้ชัดเพราะ ascending และ descenders ต้องการพื้นที่อย่างน้อย 1 px และ 5 px เป็นไปไม่ได้

ฉันทำแบบอักษร 5 px มันอ่านง่าย แต่ยังอ่านยาก แม้ว่าฉันจะพบว่าสามารถอ่านได้ดีกว่าแบบอักษร "5x5" ที่กล่าวถึง มันไม่ใช่ฟอนต์. ttf แต่ถ้าคุณรู้จักการเขียนสคริปต์ใน Photoshop คุณสามารถเขียนฟังก์ชั่นที่แปลงสตริงเป็นพิกเซลอาเรย์

ตัวอย่าง:

ป้อนคำอธิบายรูปภาพที่นี่

เปรียบเทียบกับ "5x5" (นำตัวอย่างมาจากคำตอบของ Mayersdesign):

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งที่ฉันคิดว่าน่าสนใจด้วยการออกแบบตัวอักษรเล็ก ๆ ตัวหนึ่งสามารถสังเกตการออกแบบตัวอักษรที่โชคร้ายได้ทันทีเช่นความคล้ายคลึงกันของ "e" และ "c" และกลุ่ม [bdpqhnu] ทั้งหมด


1

แบบอักษร 3 × 5 px ที่ดีที่สุดที่ฉันเคยเห็นคือ“ Tom Thumb” :

a

นี้เป็นครั้งแรกที่ตัวอักษร 5px สูงฉันพบว่ามีดีอักษรตัวพิมพ์เล็ก แต่ตัวอักษรบางอย่างเช่นMและN(และโดยเฉพาะอย่างยิ่ง#, @, &และ~) จะไม่เป็นที่อ่านได้ที่พวกเขาจะเป็นอย่างไรถ้าพวกเขาเป็น 4 หรือ 5 พิกเซลกว้าง

ต่อไปนี้เป็นเวอร์ชันที่ไม่แก้ไข monospaced ที่ฉันใช้อยู่: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

ป้อนคำอธิบายรูปภาพที่นี่


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