BETPIXEL

8 Eylül 2026 · 5 dk okuma

100 pixelde logo: küçük alanda tanınır kalmak

Tek blok 10 × 10 pixel. Bu alana yazı sığmaz, logo sığmaz — ama bir işaret sığar. Logonu o işarete indirmenin adım adım yolu.

Tek blok kiraladın: 10 × 10 pixel, 100 pixel, haftada 100 dolar. Şimdi tasarım programını açtın ve logonu bu kareye sığdırmaya çalışıyorsun. Sığmıyor. Sığmaması normal — çünkü 100 pixel bir logo alanı değil, bir işaret alanı.

Bu yazı, markanı o işarete indirme sürecini anlatıyor. Kararların çoğu "neyi ekleyeyim" değil, "neyi atabilirim" sorusunun cevabı.

Neden 10 × 10'a yazı koyamazsın

Pixel sanatında harfin okunabilmesi için pratik bir alt sınır var: harf yüksekliği en az 5–7 pixel. Bunun altında harfin gövdesi ile boşluğu ayırt edilemez hale gelir, "B" ile "8" aynı lekeye döner.

10 pixel yüksekliğinde bir alanda teorik olarak 7 pixellik harf sığar. Pratikte sığmaz, çünkü:

  • Üstte ve altta en az 1'er pixel nefes payı gerekir, kalan 8.
  • Harfler arasında 1 pixel boşluk şart, yoksa kelime tek bir çizgiye dönüşür.
  • 10 pixel genişliğe, 1'er pixel aralıkla, en fazla 3 dar harf girer.

Yani en iyi ihtimalle üç harflik bir kısaltma, zar zor. Marka adın üç harften uzunsa matematik seni durdurur. Bunu inatla zorlamak yerine kabul et: bu alanda yazı bir seçenek değil.

Karşılaştırma için ölçek duygusu:

  • 10 × 10 (100 pixel, haftada 100 dolar) — tek işaret. Yazı yok.
  • 30 × 20 (600 pixel, haftada 600 dolar) — işaret, ya da tek kısa kelime.
  • 60 × 40 (2.400 pixel, haftada 2.400 dolar) — işaret ve bir kelime birlikte.

Dört hafta için 10 × 10 tutarsan 4 × 100 = 400 dolar ödersin. Aynı bütçeyle tek hafta 40 × 10'luk (400 pixel) bir şerit de alabilirdin. İkisi aynı para, ama biri sana zaman, diğeri alan veriyor. Küçük alanda tanınırlığın yoksa zamana yatırım yapmak daha mantıklı: dört hafta boyunca aynı işaret, insanların gözünün alışması için şans demek.

İndirgeme: altı adım

Logonu açıp doğrudan 10 × 10'a küçültme. Sonuç gri bir bulanıklık olur. Bunun yerine sırayla ele:

  1. Kelime işaretini ayır. Logonda bir sembol ve bir yazı varsa yazıyı tamamen sil. Geriye sembol kalsın. Sembolün yoksa bu yazının en zor kısmı senin için: marka adının ilk harfini ya da en ayırt edici iki harfini tek bir forma dönüştürmen gerekecek.
  2. Detayı sil. Gradyan, gölge, iç çizgi, doku, yumuşak köşe — hepsi 10 pixelde yok olur ya da çamura döner. Sembolü tek renk dolgu haline getir.
  3. Renk sayısını düşür. İki renk hedefle: zemin ve işaret. Üç olursa üçüncüsü sadece vurgu olsun. Dört renk 100 pixelde kalabalıktır.
  4. İnce çizgileri kalınlaştır. 1 pixelden ince çizgi diye bir şey yok. Sembolündeki her çizginin son halde en az 2 pixel olması gerekir, yoksa kaybolur ya da kırık görünür.
  5. Negatif alanı büyüt. Sembolün içindeki boşluklar — bir "A"nın üçgeni, bir halkanın ortası — küçüldükçe ilk kapanan yer orasıdır. Boşlukları orantısız biçimde büyüt. Bu, büyük boyutta garip görünür ama küçükte doğruyu verir.
  6. Yeniden çiz, küçültme. Son adımı otomatik küçültmeye bırakma. 10 × 10'luk boş bir tuval aç ve sembolü pixel pixel elle çiz. Fark, ilk bakışta anlaşılır.

Siluet testi

Bir işaretin küçükte çalışıp çalışmadığını anlamanın en hızlı yolu: tamamen siyah yap. Rengi at, sadece formu bırak. Siluet hâlâ tanınıyorsa tasarım sağlam. Siluet belirsiz bir lekeye dönüşüyorsa renk onu kurtarmaz — küçük boyutta renk, formun yapamadığını yapamaz.

