5 piksel yüksekliğinde okunabilen bir font


32

Photoshop'ta kullanmak için tam olarak 5 piksel yüksekliğinde fakat yine de okunabilir bir yazı tipi arıyorum. Bazı sistem yazı tiplerini kendim Arial, Tahoma, Segoe UI gibi denedim ama hepsi sonuçsuz bir karışıklığa neden oldu.

görüntü tanımını buraya girin

İdeal olarak font, alanlarını en iyi şekilde kullanır ve 'ISDN' gibi kelimeleri şöyle okunabilir hale getirir: görüntü tanımını buraya girin

Bunun özellikle 5 piksel olması gerekiyor. Peki hangi yazı şekli tellerin işaretlenmesi için uygundur? sorumu cevaplamıyor


5
"piksel fontları" için googled? Küçük boyutlarda birçoğu var, ihtiyaçlarınıza uygun birini bulabilirsiniz.
Luciano

Muhtemel kopya, en azından benzer: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie bu 'web' değil baskı içindir. Ayrıca bu özellikle 5 piksel yüksekliğinde.
Gerlof Leuhof

1
Bazı sistem fontlarını denediğinizi söylediniz. "Küçük Yazı Tipleri" denediniz mi?
kolrabi

2
Sadece 2 renk ile (arka plan ve ön plan) bir bitmap yazı tipi olmalı mı? Veya 2'den fazla ve bu nedenle anti-alias kullanabilir misiniz?
Rosie F

Yanıtlar:


44

Eğer 5x5 piksel yazı Cai ve mayersdesign önerdiği hala çok büyük, ne için birkaç yıl önce yapılmış 4x5 piksel yazı deneyebilirsiniz başka SE sitesinde bir meydan okuma .

Orijinal sürümü sadece harfleri dahil Aetmek Zve .ve !karakterleri, ama sadece (kullanarak yazı gerçek bir TTF sürümü yapılmış bir online çini tabanlı yazı editörü tüm yazdırılabilir ASCII karakterleri içerir). (Henüz aksanlı harfler veya süslü ASCII olmayan noktalama işaretleri olsa da, küçük harfler de büyük harflerle aynıdır.)

Aslında, iki versiyon hazırladım: biri değişken harf aralıklı , diğeri monospace . İşte neye benziyorlar (% 200 boyutunda):

CG piksel 4x5 yazı tipi
( doğrudan indirme )

CG piksel 4x5 mono yazı tipi
( doğrudan indirme )

Bu fontları Photoshop'ta test etmedim, ancak bunlar GIMP'de gayet iyi çalışıyor: font boyutunu (çoklu) 5px'e, satır aralığını 1px veya daha fazlasına ayarlayın.

Ayrıca, bu yazı tiplerini kamuya açık bir şekilde yayınladım ( CC-Zero aracılığıyla ), böylece ne istersen yapabilirsin. Özellikle, yaptığım tasarım seçimlerinden bazılarını beğenmiyorsanız (kesik sıfıra veya serifless büyük harf I gibi) veya sadece daha fazla glif eklemek istiyorsanız, yazı tipini klonlamak ve kendinize göre düzenlemek için özgürsünüz ihtiyaçlarınız; çevrimiçi editör kullanımı oldukça kolaydır.


Ps. Gidip yapılmış bir çift arasında daha da küçük bu yazı tipinin varyantları:

CG piksel 3x5 yazı tipi
( doğrudan indirme )

CG piksel 3x5 mono yazı tipi
( doğrudan indirme )

3x5 piksellerde, bu bir piksel fontunun alabileceği ve hala okunaklı kalabileceği kadar küçüktür. Ayrıca, tamamen tesadüfen değil, oradaki hemen hemen her 3x5 piksel fontuna çok benziyor.

