OXARUS :: İNTERAKTİF TASARIM
İnteraktif tasarım ve UI/UX · Oxarus Studio
Arayüzleri doğrudan kodda tasarlıyoruz: gerçek durumlar, akıcı geçişler ve ürününüzle birlikte büyüyen bir tasarım sistemi.
- sayfa
- birim
Studio
- konum
- markdown
Temsili olarak işaretlenen arayüz verileri örnektir; gerçek müşteri, sonuç ya da ölçüm değildir.
TASARIM, KODDA BİTER.
STUDIO · İNTERAKTİF TASARIM
Arayüzü baştan çalışan bileşenler olarak kuruyoruz; bekleme, hata ve başarı durumları dahil. Kullanıcı bastığı her şeyin karşılığını görür.
- Tasarım doğrudan kodda
- Her bileşenin bütün durumları
- Ürününüzle büyüyen tasarım sistemi
- Çizim
- Kod
- Hareket
TEMSİLİ ARAYÜZ VERİSİ · Temsili editör ve önizleme.
- file
CheckoutButton.tsx
- preview
Önizleme
- product
Kablosuz kulaklık
- price
₺4.990
- idle
Ödemeyi tamamla
- loading
İşleniyor
- success
Ödendi
- 24
- 16
- 48
- curve
SPRING_PRESS
- stiffness
stiffness
- damping
damping
- idle
- processing
- success
- Ara toplam
₺4.990
- Kargo
Ücretsiz
- totalLabel
Toplam
- spacing
Boşluk ölçüleri
- a11y
Erişilebilirlik
- motion
Hareket
DOKUNUN, HİSSEDİN.
OYUN ALANI
Aşağıdaki altı parça gerçekten çalışıyor: üzerine gelin, basın, sürükleyin. Kullanıcı bir ürünün özenle yapıldığını çoğu zaman bu küçük anlarda fark eder.
-
Mıknatıs buton
Başlayın
-
Anahtar
-
Beğeni
Beğen
Sürükle, sırala
- Tasarım incelemesi
- Müşteri görüşmesi
- Sürüm notları
- Haftalık rapor
-
Kaydırıcı
TEMSİLİ ARAYÜZ VERİSİ
- üzerinde
- basılı
- odakta
- etkin
AYNI BUTON, İKİ HİS.
HİS
İki sahnede de aynı sepete ekle butonu var. Solda hareket hiç ayarlanmamış, sağda ayarlanmış. Butonlara basın, değerleri değiştirin, farkı görün.
- flat
Ayarsız
- tuned
Ayarlanmış
- stiffness
Sertlik
- damping
Sönüm
TEMSİLİ ARAYÜZ VERİSİ
Sepete eklendi
- body
Kablosuz kulaklık · ₺4.990
- curve
Hareket eğrisi
- overshoot
Taşma
- settle
Oturma süresi
Bir karede beliriyor
Yaklaşıp yerine oturuyor
- add
Sepete ekle
- frames
Kare kare
TEMSİLİ ARAYÜZ VERİSİ
Kablosuz kulaklık
- price
₺4.990
BİR KEZ KARAR VERİN, HER YERDE GEÇERLİ OLSUN.
TASARIM SİSTEMİ
Renk, köşe ve yoğunluk birer değişken. Birini değiştirdiğinizde bütün ürün aynı anda güncellenir. Soldan seçin, sağda izleyin.
- accent
Vurgu rengi
- radius
Köşeler
- density
Yoğunluk
- Keskin
- Yumuşak
- Yuvarlak
- Rahat
- Sıkı
TEMSİLİ ARAYÜZ VERİSİ
Ekip davet et
E-posta adresi
- placeholder
Ekip arkadaşınızın e-postası
- role
Rol
- Yönetici
- Üye
- invite
Davet gönder
- badge
3 koltuk kaldı
- cancel
Vazgeç
Ekip üyeleri
-
Deniz Arslan
- role
Yönetici
-
Mert Kaya
- role
Üye
-
Ece Demir
- role
Üye
tokens.css
- Mor
- Deniz yeşili
- Kiremit
- Şampanya
- Mürekkep
Buton durumları
- normal
- üzerinde
- basılı
- odakta
- pasif
- changed
değişti
ÜRÜNÜNÜZ DE BÖYLE HİSSETTİRSİN.
TASARIM
Mevcut arayüzünüzü ya da yeni fikrinizi anlatın. Nereden başlayacağımızı birlikte belirleyelim.
EYLEMLER
BELGELER
- markdown
- llms.txt
- agents.md
Her sayfa markdown olarak da sunulur: adresin sonuna .md ekleyin ya da Accept: text/markdown başlığıyla isteyin.