İkinci test: bulanıklaştır. Tasarımını büyük boyutta aç, üzerine güçlü bir bulanıklık ver, gözlerini kıs. Geriye kalan koyu-açık dağılımı tanınabiliyorsa iyisin. Bulanıkta her şey ortalama bir griye dönüyorsa kontrastın yetersiz demektir.

Üçüncüsü: yanına bir tane daha koy. Sembolünü 10 × 10 olarak çiz, yanına rakip bir markanın sembolünü de aynı boyutta çiz. İkisi birbirine benziyorsa tuvalde senin alanın rakibinin reklamı gibi çalışır. Bu, dairesel ve yuvarlak hatlı logoların ortak derdidir.

Küçülmeye ne dayanır, ne dayanmaz

Dayananlar:

  • Geometrik, kalın, kapalı formlar — kare, üçgen, kalın halka.
  • Tek harf, kalın bir kesimle çizilmiş.
  • Yüksek kontrastlı iki renkli kompozisyonlar.
  • Güçlü ve asimetrik bir siluet.

Dayanmayanlar:

  • İnce çizgili çerçeveler ve dış hatlar.
  • Serif harfler — tırnaklar 10 pixelde gürültüye dönüşür.
  • Gradyan, saydamlık, gölge.
  • Fotoğraf ya da yüz. 100 pixelde insan yüzü tanınmaz.
  • Birbirine yakın tonlar. Lacivert üstünde siyah, küçükte tek renktir.

Gerçek boyutta bakmadan bitirme

En sık yapılan hata: tasarımı ekranda 40 kat büyütülmüş halde beğenip yüklemek. Programda 800 pixel genişliğinde gördüğün kompozisyon, tuvalde 10 pixel olacak.

Kendi kontrolünü şöyle yap:

  • Dosyayı tam ölçüsünde kaydet — 10 × 10 pixel, PNG.
  • Görüntüleyicide %100 yakınlaştırmada aç. Ekranda tırnağından küçük bir kare göreceksin. Gördüğün şey, ziyaretçinin göreceği şeydir.
  • Ekrandan bir kol boyu uzaklaş ve tekrar bak. Hâlâ ne olduğu anlaşılıyor mu?
  • Telefonda da aç. Yüksek yoğunluklu ekranda aynı kare fiziksel olarak daha da küçüktür.

Bir de tuvalin zeminini unutma: zemin neredeyse siyah. Koyu bir işareti koyu zemine koyarsan alanının nerede bittiği belli olmaz. Küçük alanda bu daha da kritik, çünkü 100 pixelin sınırı zaten belirsizdir. Açık ya da doygun bir zemin plakası, tek blokluk bir alanı tuvalde gerçekten bir nesne haline getirir — hangi rengin zeminden ne kadar ayrıştığını koyu zeminde renk seçimi yazısında sayıyla bulabilirsin.

Ne zaman kelime işaretini tamamen bırakmalı

Bazı markaların sembolü yoktur, sadece yazısı vardır. Bu durumda iki yolun var:

Bir: İlk harfi bir forma dönüştür. Harfi bir renkli kareye ya da daireye otur, kontrastı maksimuma çıkar. Tek harf, 10 × 10'un taşıyabileceği en fazla tipografidir.

İki: Alanı büyüt. 30 × 10 (300 pixel, haftada 300 dolar) aldığında yatayda 30 pixelin olur ve 7 pixellik harflerle kısa bir kelime gerçekten okunur. Marka adının okunması senin için pazarlık konusu değilse, tek blokta ısrar etmek yerine üç blok al. İki hafta 30 × 10 = 2 × 300 = 600 dolar; dört hafta 10 × 10 = 400 dolar. Aradaki 200 dolar, okunan bir isme ödenmiş makul bir fark.

Kararı şuradan ver: markanın sembolü insanların zihninde zaten varsa küçük alan yeter. Yoksa okunacak kadar yer kirala.

Kısa özet

Küçük alanda kazanan tasarım, en çok şeyi sığdıran değil; tek bir şeyi net gösteren tasarımdır. Yazıyı at, sembolü kalınlaştır, iki renge in, siluet testini geç, gerçek boyutta bak. Emin değilsen tek blokla bir hafta dene — 100 dolar, bir tasarım kararını gerçek ortamda sınamak için ucuz bir test.

Alanını seç ve boyutunu dene