UI Design modülü ile mobil veya web uygulamalarının ekranlarını tasarlayabilirsiniz.
Kuika UI Design Modülü, hem mobil hem de web uygulamalarınız için profesyonel ve kullanıcı dostu arayüzler oluşturmanızı sağlar. Sürükle-bırak kolaylığı ve kapsamlı özelleştirme seçenekleriyle, tasarımlarınızı hızlıca hayata geçirebilirsiniz. Responsive tasarım desteği sayesinde tüm cihazlara uyumlu ekranlar tasarlayabilir, çevrimdışı destek gibi güçlü özelliklerle kullanıcı deneyimini bir üst seviyeye taşıyabilirsiniz.
Kuika ile fikirlerinizi gerçeğe dönüştürmek şimdi çok daha kolay!
UI Design görünümü, mobil veya web uygulamalarının ekranlarını tasarlamak için kullanılır.
Uygulama Oluşturma: Arayüz tasarımı yapmak için önce bir uygulama oluşturmanız gerekir. Apps bölümüne gidin, Create Web App (web uygulaması) veya Create Mobile Compatible (mobil uygulama) seçeneğine tıklayın. Ardından, uygulamanıza bir isim verin ve CREATE butonuna tıklayın. Oluşturduğunuz uygulama, UI Design görünümünde açılacaktır.
Elements Paneli ve Properties Paneli: UI Design görünümünde, soldaki Elements paneli ile ekrana yeni elementler ekleyebilir, sağdaki Properties (Özellikler) paneli ile bu elementlerin özelliklerini düzenleyebilirsiniz.
Ekranlar ve Klasörler: UI Design görünümünde açık olan ekran, orta alanda görüntülenir. Screens (Ekranlar) paneli ile yeni ekranlar oluşturabilirsiniz. Yeni ekranlar eklemek için New Folder seçeneğine tıklayın, klasör ismini belirleyin ve CREATE butonuna tıklayarak ekranlarınızı düzenleyebilirsiniz.
Responsive Tasarım: Responsive tasarımlar için, ekran genişliği seçenekleri arasında ücretsiz ve önceden tanımlanmış seçenekleri kullanabilirsiniz. Web, tablet ve telefon görünümüne göre UI tasarımınızı oluşturabilirsiniz.
Elementler: Kuika, Container, Data, Display ve Text Input gibi farklı kategorilerde elementlere sahiptir. Elementler panelinden ilgili elementi seçip, ekrana sürükleyerek yerleştirebilirsiniz.
Item Tree ve BreadCrumb: Item Tree (Bileşen Ağacı) ile ekranın ve elementlerin hiyerarşisini görüntüleyebilirsiniz. Ayrıca, alt kenarda bulunan BreadCrumb satırı ile seçilen elementin parent (ebeveyn) ve child (alt öğe) ilişkilerini görebilir, diğer elementleri de tek tıkla seçebilirsiniz.
Support Offline (Çevrimdışı Destek): Kuika UI Design modülünde ve yalnızca mobil uygulamalarda bulunan Support Offline Screen switch'i, uygulamanın çevrimdışı (offline) modda çalışmasını sağlar. Bu özellik aktif olduğunda, kullanıcılar internet bağlantısı olmadığında bile uygulamanın belirli bölümlerine veya özelliklerine erişebilir. Bu, kullanıcı deneyimini kesintiye uğratmadan, veri senkronizasyonu için verilerin cihazda geçici olarak saklanmasına ve bağlantı sağlandığında sunucuyla senkronize edilmesine olanak tanır.
Properties (Özellikler) Paneli: Bir elementi seçtiğinizde, sağdaki Properties paneli, seçilen elementin parametrelerini düzenlemenizi sağlar. Ekranın alt kenarına veya dış alanına tıklayarak ekranı seçebilir ve özelliklerini ayarlayabilirsiniz. Ayrıca, Styling (Stil) paneli ile elementin görsel düzenlemelerini yapabilir, boşlukları, tipografiyi ve kenarlıkları özelleştirebilirsiniz.
