Yuvarlatılmış Köşeli Dikdörtgenler Her Yerde

 (folklore.org)
1 puan yazan GN⁺ 2024-06-25 | 1 yorum | WhatsApp'ta paylaş
  • Macintosh için QuickDraw henüz LisaGraf diye anılırken, Bill Atkinson hızlı çember ve elips rutinleri geliştirdi; Steve Jobs ise bunun arayüz için daha kullanışlı bir biçime genişletilmesini istedi
  • O dönemde 68000 işlemcisi kayan nokta desteğine sahip değildi ve çarpma-bölme de yavaştı; bu yüzden Bill, çember hesaplarını yalnızca toplama ve çıkarma ile yapan bir yöntem seçti
  • Elips demosu son derece hızlıydı, ancak Steve, “yuvarlatılmış köşeli dikdörtgenler her yerde” diyerek odanın içinde ve dışında gerçek örnekler gösterip Bill’i ikna etti
  • Başta bunu gereksiz ve zor bulan Bill de yuvarlatılmış köşeli trafik tabelasını gördükten sonra uygulama zorluğunu yeniden değerlendirmeye karar verdi
  • Ertesi gün ortaya çıkan demo, normal dikdörtgenlere yakın hızda çalıştı ve RoundRects daha sonra Macintosh arayüzünün vazgeçilmez grafik öğelerinden biri oldu

Hızlı elips rutinlerinden doğan talep

  • Bill Atkinson çoğunlukla evden çalışıyordu, ancak anlamlı bir ilerleme olduğunda Apple’ın Macintosh ofisinin bulunduğu Texaco Towers’a koşup gösterirdi
  • Bu ziyaretin amacı, yeni geliştirdiği oval routines demosunu sergilemekti ve o sırada QuickDraw hâlâ LisaGraf diye anılıyordu
  • Bill, çember ve elipsleri çok hızlı çizen kod eklemişti ve Lisa ekranını rastgele boyutlardaki elipslerle doldurarak gösterdi

68000’in kısıtları ve hesaplama yöntemi

  • Macintosh’ta çemberleri hızlı çizmek, dönemin donanım kısıtları nedeniyle kolay değildi
    • Çember hesapları genellikle karekök gerektirir
    • Lisa ve Macintosh’taki 68000 işlemcisi kayan nokta işlemlerini desteklemiyordu
    • 68000’de çarpma ve bölme de hızlı değildi
  • Bill, çarpma veya bölme kullanmadan yalnızca toplama ve çıkarma ile çalışan bir yaklaşım kullandı
  • Temel fikir, tek sayı dizilerinin toplamının bir sonraki tam kareyi vermesi özelliğiydi
    • Örnek: 1 + 3 = 4
    • Örnek: 1 + 3 + 5 = 9
    • Örnek: 1 + 3 + 5 + 7 = 16
  • Bu özellikten yararlanarak eşik aşılana kadar döngü çalıştırdı ve bağımlı koordinat değerinin ne zaman artırılacağına karar verdi; böylece QuickDraw elipsleri çok hızlı çizebildi

Steve Jobs’un yuvarlatılmış dikdörtgen talebi

  • Bill’in demosu beklenenden çok daha hızlı çalışınca Steve Jobs, çember ve elipslerin yanı sıra yuvarlatılmış köşeli dikdörtgenler de çizilip çizilemeyeceğini sordu
  • Bill, bunu gerçekleştirecek bir yöntemi olmadığını, çok zor olacağını ve aslında buna ihtiyaç da bulunmadığını söyledi
  • Steve ise “yuvarlatılmış köşeli dikdörtgenler her yerde” diyerek odadaki örnekleri hemen işaret etti
    • beyaz tahta
    • bazı çalışma masaları ve masalar
  • Pencerenin dışında da neredeyse nereye bakılırsa daha fazla örnek görülebileceğini ekledi

