Glassmorphism Kullanıcı Arayüzü Bileşen Kiti

{ "type": "Buzlu Cam UI Bileşen Vitrini", "style": "Üst düzey minimalist skeuomorfik arayüz kiti, buzlu yarı saydam beyaz akrilik, yumuşak gölgeler, hassas yansımalar, yuvarlak köşeler, saf beyaz arka plan, turkuaz ve turuncu vurgular, ultra rafine 3B ürün renderı, yukarıdan görünüm.", "palette": { "background": "Yumuşak açık gri-beyaz", "primary": "Koyu mavi-yeşil", "secondary": "Parlak turuncu", "material": "Saten plastik detaylı süt beyazı yarı saydam cam" }, "layout": { "composition": "Eşit olarak dağıtılmış yüzen UI widget'larına sahip tek bir tuval, temiz ve düzenli bir tasarım sistemi demosunu sunar.", "sections": [ { "title": "Büyük düğme", "position": "Sol üst", "count": 1, "labels": [ "Radyal ölçekli ve turuncu göstergeli dairesel döner düğme" } } } ] }, { "başlık": "Ok tuşları", "konum": "Üst Orta", "sayı": 1, "etiketler": [ "Ortasında bir düğme ve dört ok simgesi bulunan dairesel dört yönlü bir kontrolcü." ] }, { "başlık": "Oynat düğmesi", "konum": "üst orta sağ", "sayı": 1, "etiketler": [ "Açık mavi bir oynatma üçgeni ve turuncu bir ilerleme yayı bulunan dairesel bir düğme." ] }, { "başlık": "Anahtar", "konum": "Üst sağ", "sayı": 1, "etiketler": [ "Yatay hap şeklindeki anahtar AÇIK konumda." ] } ] }, { "başlık": "Favori düğmesi", "konum": "üst orta sol", "sayı": 1, "etiketler": [ "Kalp şeklinde çerçeveli yuvarlak kare karolar" ] }, { "başlık": "Durum noktası", "konum": "Üst sağ", "sayı": 1, "etiketler": [ "Turuncu merkezli küçük yuvarlak düğme" ] }, { "başlık": "Adımlayıcı", "konum": "Üst sağ", "sayı": 1, "etiketler": [ "Eksi ve artı işaretleri olan yatay hap şeklinde bileşen" ] }, { "başlık": "Ses kaydırıcısı", "konum": "orta sol", "sayı": 1, "etiketler": [ "Solda hoparlör simgesi ve sağda dalga şeklinde kabartmalı tasarıma sahip uzun, yatay ses kaydırıcısı." ] } ] }, { "title": "Yüzde ölçer", "position": "Orta-sağ", "count": 1, "labels": [ "Radyal derecelendirmelerle %60'ı gösteren dairesel bir gösterge." ] } ] }, { "başlık": "Bildirim kutucuğu", "konum": "sağ orta", "sayı": 1, "etiketler": [ "Çan çerçeveli yuvarlak kare mıknatıs" ] }, { "başlık": "Müzik Kartları", "konum": "Sol alt", "sayı": 1, "etiketler": [ "Orman küçük resimleri ve başlıkları {argüman adı="parça başlığı" varsayılan="Orman Sürüşü"} , alt başlık {argüman adı="parça alt başlığı" varsayılan="Ortam Yolculuğu"} İlerleme çubuğu ve dairesel oynatma düğmesi dahil medya kartları" ] }, { "başlık": "Faydalı simgeler", "konum": "Sol alt orta", "sayı": 4, "etiketler": [ "Kaydırıcı ayarları simgesi", "Arama simgesi", "Paylaş simgesi", "Daha fazla menü simgesi" ] }, { "başlık": "pusula", "konum": "Shimonaka", "sayı": 1, "etiketler": [ "KDG-D işaretli ve turkuaz-turuncu ibreli büyük, yuvarlak pusula." ] }, { "başlık": "Dikey kaydırıcı", "konum": "Sağ alt orta", "sayı": 1, "etiketler": [ "Açık mavi izli, açık mavi düğmeli, turuncu uç noktalı ve küçük hoparlör simgeli yüksek yuvarlak kaydırıcı." ] }, { "başlık": "Alt gezinme", "konum": "Sol alt", "sayı": 1, "etiketler": [ "Hap şeklindeki gezinme çubuğu dört simge içerir: Ana Sayfa, Çubuk Grafik, Pusula ve Profil." ] } ] }, { "başlık": "Harekete Geçirme Çağrısı", "konum": "Sağ alt", "sayı": 1, "etiketler": [ "Turuncu dairesel oklarla etiketlenmiş hap şeklinde düğme, {argüman adı="düğme metni" varsayılan="Keşfet"} parçaları" ] }, { "başlık": "Biyometrik mıknatıs", "konum": "Sağ alt", "sayı": 1, "etiketler": [ "Parmak izi simgesi bulunan yuvarlak kare karo" ] } ] }, "işleme": { "aydınlatma": "Sol üstten yumuşak stüdyo aydınlatması", "gölge": "Yüzen derinlik için dağınık katmanlı gölgeler", "bitirme": "Üst düzey tüketici elektroniği estetiği, zarif ve minimalist", "kalite": "Sistemin ana ekran görüntüsünü tasarlamak için uygun, net, temiz ve gerçekçi bir 3B arayüz modeli." } }