M
Gerçekçi Taklit skeuomorphismklasik dönem
bilinen diğer adları skeuomorfik tasarım · gerçekçi arayüz · gerçek dünya metaforu
"gerçek nesne gibi: deri ajanda, metal düğme" diyorsan → bunun adı skeuomorphism.
Skeuomorphism gerçek dünyanın malzemelerini ve nesnelerini dijital arayüze taşır: kontroller fiziksel bir şeyden yapılmış gibi çizilir — parlak plastik, fırçalanmış metal, deri, kâğıt — ve gerçeğinin ışığını, dokusunu ve davranış ipuçlarını taşır. Skeuomorfik bir arayüz kendini öğretir: yırtılabilir görünen bir sayfa çevrilmeyi, kabarık parlak bir düğme basılmayı davet eder. Erken iOS ve Mac OS X döneminde zirve yaptı, 2013 civarında büyük ölçüde düz tasarıma yerini bıraktı.
Kapsam: Bu madde GÖRSEL stili kapsar. Terimin etkileşim metaforu anlamı — dosya sürüklenen bir 'çöp kutusu' gibi — aynı fikrin daha üst düzeydeki hâlidir; bu sözlük piksellerle ilgilenir, metaforlarla değil. Yumuşak gölgeyle kabartma yapan ama hiçbir malzemeyi taklit etmeyen görünüş ise Yumuşak Kabartma maddesindedir.
- “gerçek deri defter gibi duran uygulama”
- “basılabilecekmiş gibi duran parlak fiziksel düğmeler”
- “dikişli, kâğıt dokulu eski iPhone uygulamaları”
- “gerçek hesap makinesine benzeyen hesap makinesi”
- “arayüzde ahşap ve metal gibi gerçekçi dokular”
…hepsinde kastettiğin şey skeuomorphism.
Ses yazılımı: skeuomorphism'in hâlâ yaşadığı yer. Fırçalanmış metal panel, vidalar, ışığı yukarıdan alan kadranlar. Burada taklit keyfî değil işlevsel — müzisyen bu aletin gerçeğini zaten biliyor, arayüz onu öğretmek zorunda kalmıyor.
Beşi de skeuomorfik, çünkü belirleyici olan renk ya da doku değil YÖNTEM: her yüzey adı konabilir bir malzemeyi taklit eder ve ışığı o malzemenin alacağı gibi alır. Deri mat kalır ve dikişini gösterir, metal yönlü çizik ve sert parlama taşır, keçe ışığı yutar. Bu yüzden palet 'değişken' sinyaldir — malzemeyi değiştirirsen renk de kendiliğinden değişir.
belirleyici bu olmadan stil o stil değildirdestekleyici sık görülür, şart değildeğişken serbest, değiştirebilirsinkaçın bu stille anılır ama ona ait değildir
Yüzeyler fiziksel bir maddeden yapılmış gibi görünür: deri, kâğıt, keten, fırçalanmış metal, keçe. Genelde görünür bir doku ya da damar taşırlar.
Işık almayan büyük tek renk alanlar illüzyonu kırar; oradan sonrası düz tasarımdır. Bu stilde her yüzeyin bir malzemesi olmalıdır.
Doku ve malzeme olmadan sadece yumuşak çift gölgeyle kabartma yapmak skeuomorphism değildir; o Yumuşak Kabartma'dır. Burada bir şeyin neye benzediği sorusunun cevabı olmalı.
Parlama, pah ve iç gölgeler tek bir ışık kaynağı ima eder: düğmeler dışa çıkar, girdi alanları içe çöker, kenarlar ışığı yakalar. Işık tutarlı değilse illüzyon dağılır.
Düğme ve çubuklarda dikey degrade ve üstte keskin bir parlama: basılabilir plastiğin jel görünüşü. Dönemin en çok kopyalanan ayrıntısıdır.
Arayüz, yerine geçtiği nesnenin kendisini resmeder: çizgili bir not defteri, sırtları görünen bir kitaplık, döndürülebilir bir kadran.
Dikiş, yırtık kâğıt kenarı, kabartma ya da gömme harf, perçin. Bunlar süs değil, 'gerçek' nesnenin nasıl üretildiğine dair izlerdir.
Renk, taklit edilen malzemeden türer — taba deri, gri keten, koyu ahşap. Bu yüzden neredeyse her palet skeuomorfik kalabilir; belirleyici olan renk değil malzemedir.
Yumuşak Kabartma değil. Bu skeuomorphism'dir çünkü yüzeyler ADI KONABİLİR gerçek malzemeleri taklit eder — deri, kâğıt, metal — ve zengin doku, tutarlı ışık ve nesne metaforu taşır. Neumorphism olurdu eğer bütün malzemeler ve dokular kaybolsaydı ve kontroller tek parça mat bir yüzeyden yalnızca yumuşak çift gölgeyle kabarsaydı. Kısa test: neye benzediğini söyleyebiliyor musun? Söyleyebiliyorsan skeuomorphism.
Frutiger Aero değil. Bu skeuomorphism'dir çünkü arayüzün kendisinde BELİRLİ bir fiziksel nesne ya da malzeme taklit edilir. Frutiger Aero olurdu eğer parlaklık kalıp malzeme tek bir nesneyi taklit etmek yerine camsı mavi-yeşil bir doğa-teknoloji havasına dönüşseydi — orada taklit edilen bir nesne değil, bir ruh hâli vardır.
Tam sayfa örneğini gez →baştan sona landing; şeritten stil atlayabilirsin
Yukarıdaki brief çerçeve-bağımsızdır; bunlar stack'in uyuyorsa somut tutamaklar.
- CSS
background: linear-gradient(180deg, #6fa8dc, #3d78b3); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 3px 5px rgba(0,0,0,.35); border: 1px solid #2c5a8a;Basılabilir düğme: üstten açık alttan koyu degrade + üst iç parlama + dış gölge.
- CSS
box-shadow: inset 0 2px 4px rgba(0,0,0,.25);İçe çöken alan (girdi): ışık yukarıdan geliyorsa oyuk üstte gölge alır.
- CSS
background-image: url(doku.png); /* + sıkıştır, arayüz onsuz da çalışsın */Doku taklidi ağır olur; sayfa ağırlığını ölç ve dokusuz hâlde de okunur bırak.
- Dokulu zemin üstündeki metnin kontrastı ORTALAMA renge göre değil, dokunun en yoğun ve en karmaşık bölgesine göre ölçülür. Ortalama yeşil ışık yakar, gerçek okuma kırılır.
- Dekoratif pah ve parlaklık tek başına basılı/basılmamış işareti olamaz; durumu renk ya da içerik değişikliğiyle de göster.
- Ağır doku görselleri sayfa ağırlığını şişirir. Sıkıştır ve arayüzün doku yüklenmediğinde de çalıştığından emin ol.
- Metaforun tanıdık olduğunu varsayma: kaset makarası ya da disket, bugünün kullanıcısının hiç görmediği bir nesne olabilir. Taklit ancak taklit edilen bilinirse öğretir.
| ✅ Kullan | Nostaljik/niş işler: müzik plugin'leri (VST), retro oyunlar, 'analog his' isteyen ürünler. |
| ⛔ Kaçın | Modern genel-amaçlı üründe eski görünür; üretim maliyeti (görsel detay) yüksektir. |
iOS 6 dönemi (deri takvim!)
GarageBand amfileri
bugünün VST plugin'leri
Yerleşmiş akım. Kelime arayüz dünyasından değil, tasarım ve arkeoloji literatüründen gelir: eski bir nesnenin izinin yeni nesnede süs olarak sürmesi. Tek bir kişinin ortaya attığı bir moda adı değil, bu yüzden 'kim buldu' sorusu burada işlemiyor; dönemi belirleyen şey ad değil, Apple'ın 2007-2012 arası uygulamasıydı.
Grafik arayüzün kendisi kadar eski: 1980'lerin masaüstü metaforu (dosya, klasör, çöp kutusu) zaten skeuomorfikti. Ama etiket genelde Apple'ın 2007-2012 dönemini işaret eder — deri dikişli takvim, keçe kaplı Game Center, makaralı teyp görünümlü Podcast uygulaması. Dönem 2013'te iOS 7'nin düz yeniden tasarımıyla kamuya kapandı. Bugün tamamen ölmedi: ses yazılımlarında (VST eklentileri, amfi simülatörleri) hâlâ standart, çünkü orada taklit edilen nesnenin kendisi kullanıcının zaten bildiği bir alet.
- birincilInternet Archive — Apple iOS 6 sayfası (2013 anlık görüntüsü) ↗
Dönemin kendi tanıtım sayfası: deri, keçe ve dikiş taklidinin platform sahibi tarafından nasıl sunulduğu.
- ikincilNielsen Norman Group — Skeuomorphism 101 ↗
Kavramın tanımı ve görsel/etkileşim anlamlarının ayrımı.
- ikincilNielsen Norman Group — Flat Design: Kökeni ve Sorunları ↗
Yerini alan akımın gözünden bu dönemin ne olduğu ve neden bırakıldığı.
- standartW3C — WCAG 2.2, Contrast (Minimum) ↗
Dokulu zemin üstündeki metnin ölçüsü; ortalama renge göre değil en yoğun bölgeye göre.
Yumuşak Kabartma neumorphismDüz Tasarım flat designY2K Estetiği Y2K digital aesthetic