PuTTY araçlarının ikon grafikleri
(chiark.greenend.org.uk)- PuTTY ikonu, 1990’ların sonu ile 2000’lerin başında oluşturulan eski tarzı koruyarak, ekran boyutları ve platform gereksinimlerindeki değişimlere uyum sağlamak için birkaç kez yeniden render edildi
- İlk sürüm, MSVC ikon düzenleyicisinde piksel piksel çizilmiş 32×32 bir görüntüydü; Windows’un önerdiği 16 renkli palet ve siyah-beyaz ikonlar gibi dönemin kısıtlarını yansıtıyordu
- İki bilgisayar ve şimşek, belge, şapka, anahtar, İngiliz anahtarı gibi öğeler hem her aracın rolünü ayırt etmeye hem de bunların PuTTY ürün ailesi gibi görünmesini sağlamaya yarıyordu
- 2007 civarında Windows’un 48×48 ikon göstermesi nedeniyle 32×32 büyütme kalitesi kötüleşince, 48×48, 32×32, 16×16 ve siyah-beyaz sürümler script ile otomatik üretilmeye başlandı
- Daha sonra büyük boyutlarda bitmap script’inin sınırlarını aşmak için bir SVG üretim script’i yazıldı; ancak küçük ikonlarda eski script daha iyi sonuç veriyor
PuTTY ikonunun başlangıç noktası
- Mart 2025’te, PuTTY Windows çalıştırılabilir dosyasının ikonu olan “logo”nun kökeni ve değişim sürecini soran bir e-posta, konunun derlenmesine vesile oldu
- Mevcut ikon tasarımının iskeleti 1990’ların sonu ve 2000’lerin başında oluşturuldu ve sonrasında da büyük bir stil değişikliği olmadan korundu
- Zaman içinde ikonların çeşitli kısıtlar altında yeniden render edilmesi gerekti; bu hem bir grafik tasarım meselesi hem de teknik bir meseleydi
Piksellerin elle yerleştirildiği dönem
- Başlarda farklı boyutlarda ikonlara ihtiyaç olacağı öngörülmediği için, otomasyon olmadan doğrudan MSVC ikon düzenleyicisinde çizildi
- Windows GUI programları ikonsuz olduğunda ayırt edilebilirliği düştüğünden, PuTTY’nin ilk dönemlerinden itibaren ayrı bir ikona ihtiyaç vardı
-
PuTTY’nin kendisi
- Günümüze kalan en eski PuTTY ikonu 1999 başlarında kullanılan sürümdür; projenin başladığı 1996 yazına kadar uzanan kaynak yönetimi geçmişi ise korunmamıştır
- İkon 32×32 pikseldir ve ana renkler ile gri tonlarından oluşan sınırlı bir palet kullanır
- 1990’ların ortasında truecolour olmayan ekranlar yaygındı ve Windows ikonları için sabit 16 renkli palet kullanılması öneriliyordu
- Amaç, GUI’deki tüm ikonların aynı 16 palet girdisini yeniden kullanarak ekran renk kaynaklarını daha az tüketmesini sağlamaktı
- Dönemin önerilerine uygun olarak siyah-beyaz sürüm de sunuldu
- Win95 sonrasında siyah-beyaz bir ekranda gerçekten gördüğümü hatırlamasam da, bunun Windows 3.1’de 32 bit program çalıştırmayı denemeyi sağlayan Win32s ile ilişkili olması mümkün
- Tasarım, 1990’larda yaygın olan CRT monitör ve sistem kasası biçimindeki iki bilgisayarın bir şimşekle bağlanmış halidir
- Şimşek, elektriksel iletişimi ima eder
- Sarı şimşek ve mavi ekranın neden kullanıldığına dair net bir kayıt yok
- Mavi ekran, Windows Blue Screen of Death anlamına gelmiyordu; çünkü tipik PuTTY kullanımında taraflardan yalnızca biri Windows’tur ve iki taraftan hiçbiri çökmüş durumda değildir
-
PSCP ve PSFTP
- 1999’da bir katkıcı SCP implementasyonu gönderince PSCP ortaya çıktı ve bunun için ayrı bir ikon da çizildi
- PSCP komut satırı argümanları olmadan kullanılamadığından, GUI’den çalıştırmak veya Start Menu’de ayırt etmek için güçlü bir pratik ihtiyaç yoktu
- PSCP ikonu, PuTTY ikonundaki bilgisayarlardan birini belge ile değiştirip kalan bilgisayar ile belgeyi şimşekle bağlayan bir tasarımdır
- Daha sonra dosya aktarım aracı PSFTP de aynı ikonu yeniden kullandı
- PSFTP, komut satırı argümanı olmadan çalıştırılsa bile etkileşimli prompt’ta bağlantı hedefinin girilmesine izin verdiği için, aynı ikonu PSCP’ye göre daha pratik biçimde kullanır
- İki aracın aynı ikonu kullanması Explorer’da ayırt ederken dikkat gerektirir; ancak farkı görsel olarak ifade etmenin kolay bir yolu bulunamadı
-
Pageant
- Pageant bir SSH agent’tır; başlangıçta ikon olarak gizli ajan yüzü çizilmeye çalışıldı
- Yüz ifadesi başarısız oldu, ancak tatmin edici çizilen geniş kenarlı şapka PuTTY bilgisayarının üstüne konmuş haliyle kaldı
- Aynı bilgisayar tasarımının yeniden kullanılması ürün ailesiyle görsel uyum sağladı ve Pageant’ın agent’ının insan değil bilgisayarlaştırılmış bir agent olması fikrine de uydu
- Pageant’ın ilk ikonunda siyah-beyaz sürüm yoktu; bunun yerine System Tray’e girecek 16×16 küçük ikon gerekiyordu
- Windows 32×32 ikonu küçülttüğünde kalite iyi olmadığı için, küçük boyutta şapka bandı ve monitör hatları elle antialiasing ile düzenlendi
- Dış çizgi, arka plandan ayrılması için siyah bırakıldı
-
PuTTYgen
- PuTTYgen ikonu bilgisayar, şimşek ve anahtarı birleştiren bir tasarımdır
- Anahtar, kriptografik anahtarlar üreten ve yöneten bir araç olduğunu gösteren zayıf bir görsel kelime oyunudur
- PuTTYgen ağ iletişimi yapmadığı için şimşek işlevsel olarak doğru değildir; ancak PuTTY ürün ailesi aracı olduğuna dair görsel tutarlılık sağlamak için eklenmiştir
- PSCP’den farklı olarak bilgisayar ile nesnenin yerleşim yönü ters olduğu için iki ikonu ayırt etmek kolaylaşır
-
Ayarlar iletişim penceresi
- PuTTY ayarlar iletişim penceresinin taskbar öğesi varsayılan Windows pencere ikonunu kullanıyordu ve bu görünüm hoş değildi
- Ana ikonu aynen yeniden kullanmak yerine, yapılandırma/düzenlemeyi temsil eden büyük bir İngiliz anahtarı bindirilmiş ikon çizildi
- Bu ikonda yine siyah-beyaz sürüm yer aldı; bunun nedeni mevcut siyah-beyaz sürümü olan bir ikonun değiştirilmiş olması olabilir
Script ile yeniden çizilen ikonlar
- 2007 civarında 32×32 ikonun kötü göründüğüne dair şikâyetler ortaya çıktı
- Ekranlar büyüyüp Windows varsayılan olarak 48×48 ikon göstermeye başlayınca, yalnızca 32×32 ikona sahip uygulama ikonları büyütülmüş görünüyordu
- 48, 32’nin katı olmadığından Windows ikonu eşit olmayan biçimde büyütüyor ve sonuç daha kötü oluyordu
- Yeni ikon setinin tamamını elle yeniden çizmek yerine, her ikon bileşenini programla çizen bir üretim script’i yazıldı
- Bu script ile tüm araçlar için 48×48, 32×32 ve 16×16 ikonlar otomatik üretildi
- Yalnızca bazı ikonlarda küçük sürüm veya siyah-beyaz sürüm bulunması gibi tutarsızlık ortadan kalktı
- Tüm ikonlar tüm sürümlere sahip oldu
- En zor kısım 16×16 ikonlardı
- Pageant’ta elle uygulanmış antialiasing kararlarının kodda yeniden üretilmesi gerekiyordu
- Aynı yöntemin tüm grafik bileşenlerine uygulanması gerekiyordu
- Script sonuçları, orijinal elle çizilmiş sürümlerle tamamen aynı değildir
- PuTTY ikonu yalnızca birkaç piksel farklı olan yakın bir sonuçtu
- Pageant ikonunda yalnızca şapka bandı antialiasing’i değil, bilgisayar boyutu da değişti
- Script siyah-beyaz ikonları da üretebilecek şekilde yapıldı
- 2007’de siyah-beyaz ekranda Windows kullanımı muhtemelen çok daha nadirdi
- Otomasyon sayesinde 48 piksellik siyah-beyaz ikonlar bile üretilebildi
pterm ve X11 ikonları
- 2002’de PuTTY kodunun büyük bölümü Linux’a port edildi; Linux için GUI PuTTY ve X11 terminal emülatörü pterm oluşturuldu
- X11 programları, pencere özelliklerine ikon bitmap’i ayarlayabilir
- Pencere yöneticisi bunu küçültme ikonu, taskbar öğesi veya pencere çerçevesindeki ikon gibi kullanabilir
- 2002’de GTK 1’in pencere ikonu ayarlamayı desteklemediği düşünülüyordu ve birden fazla bitmap dosya biçimi sağlamak da zahmetli olduğundan ikon yapılmadı
- Üretim script’i ortaya çıktıktan sonra birden fazla dosya biçiminde çıktı almak kolaylaştı ve GTK 1’in de ikon özelliğini ayarlayabildiği öğrenildi
- pterm ikonu, ağ iletişimi yapmadığı için şimşek olmadan yalnızca tek bir bilgisayarın büyük çizildiği biçimdedir
- pterm ayarlar iletişim penceresinde, PuTTY ayarları ikonundaki gibi İngiliz anahtarı bindirmesi yeniden kullanılır
- 2021’de Windows üzerinde çalışan pterm oluşturmak mümkün hale geldi ve bu ikon Windows pterm’de de kullanılmaya başlandı
Kurulum programı ikonu ve renk işleme
- Üretim script’i true colour ikonlar da üretebildiği için artık mevcut 16 renkli palete bağlı kalınmadı
- PuTTY kurulum programı ikonunda açık bir karton kutu ve bilgisayara doğru çıkan bir şimşek yer alır
- “PuTTY kutudan kullanıcının makinesine fırlıyor” imgesi hedeflenmiştir
- Karton kutu için kahverengi gerekiyordu, ancak kahverengi mevcut Windows 16 renkli ikon paletinde yoktu
- True-colour ikonda gerçek kahverengi kullanılabildi
- Yine de geriye dönük uyumluluk için 16 renkli ikon korundu
- Koyu kırmızı
#800000, siyah#000000, koyu sarı#808000ve sarı#ffff00ile ayrı ayrı 50:50 karıştırılarak kahverengiye yakın üç renk oluşturuldu - True-colour’da ortalama renk kullanıldı; 16 renkli sürümde ise iki palet rengi pikseli sırayla yerleştirilen halftone ile ifade edildi
- Koyu kırmızı
SVG ile yeniden yapılan ikon seti
- Mevcut ikon script’i 32×32 ve 48×48’de iyi çalışır, 16×16 küçültmesi de fena değildir; ancak daha büyük ölçeklere çıkarıldığında kalite iyi olmaz
- Başarısız bir Mac port denemesi sırasında MacOS dock için 128×128 ikon gerekiyordu ve mevcut script’in bu boyuttaki çıktısı tatmin edici değildi
- Mac portu fiilen terk edilmiş olsa da, tamamen ölçeklenebilir ikonlar başka amaçlarla da yararlı olabilir
- GUI ikonları dışındaki bağlamlarda da kullanılabilir
- Tişört veya dizüstü bilgisayar etiketi gibi kullanım alanları da mümkündür
- İkinci ikon üretim script’i, mevcut script’in düşünce yapısını taklit eder; ancak bitmap yerine SVG dosyası üretir
- Mevcut SVG sürümü PuTTY, PuTTY ayarları, pterm, pterm ayarları, PSCP, Pageant, PuTTYgen ve kurulum programı olmak üzere 8 ikondan oluşur
- Küçük ikonlarda SVG antialiasing kararlarını bilemediği için mevcut script daha iyi render üretir
- Büyük ikonlarda, özellikle true colour büyük bitmap gerektiğinde SVG temel alınarak render edilmesi önerilir
Eski tarzın korunma nedeni
- PuTTY ikon setinin mevcut durumu, 1990’lar tarzını koruyup çeşitli render yöntemleri eklenmiş bir biçimdir
- Genel 1990’lar tarzına karşı çıkıp yeni tasarım setleri önerenler oldu; ancak benimsenmeye değer derecede beğenilen bir öneri çıkmadı
- 1990’lar tarzı, PuTTY’nin güven verecek kadar eski tarz görünmesini sağlayan bir unsur olarak kabul ediliyor
- Büyük bir yeniden tasarımın gerçekten kabul edilme olasılığı düşük görünüyor; projenin ömrü boyunca mevcut ikonların veya neredeyse aynı biçimlerin korunması bekleniyor
1 yorum
Hacker News yorumları
Şimşeğin sarı olmasının tuhaf olduğu kısmında bir an duraksadım; bana sarı, “elbette” doğru renkmiş gibi geliyor.
Görsel araması yapsanız da sarı şimşek elektriği temsil eden en yaygın sembol ve standart siyah-sarı tehlike işaretleri de akla geliyor.
Bu ifadenin tarihsel olarak ne kadar eski olduğunu ve nereden çıktığını bilmiyorum ama çizgi romanlarda ve karikatürlerde uzun zamandır yaygın biçimde kullanılıyor gibi.
Birleşik Krallık’taki elektrik çarpmasıyla ölüm tehlikesi işareti de siyah zemin üzerine değil, sarı zemin üzerine siyahtır: https://www.hse.gov.uk/electricity/nearelectric.htm#signs
Yine de şimşek görselleri arandığında kraliyet mavisi üstünde turkuaz, mor, kırmızı gibi epey seçenek de görünüyor.
Muhtemelen 90’ların sonlarında bu tür renk seçimleri tamamen doğal geliyordu ve Windows tasarım teamüllerini izliyordu; o zamanlar üzerinde pek düşünülmediğini unutmuş gibi.
Sarı uzun zamandır yüksek görünürlüklü bir renk olarak tercih ediliyordu; endüstriyel ekipman gövdelerinde de elektrik çarpması riskini dilden bağımsız biçimde açıkça anlatan bir piktogram olarak iyi görünmüş olmalı.
Sonuçta sarı şimşek, “hep böyle yapılmış” türü bir alışkanlıkla korunmuş gibi.
PuTTY’nin çekici yanlarından biri de tam bu nokta. PuTTY’ye benzeyen uygulamalarda insana güven veren bir şey var.
Eski görünümün değişmemesinden gelen bir istikrar hissi mi verdiğini, yoksa işletim sisteminin varsayılan öğelerini kullandığı için daha tutarlı mı göründüğünü bilmiyorum.
Tersine, “modern” estetikteki uygulamalarda Material Design, yuvarlatılmış köşeler, geçiş efektleri, düşük kontrast ve büyük boşluklar arttıkça güvensizlik ve şüphe de artıyor.
Psikolojik analiz yapmaya ehil değilim ama PuTTY tarzı tasarımı seven bir kitlenin olması, bu yorumun pek de nadir olmadığını düşündürüyor.
Böyle görünüyor diye mutlaka hızlı olacağı garanti değil; başka yerlerde zaman harcıyor ya da o görünümü özenle taklit ediyor olabilir. Ama eski Notepad gibi anında tepki veren gerçek şey olma ihtimali de var.
O “dosyayı dümdüz bir metin kontrolüne koyan ve
\rolmayan\ngibi şeyleri umursamayan” Notepad’i özlüyorum. Kendisi değilmiş gibi davranmayan, tam olarak kendi işini yapan bir programdı.Eskiden Notepad’in assembly ile yeniden uygulanmış bir sürümünü gördüğümü hatırlıyorum; dosya erişimini metin kontrolüne bağlayan yapıştırıcı kod ekranın yarısı kadardı ve belki
ctrl+hmenüsüyle iletişim kutusu bile vardı.Python’ın övündüğü yapıştırıcı koda benziyordu ama saf assembly idi; dosya erişim DLL’i ve asgari standart kontrol seti dışında bağımlılığı yoktu.
Artık her şey büyük “modern Windows” widget’larını kullanıyor ya da daha kötüsü Electron kullanıyor.
Bu bir düğme de olabilir, metin kutusu da olabilir, sadece bir dikdörtgen de olabilir.
“İstediğim simgeyi çizene kadar beklersem Pageant’ın hiç yayımlanmayacağını fark ettim” cümlesi içime işledi.
El atmak istediğim projelerin önemli bir kısmı bu tür kendi kendine yaratılmış engellerde durup kalıyor.
Kişisel olarak en tipik olanı, depo adını ya da üst düzey klasör adını belirlerken takılıp kalmam.
Hacker kültüründe proje yönetimi her zaman israfmış gibi küçümsenir ama bir projeyi ileri taşımayı sağlayacak yolu bulmak değerli bir roldür.
Depo, değişken, struct adı gibi şeyleri nedense pek iyi seçemiyorum.
Sonunda ilk yapmak istediğimden çok daha basit ama daha anlamlı bir logo ortaya çıktı.
Ekranı neden mavi seçtiğini hatırlamadığını söylemiş ama Win 3.x ve Win95 simgelerinde ekranı göstermek için mavi standart bir renkti; sanırım sadece o geleneği izlemiş.
EDIT.COMve MS-DOS kurulum programı da mavi arka plan kullanıyordu.Gerçekten de mavi, yani CGA renk 1, birçok araçta arka plan rengi olarak çok popülerdi.
Turbo Pascal, Turbo C gibi şeylerde mavi arka plan üzerine beyaz yazı yaygın bir renk temasıydı; Borland dBase ise çeşitli ekranlarda mavi ve turkuaz arka planları karıştırarak kullanıyordu.
O dönemde kullanılabilen renkler sınırlı olduğu için mavi, gözü yormayan az sayıdaki arka plan renginden biriydi.
Windows 3.1, 95, 98 gibi sürümlerde de bilgisayarı temsil eden simgelerde ekran rengi olarak mavinin kullanıldığını hatırlıyorum.
“Ağ Komşuları” gibi iki bilgisayarlı simgelerde ekranlardan biri mavi, diğeri turkuazdı.
Aynı simge olup olmadığını kontrol etmek için yakınlaştırmam gerekti.
Aklıma anılar geldi. 2000 civarında PuTTY’yi fork’layıp “RedBrick PuTTy” adlı bir sürüm yapmıştım; redbrick.dcu.ie’ye tek tıkla SSH bağlantısı kuran bir düğme eklemiştim
redbrick.dcu.ie, Dublin City University Networking Society’nin terminal sunucusuydu; o sırada sistem yöneticisi mi yoksa webmaster mıydım hatırlamıyorum
Ama logoyu elle düzenleyip içine kırmızı tuğla koyduğumu hatırlıyorum
Bu görselde zar zor görülebiliyor: https://wiki.redbrick.dcu.ie/images/b/b8/Putty_configuration...
Bu küçük ve aptal fork sayesinde Telnet yerine SSH kullanımı yaklaşık %5’ten fiilen %100’e çıktı
Bunu mümkün kılan lisansı kullanan Simon’a teşekkürler
“Her ikon görselinin tüm bileşenlerini programatik olarak çizen kod yazdım” kısmı, Simon’ın problemlere yaklaşımını çok iyi gösteren bir örnek
2000’lerde Simon’la epey zaman geçirip her tür konuda çok şey öğrenme fırsatım oldu; bu yaklaşım gerçekten ona çok özgü geliyor
O dönemde Windows’ta varsayılan ikon gösteriminin 32×32 değil 48×48 olması, MacOS’un da Dock’ta 128×128 ikon istemesi aklıma geldi
O yıllarda Windows’tan Mac OS X’e geçmemin en yüzeysel ama aynı zamanda en güçlü nedenlerinden biri tam da 128×128 ikonlardı
Finder’da ya da Dock’ta uygulamaların giriş noktası olan ikonlar çok daha çekici ve içgüdüsel olarak daha güzel görünüyordu
Özellikle Windows uygulama ikonları, Mac uygulamalarına göre çoğu zaman daha az renk kullanıyordu
Elbette geçişimin birden fazla nedeni vardı, ama Mac masaüstünü ilk gördüğümde ikonlar yeterince güçlü bir izlenim bırakıp daha yakından bakmamı sağlamıştı
Düzgün ikon yapmaya pek kimse özen göstermiyor gibiydi
Varsayılan boyut 48×48’e değiştiği hâlde ikonlarını güncellemedikleri için büyütme yüzünden bulanıklaşanlar da vardı; tüm boyutları koymuş olsalar bile yalnızca büyük boyutta iyi görünen bir görseli küçültenler de vardı
Böyle olunca normal ikon boyutlarında tüm detaylar birbirine girip berbat görünüyordu
Masaüstünde ya da görev çubuğunda çirkin ikonlar görmek istemediğim için kendi özel ikonlarımı yapar, bir kaynak düzenleyiciyle çalıştırılabilir dosyanın içindeki ikonları değiştirirdim
Bitmap’ten SVG’ye geçerken bir şeyler kayboluyor
Bitmap’in kaba grenliliğinin kendine özgü bir çekiciliği var
Bire bir aktarıp iyi sonuç bekleyemezsiniz. Üstelik gerçekte de bire bir değil; SVG’de dış çizgiler çok daha incelmiş
Düşük çözünürlüklü çizimlerde hayal gücü boşlukları doldurur
Çözünürlük arttıkça gereken kalite de artar. Vektör art tanımı gereği sonsuz çözünürlüktedir çünkü
“Agent” şapka ikonunun, Windows için en popüler Usenet yazılımı olduğunu düşündüğüm Forté Agent’tan esinlenmiş olabileceğini sanıyorum
Çok benzer bir motif kullanmıştı: https://archive.org/details/forte-agent-1.6
Böyle bir tarihi, onu yaratan kişiden doğrudan okumak güzel
Modern uyarlama olan 2014 sürümünde de aynı yerde film noir dedektifi var ve uygulama ikonu hâlâ şapkalı bir kadın: https://youtu.be/h-_UNm_gycU?t=94
Bunu belgeleyen resmi bir bağlantı bilmiyorum, ama https://www.google.com/search?q=spy+vs+spy&udm=2 görsel araması yaparsanız bu şapkaya ilham vermiş çok sayıda görsel görebilirsiniz