İçeriğe geç

AINOS DESIGN · TASARIM SİSTEMİ

Her ekran aynı tasarım dilini konuşsun.

Formu sürükle-bırak kurun, görünümü hazır stil sınıflarıyla tek seçimde belirleyin. Renk, boşluk, tema ve responsive davranış tasarım sisteminden gelir; her modül tutarlı görünür.

  • Sürükle-bırak form
  • Hazır stiller
  • Çoklu dil
  • Açık ve koyu tema
  • Responsive
Profil: Live main Oturumu Kapat
Diyalog/KodET AI Önizleme
Projeler
AT01IAAMS01IAA
MS01IAA · Diyalog tasarımı ÖnizlemeTREN
Müşteri Kartı
Buraya bırakın
Müşteri Kodu
Buraya bırakın
Müşteri Adı
Buraya bırakın
Şehir
Buraya bırakın
Kayıt Tarihi
Buraya bırakın
Telefon
Buraya bırakın
E-posta
Düğmeleri buraya bırakın
VazgeçKaydet
Hazır0 hata0 uyarı
Denetçi
Text
01BaşlaBoş bir form ve hazır bileşenler: ızgara yerleşimi alanları otomatik hizalar.

Ainos Studio · temsilî arayüz, örnek veri

HAZIR STİLLER

Bir seçimle kurumsal görünüm.

Düğmeler ve bileşenler, kurumsal tasarım dilinden gelen hazır stil sınıflarıyla biçimlenir. Rengi, boyutu ve durumu tek seçimle değiştirin; her ekranda aynı görünür. Aşağıdan deneyin.

VARYANT
BOYUT
DURUM

Müşteri kaydını onaylıyor musunuz?

VazgeçKaydet
Stil Ainos Design’dan gelir · her ekranda aynı

RESPONSIVE VE ERİŞİLEBİLİRLİK

Bir kez tasarlayın, her ekranda doğru görünsün.

Aynı ekran; masaüstünde geniş, tablette dokunmaya uygun, telefonda tek elle kullanılabilir. Yerleşim cihaza göre kendiliğinden düzenlenir, ayrıca tasarım gerekmez.

  • İki sütunlu ızgara, geniş alanlar
  • Arama ve hesap menüsü üst çubukta
  • Eylem düğmeleri sağda, klavyeyle hızlı geçiş
WCAG odaklı kontrastKlavye ve odakEkran okuyucu etiketleri44 px dokunma hedefi

Sıkça Sorulan Sorular

Tasarım sistemi ne işime yarar?

Her modülün aynı görünmesini ve davranmasını sağlar; yeni ekranlar daha hızlı ve tutarlı çıkar.

Kendi markama uyarlayabilir miyim?

Evet. Token’ları (renk, tipografi) değiştirdiğinizde tüm arayüz otomatik uyum sağlar.

Erişilebilirlik dahil mi?

Kontrast, klavye navigasyonu ve odak durumları bileşenlerde yerleşiktir.

Geliştirme ortamıyla nasıl çalışır?

IDE’deki sürükle-bırak tasarımcı aynı bileşen ve token’ları kullanır; tasarım ile kod tek sistemde buluşur.

Ekranların görünümünü değiştirmek için kod gerekir mi?

Hayır. Düğme ve bileşenlerin rengi, boyutu ve durumu hazır stil sınıflarından seçilir; görünüm tasarım sisteminden gelir ve her ekranda aynı kalır.