Gerçek dünyadaki örnekler uygulamayı zorladı

  • Steve, Bill’i ikna edip bloğun etrafında kısa bir yürüyüşe çıkardı ve göze çarpan yuvarlatılmış köşeli dikdörtgenleri tek tek gösterdi
  • İkili, köşeleri yuvarlatılmış bir park yasağı tabelasının yanından geçince Bill fikrini değiştirdi
  • Bill, gerçekten düşündüğü kadar zor olup olmadığını kontrol edeceğini söyleyip eve dönerek çalıştı

RoundRects arayüzün temel öğesi oldu

  • Bill ertesi gün öğleden sonra Texaco Towers’a dönüp yeni demosunu gösterdi ve yuvarlatılmış köşeli dikdörtgenler güzel ve çok hızlı çiziliyordu
  • Hız, normal dikdörtgen çizim hızına neredeyse çok yakındı
  • Bill bu kodu LisaGraf’a eklerken yeni temel grafik öğesine RoundRects adını verdi
  • Sonraki birkaç ay içinde roundrects, kullanıcı arayüzünün çeşitli bölümlerine girdi ve kısa sürede vazgeçilmez bir öğe haline geldi

İlgili okumalar

1 yorum

 
GN⁺ 2024-06-25
Hacker News yorumları

  • Windows, 1.0’dan 3.11’e kadar düğmelerde yuvarlatılmış köşeler kullandı; sonra XP’nin temalı arayüzüne kadar keskin köşelere geçti, XP’de yeniden biraz yuvarlandı, 8’de tekrar köşeli oldu, 11’de yine yuvarlandı
    https://user-images.githubusercontent.com/7389110/64139289-3...
    Yine de ben hâlâ keskin köşeleri daha çok seviyorum

    • Bunların içinde Windows 2000 hâlâ en iyi görüneni. Yazı tipi kenar yumuşatma olmaması dışında
      Windows 10 da epey iyi iş çıkarmıştı ama özellikle ayarlar içinde dolaşırken birdenbire tamamen farklı UI paradigmalarının ortaya çıkıp birbirine karıştığı bir dünyaya girmişsiniz gibi olan keşmekeş sorun
    • Keskin köşeler tehlikeli. Öyle pencerelere fareyle yanlışlıkla dokunursanız kanayacakmışsınız gibi hissettiriyor
      Garip şekilde, Doğu Asya’da, muhtemelen Tibet etkisi olan bir otelde kalmıştım; odanın tüm köşelerinin yuvarlatılmış olduğunu hatırlıyorum. Sadece daha iyi ve rahat hissettirmişti. Batı’da bir ustayı çağırıp odadaki tüm köşeleri yuvarlatmak muazzam pahalı olurdu; alçıyla yapılabilir belki ama 10 yıldan fazla dayanması zor olur, yeniden satış değerini de artırmaz gibi
    • Bu görsel, düz GUI’ye geçerken ne kadar çok şey kaybettiğimizi ve düğmelerde gölgenin ne kadar önemli olduğunu açıkça gösteriyor
      Aynı zamanda yuvarlak köşe mi keskin köşe mi konusunu gerçekten zerre umursamadığımı da fark ettiriyor
    • Yıllar boyunca Windows temalarını görmek ilginç. Şahsen sıkıcı düz RGBCMYK tarzı renk paletlerindense titanyum ve çelik parçaları gibi görünen UI’ı tercih ederim. Adı zaten Glass’tı ve malzeme hissini aktarma niyeti vardı
      Geliştiriciler Solarized gibi tasarım renk paletlerine sahip olabiliyor; Microsoft’un neden kendi iradesini dayatıp herkesi aynı berbat maviye mahkûm ettiğini anlamıyorum. “Sarı fazla uyarı gibi, turuncu fazla belirsiz, kırmızı fazla öfkeli, mor fazla göze batıyor. Mavi güvenli” gibi kurumsal bir konuşmanın mutlaka yapılmış olduğu belli, o yüzden o maviden nefret ediyorum
    • Gerçekten iyi bir görsel. Bence XP en iyisi. Gri değil sarı olması bile büyük fark yaratıyor
      Modern widget’larda gölgelendirme olmamasından hoşlanmıyorum. Modern görünmeye çalıştığını anlıyorum ama sadece çok tembelce geliyor
      Windows Vista/7’den itibaren düğmelerin birden yaklaşık iki kat büyüdüğü ve her yerde boşluk ve padding oluştuğu da görülüyor. UI’ın israf ettiği alan giderek saçma derecede büyüyor

  • Bu hikâyeyi onlarca yıldır keyifle okuyorum ama şimdi en çok gözüme çarpan şey, Bill Atkinson’ın Macintosh’u yaparken evden çalışıyor olması

    • LSD alacaksan ofisten ziyade ev daha iyi olmaz mı?
      https://news.ycombinator.com/item?id=19238322
    • Doğru hatırlıyorsam rahatsız edilmemek için daha karmaşık işleri evde yapıyordu, ofiste de çalışıyordu. Sağlıklı bir iş bölümüydü

  • Apple’ın yuvarlatılmış dikdörtgenleri artık squircle değil mi?
    https://medium.com/minimal-notes/rounded-corners-in-the-appl...

  • İlgili yazılar:
    Round rectangles are everywhere - https://news.ycombinator.com/item?id=28679496 - Eylül 2021, 26 yorum
    History of Rounded Corners - https://news.ycombinator.com/item?id=7062706 - Ocak 2014, 1 yorum
    Steve Jobs and Rounded Corners - https://news.ycombinator.com/item?id=3096927 - Ekim 2011, 1 yorum
    The story of round rectangles - https://news.ycombinator.com/item?id=1636358 - Ağustos 2010, 77 yorum

  • Steve Jobs’ın zevkinin ne kadar iyi olduğu ve “liberal arts ile teknoloji” ifadesinde ne kadar samimi olduğu yeterince takdir edilmiyor

    • Önemli olduğuna katılıyorum ama yeterince takdir edilmediğini düşünmüyorum. Aksine çok yüksek değer görüyor
    • Asıl yeterince takdir edilmeyen kişi Bill Atkinson olabilir. Sonunda her şeyi geride bırakıp gitmesiyle bilinse de QuickDraw, MacPaint, HyperCard muazzam bir üçlü vuruş
    • Burada “yeterince takdir edilmiyor” ifadesinin tam doğru olduğundan emin değilim. O, fiilen teknoloji sektörü tarihinin en büyük tasarım ve inovasyon vizyonerlerinden biri olarak yüceltiliyor
      Yine de böyle anekdotlar çıktıkça yeniden şaşırdığıma katılıyorum. Dünyayı döndüren onca narsist arasında onu en olumlu hatırlayacak olanlardanım sanırım
    • Kız arkadaşı ve çocuğunun annesi Chrisann Brennan bir sanatçıydı. Bunların hepsi onun kitabında var

  • Sırf estetik nedenlerle eklenen yuvarlatılmış dikdörtgenlere bir örnek, eski Mac’in masaüstü penceresiydi. Önyükleme sırasında ekran açıldığında doğal olarak dikdörtgendi ama yazılımın ilk yaptığı işlerden biri köşelerini yuvarlatmaktı; başka bir yazılım tam ekrana geçene kadar da öyle kalırdı
    Windows’ta böyle bir şey yoktu ve açıkça “işe yaramaz” bir şeydi ama ben o detayı seviyordum

  • “Sonraki birkaç ay boyunca yuvarlatılmış dikdörtgenler kullanıcı arayüzünün çeşitli yerlerine sızdı ve kısa sürede vazgeçilmez hale geldi” kısmı, eninde sonunda bunun da diğer tasarımlar gibi sadece bir trend olduğunu gösteriyor. Sonra keskin köşelere ve düz tasarıma geçiliyor, ardından tekrar yuvarlatılmış köşelere dönülüyor, sonra yine köşeli hale geliyor, sonra yine geri dönüyor
    Bu cehennemî döngünün gözümüzün önünde yaşandığını görüyoruz. Yaklaşık bir yıl önce de Chrome’dan biri, büyük şirketlerde sıkça olduğu gibi “tasarımı yenileyelim” diye parlak bir fikir buldu; bir anda sekmeler yuvarlandı ve gezinme çubuğunun etrafında küçük yuvarlatılmış köşeler belirdi

    • Yuvarlatılmış köşeler aslında erişilebilirlik açısından epey önemli bir unsur ve tasarımda güçlü bir Gestalt aracıdır. Yuvarlatılmış dikdörtgenin kenar yarıçapı, öğenin sınırını ve iç-dış ayrımını tek bakışta ayırt etmeyi sağlar
      Eş merkezli olacak şekilde hizalanmış yuvarlatılmış köşeler, ebeveyn-çocuk ilişkisini de Gestalt açısından net biçimde aktarabilir
    • Modern web tasarımında değişmeyen tek şey, sürekli artan margin ve padding gibi görünüyor. Geri kalan her şey döngüsel
      Google dikdörtgen köşeleri tamamen yuvarlak hale getirdiğinde de margin ve padding’i daha da artırmıştı. Dokulu tasarım yeniden moda olursa, o zaman da margin ve padding’in daha da artacağını düşünüyorum

  • Tamamen dairesel pencereler oluşturan Mac OS ROM hack’i: https://web.archive.org/web/20201209143138/https://macgui.co...

    • Buradaki “hack”, yuvarlak pencereyi çizen kısım değil. Bu sadece işletim sistemi API’siyle yeni bir pencere şekli oluşturmaktan ibaret
      Hack olan kısım, o kodu Finder’a enjekte etmek. Yöntemlerden biri WDEF’i bir disketin Desktop dosyasının içine kaydetmekti; o disketi takmak bile yeni pencere şeklini değiştirmeye yetiyordu
      Finder, disketin dosya bilgilerini almak için o dosyanın resource fork’unu açıp açık tutuyordu. Bir pencere açıldığında Finder, Resource Manager’dan “WDEF #0” istiyor; Resource Manager da bunu, daha doğrusu oymuş gibi davranan WDEF’i, Desktop dosyasının içinde buluyordu. O işletim sisteminde Truva atı yapmak pek zor değildi

  • Şu sıralar 3D baskı için model tasarlamayı öğreniyorum; yuvarlatılmış köşeler estetik olduğu kadar bir ihtiyaç meselesi de. Keskin köşeli nesneleri tutmak rahatsız edici, malzemeye bağlı olarak yaralanma riski de var. Hijyenik de değiller, tozu temizlemek de zor
    Öte yandan rastgele bir formda yuvarlatılmış köşeler üretmenin matematiği dağınık; baskı sırasında çoğu zaman destek gerekiyor, sonrasında da destekleri kaldırıp eğrileri zımparayla düzeltmek gibi son işlemler yapmak gerekiyor

  • Bill’in neden “Hayır, bunu yapmanın bir yolu yok. Aslında gerçekten zor olur” dediğini merak ediyorum. Onun elips optimizasyonunu çeyrek daireye uygulamak neden basit bir iş değildi?

    • Ben de birkaç yıl önce aynı soruyu sormuştum
      Muhtemelen yuvarlatılmış dikdörtgeni tek bir matematiksel formülle modellemeyi düşünüyordu. https://news.ycombinator.com/item?id=15073696
      Bu muhtemelen imkânsız olurdu. Çünkü yuvarlatılmış dikdörtgen sürekli değildir. Ama çeyrek daire parçalarını ve düz çizgi parçalarını ayrı ayrı işlemek yeterli olduğundan, zaten hiç gerekli olmayan bir yaklaşım
    • Andy’nin yazdığı gibi, Bill son derece etkileyici bir demo yapıyordu ve Steve’in bunu gerektiği gibi takdir etmemesine biraz içerlemiş olabilir
      Ayrıca soru birdenbire gelmişti ve kelimenin tam anlamıyla daha önce kimsenin yapmadığı bir şeydi
    • Tamamen yetkin insanların Jobs’ın etrafında böyle davrandığını görmek, onun neden öyle biri haline geldiğini anlamaya yardımcı oluyor
    • En yaygın durumda muhtemelen buna bile gerek olmazdı. Köşeleri yuvarlatan bir maskeyi hardcode edip saklamış olmaları büyük olasılık; bu çok daha hızlı olurdu