M
Sıvı Cam liquid glassmarka dili (Apple)
bilinen diğer adları iOS 26 cam dili · Apple cam katmanı
"yeni iPhone'lardaki akışkan, ışığı kıran cam katmanlar" diyorsan → bunun adı liquid glass.
Liquid Glass, Apple'ın 2025'te tanıttığı sistem malzemesidir ve asıl yeniliği görünüş değil MİMARİDİR: arayüz iki katmana ayrılır — altta kaydırılan opak içerik, üstte yüzen kontrol ve gezinme katmanı. Cam yalnızca üstteki katmanın malzemesidir, yani dokunulabilir olanın işareti. Malzeme ışığı sadece bulanıklaştırmaz, kenarlarda mercek gibi kırar ve altından geçen içeriğe göre kendi tonunu açığa ya da koyuya kaydırır; dokunuşta esneyip birleşen akışkan bir hareketi vardır. Bu yüzden CSS ile yapılan taklitleri genelde eksik kalır: kırılma ve uyarlanabilir tonlama sistemden gelir.
Kapsam: Bu madde Apple'ın sistem dilini kapsar. Aynı camsı görünüşün herhangi bir yüzeye — içerik kartına, panele — dekoratif olarak giydirilmesi Cam Efekti maddesindedir. Ayrım kozmetik değil yapısaldır: burada cam bir katmandır, orada bir deri.
- “yeni iPhone'lardaki akışkan cam katmanlar”
- “ışığı kıran, altındakine göre renk değiştiren cam çubuk”
- “içeriğin üstünde yüzen cam sekme çubuğu”
- “iOS 26'daki o cam görünüm”
- “dokununca esneyen sıvı gibi cam butonlar”
…hepsinde kastettiğin şey liquid glass.
Cam yalnızca kontrollerde: altta kaydırılan liste opak, üstte yüzen çubuklar cam. Çubuk listenin üstünden geçerken tonunu altındakine göre değiştiriyor — Apple'ın 'cam üstüne cam koyma' uyarısının sebebi de bu: iki cam üst üste gelince hangisinin dokunulabilir olduğu kaybolur.
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
Camlaşan şey içerik değil, içeriğin üstünde yüzen sekme çubuğu, araç çubuğu ve düğmelerdir. İçerik kartını camlaştırdığın anda dil glassmorphism'e döner.
Apple iç içe cam katmanlardan açıkça kaçınmayı söylüyor; sistem iç içe camı canlı dolguya çeviriyor. Glassmorphism'de imza olan şey burada hatadır — iki dilin en keskin ayrıldığı nokta budur.
Kaydırılan katmana cam koyarsan yüzen kontrol katmanıyla çakışır ve hiyerarşi çöker. Cam, neyin dokunulabilir olduğunu söyleyen işarettir.
Kenarlarda mercek gibi bir kırılma olur: altındaki içerik camın kenarı boyunca hafifçe eğilir. Yalnız blur uygularsan elde ettiğin şey buzlu camdır, sıvı cam değil.
Malzeme üstünden geçtiği içeriğe göre açık ya da koyu tarafa kayar; aynı düğme koyu bir fotoğrafın üstünde başka, beyaz listede başka görünür. Sabit renkli yarı saydam kutu bu değildir.
Kırılmanın görülebilmesi için altta yeterli ton farkı gerekir; örneklerin çoğunda zemin koyudur ama koyu olması şart değildir.
Düğmeler ve çubuklar tam yuvarlatılmış kapsüle yaklaşır. Kenar boyunca ince parlak bir çizgi camın kalınlığını gösterir.
Öğeler basınca esner, birbirine değince birleşir ve ayrılınca dağılır; hareket katı bir levhadan çok ağır bir sıvıya benzer. Bu davranış yoksa görünüm taklit kalır.
Cam Efekti değil. Bu Liquid Glass'tır çünkü cam, içeriğin üstünde yüzen KONTROL katmanına ayrılmıştır ve ışığı bükerek altındakine göre kendi tonunu değiştirir. Glassmorphism olurdu eğer cam herhangi bir yüzeye — içerik kartına, panele — dekoratif bir deri gibi giydirilseydi. Ayrım pratikte şuradan test edilir: cam üstüne cam koymak glassmorphism'de imzadır, burada sistemin kaçınmanı söylediği hatadır.
Frutiger Aero değil. Bu Liquid Glass'tır çünkü malzeme SAYDAMDIR: altından geçen içeriği kırarak gösterir ve ona göre tonunu değiştirir. Frutiger Aero olurdu eğer parlaklık opak bir yüzeyin kendi cilasından gelseydi — orada ışıltı yüzeyin üstündedir, altında bir şey yoktur. İkisi de 'camsı' görünür; ayrım, arkasında gerçekten bir şey olup olmadığıdır.
Tam sayfa örneğini gez →baştan sona landing; şeritten stil atlayabilirsin
⚠ Blur maliyetlidir; katman sayısını sınırla, düşük cihazlarda fallback ver.
Yukarıdaki brief çerçeve-bağımsızdır; bunlar stack'in uyuyorsa somut tutamaklar.
- SwiftUI
.glassEffect()Platformun kendi malzemesi: uyarlanabilir tonlama ve erişilebilirlik davranışı hazır gelir.
- Info.plist
UIDesignRequiresCompatibility = YESGeçişi geciktirme anahtarı; hazır olmadan yeni görünüme düşmemek için.
- CSS
/* web'de tam karşılığı YOK: backdrop-filter bulanıklaştırır ama kırmaz */Web'de yapılan şey en iyi ihtimalle glassmorphism olur; farkı bilerek yaz.
- Kontrol katmanının altından her türlü içerik geçebildiği için kontrast öngörülemez. Sistemin kendi malzemelerini kullan, elle rgba değeri uydurma — uyarlanabilir tonlama sistemden gelir, senin sabit değerinden gelmez.
- Akışkan esneme ve birleşme animasyonları reduced-motion açıkken sadeleşmeli; hareket bu dilin karakteri olsa da erişilebilirlik tercihini ezmez.
- Kullanıcı saydamlığı azalt dediğinde malzeme opaklaşmalı. Platformun malzemesini kullanırsan bu davranış hazır gelir; kendi elle yaptığın camda gelmez, yazmak zorundasın.
- Kapsül kontrollerde dokunma hedefi görsel kenarla aynı olmayabilir; 44pt'lik minimum hedef boyutunu koru.
| ✅ Kullan | Premium/Apple-vari ürünler, medya oynatıcılar, gece-modu ağırlıklı uygulamalar. |
| ⛔ Kaçın | Aydınlık-kurumsal bağlam; metin yoğun ekranlar. |
iOS 26 'Liquid Glass' dili
visionOS pencereleri
premium müzik uygulamaları
Marka dili. Adı da tanımı da sahibinin: Apple malzemeyi WWDC25'te tanıttı ve kendi geliştirici dokümanında tanımladı. Sektörün ortak terimi değildir — başka bir üründe 'liquid glass' demek Apple'ın malzemesine atıf yapmaktır.
9 Haziran 2025'te WWDC25'te tanıtıldı ve iOS 26 kuşağının sistem dili oldu. Apple malzemeyi 'ışığı büken ve şekillendiren, dokunuşa akışkan biçimde yanıt veren dijital meta-malzeme' diye tanımlıyor. Asıl yenilik görünüm değil MİMARİ: arayüz iki katmana ayrıldı — altta kaydırılan içerik katmanı, üstte yüzen kontrol ve gezinme katmanı. Cam artık bir süs değil, dokunulan şeylerin malzemesi. Xcode 26 ile yeniden derlenen uygulamalarda sekme çubuğu ve araç çubuğu gibi bileşenler bu görünümü kendiliğinden alıyor.
- birincilApple — Liquid Glass (Technology Overviews) ↗
Malzemenin sahibi tarafından yapılmış tanımı ve katman mimarisi.
- birincilApple — Adopting Liquid Glass ↗
Uygulamaya nasıl geçirileceği; hangi bileşenlerin otomatik dönüştüğü burada yazılı.
- birincilApple HIG — Materials ↗
Malzeme kullanım kuralları; iç içe cam katmandan kaçınma uyarısı buradan gelir.
- birincilWWDC25 — Meet Liquid Glass (oturum 219) ↗
Tanıtım oturumu; ışığın bükülmesi ve akışkan davranış burada gösteriliyor.
Cam Efekti glassmorphismFrutiger Aero frutiger aeroGerçekçi Taklit skeuomorphism