Hatta bu boyutta, glif (özellikle daha karmaşık noktalama sembolleri gibi bazı &, @, #ve *) biraz acı ve (ufacık tarzı gibi bazı yaratıcı çözümleri N) ayrı bütün şekiller tutmak için gereklidir. Yine de, bağlam olmadan kendi başlarına kullanıldığında bazı harflerin (örneğin belirsiz olabilir bile, az ya da çok okunabilir var Mbir için yanlış olabilir, hangi Nveya H).

Tabii ki, bu yazı tipini istediğiniz gibi ayarlayabilmekte, hatta kendi tasarımınızı yapabilmekte özgürsünüz.


1
Nedenini bilmiyorum ama bu grafikler üzerine metin çizmek için TI-82'den TI-84 hesap makinelerinde kullanılan fonta çok benziyor.
Ismael Miguel,

14
@IsmaelMiguel her 3x5 fontu böyle gözüküyor.
AJMansfield

@AJMansfield Hiçbir şeye karşı, sadece işaret etmek istedim. Ama belki de haklısın. Yine de eğlenceli. Matematiğe dikkat etmek yerine zaman programlamamı TI-83'ümde harcadığım günleri hatırlatıyor. Konuya geri dönersek, 3x5 fontlarda (ya da genel olarak fontlarda) "beklenti" değilim ve sadece şunu belirtmek istedim.
Ismael Miguel,

1
@IsmaelMiguel Bana bunu da hatırlatıyor, matematik dersinin arkasında oturuyor ve TI-84'ümü programlıyor.
AJMansfield

1
@Michael: Öyle yaptığını anlamadım. :( Sıkıştırılmış .ttf dosyalarını kendi web siteme yükledim ve üstlerine link ekledim
Ilmari Karonen

32

Bu kadar küçük boyutta çoğu fontla sorun yaşayacaksınız. Bazıları diğerlerinden daha iyi ipuçlarına sahip olacak ve iyi olacaklar , ama mükemmel çalışan bir şey bulamazsınız ...

Gerçekten ihtiyacınız olan, özellikle bu boyutta çalışmak üzere tasarlanmış bir font. Bitmap fontları , belirli bir boyut için gerçek raster görüntüler olarak tasarlanmış fontlardır; Photoshop, daha yeni sürümlerde bitmap yazı tipi desteğine sahiptir, bu nedenle bir seçenek olabilir ... aksi takdirde, bir piksel ızgarasını simüle etmek için tasarlanmış normal vektör yazı tiplerini bulmak için "piksel yazı tiplerini" ararsınız. Bu, "5px piksel font" aramasının ilk sonucuydu:

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

görüntü tanımını buraya girin


24

Yazı tipi 5x5 (kişisel kullanım için) mutlu ücretsizdir, 5px yazı yükseklikleri için özel olarak yapılır.

görüntü tanımını buraya girin


aksan ile! Bu iyi bir tane
Luciano

3
Ne yazık ki, aksan aslında 5x5 piksel kutusuna sığmıyor. Bunun nasıl mümkün olduğunu merak ediyordum, ama olmadığı ortaya çıktı. :(
Ilmari Karonen

1
@Ilmari Karonen - Sıçanlar! Her ne kadar sanırım gerçekten çok açık. Boşluk bırakacak bir piksel bıraktıysanız ... iyi ... bu sadece haha ​​işe yaramaz, ama yine de vurgulu küçük ve okunaklı bir yazı tipi!
mayersdesign

4
Aksan karakterlerinden sonra aksan ekleyebilirsiniz . Atari ST hala bir şey olduğu zamanlar bunu çoktan yapmış olabilirdim.
John Dvorak

3
En azından bağladığınız sitede, yazı tipi " kişisel kullanım için ücretsiz " (benimki vurgulu) olarak listelenmiştir ve sadece ücretsiz değildir - bu bazı kişiler için bir fark yaratacaktır. Sonra tekrar, bu yazı siteleri lisans koşullarını (çift yönlü) değiştirme hakkında imho oldukça kötü
AC

13

Berkelium 1541 , GEOS işletim sistemi tarafından Commodore 64'te kullanılan ve masaüstündeki dosyaları ve diğer simgeleri etiketlemek için kullanılan orantılı piksel fontunun TrueType dönüştürmesidir.

Berkelium 1541 / ISDN E18 metni bu fontta 4 kez ölçeklendi:

görüntü tanımını buraya girin


3

Bu yazının biraz geç olduğunu biliyorum, ancak bunun 5'e 3 piksellik yazı tipini arayan birinin kimseye yardım edebileceğini düşündüm. Terminal fontu 5x3 büyük harf ve rakamlara sahip, ancak küçük harflerin tümü 5'e 3 piksel değil (görüntüdeki kırmızı çizgiyle gösterilmiştir).Terminal fontu, büyük harflerden küçük harflere kıyasla


2

Hangi karakterlerin normal göründüğünü ve hangilerinin olmadığını seçmeniz gerekebilir, ancak Windows’un 4 veya 5 punto boyutundaki "küçük fontları" oldukça iyi görünüyor. Düzgün bir şekilde oluşturulduysa (Cleartype'i kapatmanız, hatta Paint'i 1 bit monokrom renkte daha fazla kullanmanız gerekebilir), o zaman asgari boyuttaki bir elden çok uzakta olmayan, Berkelium'a biraz benzeyerek çıkması gerekir. ayarlanmış yüz, düşük çözünürlüklü görüntülerin üzerine çok küçük bir metin koymak için kullanılır (yakınlaştırılmış ve elle pikselleme veya çok sayıda yüksek hızlı kopyala ve yapıştır ile).

Bu küçük 5x5 (veya 5xless) ızgarada bilgi aktarımı için çok az yer var, bazı durumlarda harf şekilleriyle biraz yaratıcı olmanız gerekiyor, Berkelium'daki "e" gibi (ayrıca ilginç bir küçük harf "a" ve "s. "IIRC'yi şekillendirir", her biri için hem okunabilir hem de tanımlanabilir bir şekilde benzersiz. Ve orantılı genişlik kullanmak iyi olabilir, bu yüzden onları fazladan genişliğin gerekli olduğu yerlere harcamak için daha ince harflerle piksellerden tasarruf edebilirsiniz.

Birisinin yukarıdan geçtiğini ima ettiği gibi, Atari ST'de kullanılan (ana ve sürücüdeki büyük harfli etiketler için, başka bir yerde kullanılan 8x8 veya 8x16 ile yalnızca 8x16 kullanılan) 6x6 sistem fontu da dikkatinizi çekebilir. Temelde 5x5, diğerlerinin temelde 7x7 ve 7x15 olmasıyla aynıdır; çünkü en derin iniş ve kutu çizme karakterleri dışında herkes için inşa edilmiş dikey ve yatay aralık vardır. Özellikle, E ve a'nın halkalarındaki açıklıklarından yoksunlar, ancak yine de tanınabilirlerdi (ve gösterildiği gibi, onları özel bir yazı tipine dönüştürürseniz, bunu düzeltebilirsiniz).

Bunun dışında, en yaygın şekilde kullanım eğiliminde olduğunuz en küçük olanı, 6x6 veya 6x8, çevre alanı olan veya olmayan, veya bazı nokta matris LCD'lerde 5x7'dir. Daha az piksel içeren saf robotik işlevsellikten ziyade herhangi bir karaktere sahip iyi bir yazı tipi oluşturmak zor (yukarıda verilen diğer örnekler, ya normal olarak kullandıklarımla özdeş ya da çok benzer olduklarından oldukça tanıdık geliyorlar) düşük rezistanslı cep telefonu LCD'lerinde 90'ların sonunda / 2000'lerin başında). 7 segmentli sayısal LCD'lerle harfleri (ve kesinlikle büyük veya küçük harf kullanmaktan başka bir seçim yapmak) zorlaştırmaya benzer ve 9 veya 11 (+) segment ile daha iyi olmaz. Ve 5x5 piksel aslında 25-parçalıdır, çünkü gerçekten biraz daha esnek bir tür 11 ya da 15'lik bir parça gibidir. Burada çalıştığınız kısıtlama budur.

Eğer dayanabiliyorsanız, pikselleri elinizle kolayca işaretleyin ... en azından ipucu / karakter aralığı üzerinde nihai kontrole sahipsiniz, o zaman, başkaları tarafından bahsedildiği gibi, yazı tipi motorunuz özel olarak ayarlanmadıkça, muhtemelen en büyük sorununuz olacak veya her şeyin sonsuz çözünürlüklü vektör olduğunu ve iyi bir boyutta olduğunu varsaymak yerine, küçük yazı karakterlerinin piksel tabanlı görüntülenmesi için ayarlamak üzere bir seçeneğe sahip olabilir. (küçük bir piksel fontunu normal bir boyuta ölçeklendirdiyseniz ve kritik sınırlarına uyması için tam boyutta morplu hale getirdiyseniz, büyük bir yüzü minimum piksellere indirgemeye çalıştığınız gibi oldukça garip görünüyordu - minimum boşluk küçülüşünüz ENORMOUS vs gerçek glifler)


2

5 piksel yükseklik, okunabilirlik için kritik bir noktadır ve aynı zamanda sadece tek renk olması gerekiyorsa, iyi bir okunaklı metin elde etmek imkansızdır. Yani, biri 5 piksel yerine 6 piksel sınırını alırsa, önemli ölçüde daha iyi olabilir, çünkü yükselticiler ve alçaltıcılar en az 1 piksel alana ihtiyaç duyar ve 5 piksel ile imkansızdır.

5 piksel yazı tipi yaptım, oldukça okunaklı ama yine de okunması zor. Her ne kadar önemli ölçüde belirtilen "5x5" fonttan daha iyi okunabilir buluyorum. Bir .ttf yazı tipi değildir, ancak Photoshop'ta komut dosyası oluşturmayı biliyorsanız, dizeleri piksel dizilerine dönüştüren bir işlev yazabilirsiniz.

Örnek:

görüntü tanımını buraya girin

"5x5" ile karşılaştırıldığında (Mayersdesign'ın cevabından örnek alınmıştır):

görüntü tanımını buraya girin

Küçük fontlar tasarlayarak ilginç bulduğumda, bazı harflerin talihsiz tasarımları, yani "e" ve "c" benzerlikleri ve aslında [bdpqhnu] grubunun hemen farkına varılabilir.


1

Gördüğüm en iyi 3 × 5 piksel yazı tipi “Tom Thumb” :

bir

Bazı harfler gibi olsa bu, iyi görünümlü küçük harfler vardır buldum ilk 5px yüksek font Mve N(ve özellikle #, @, &, ve ~) değil onlar genişliğinde 4 veya 5 piksel olsaydı olurdu gibi okunabilir.

İşte kullandığım değiştirilmiş, monospaced olmayan sürümü: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

görüntü tanımını buraya girin


Graphic Design SE'ye hoş geldiniz ve cevabınız için teşekkürler. Lütfen söz konusu yazı tipinin bazı avantajlarını ve dezavantajlarını özetlemek için düzenleme yaparak cevabınızı daha da iyi hale getirin .
Wrzlprmft
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.