Kullanıcı Kılavuzu

UI Design Modülünü Keşfedin

30/7/25
UI Design Modülünü Keşfedin

Kuika’nın UI Design modülü, mobil ve web uygulamalarınız için profesyonel ve kullanıcı dostu arayüzler tasarlamanızı sağlar. Sürükle-bırak kolaylığı ve kapsamlı özelleştirme seçenekleriyle, responsive tasarımlar oluşturabilir ve uygulamalarınızı hızlı bir şekilde hayata geçirebilirsiniz.

Temel Özellikler

Uygulama Oluşturma

  • Apps bölümünden Create Web App veya Create Mobile Compatible seçeneğini tıklayın.
  • Uygulamanıza bir isim verin ve CREATE butonuna tıklayarak uygulamayı oluşturun.

Elements ve Properties Paneli

  • Elements paneli: Soldaki panelden elementleri sürükleyip ekranınıza ekleyebilirsiniz.
  • Properties (Özellikler) paneli: Sağdaki panelden seçilen elementin ayarlarını düzenleyebilirsiniz.

Blocks

Blocks alanı, UI Design modülünde uygulama geliştirmeyi hızlandıran özel bir alandır. Bu alanda yer alan önceden hazırlanmış tasarım parçacıkları, sürükle-bırak yöntemiyle eklenerek bağımsız elementler gibi kullanılabilir. 

Blocks içerisinde Authorization V1, V2, V3 ve V4 gibi farklı yetkilendirme şablonları, Button ve Card gibi temel UI elementleri, Contacts ve Dashboard gibi liste ve panel düzenleri, Header ve Pagination gibi navigasyon bileşenleri, Pricing ve Product List gibi ticari sayfa şablonları, Settings ve Table gibi yapılandırma elementleri, Error Server ve FAQ gibi bilgi/yardım bileşenleri ile Uncategorized gibi henüz kategoriye ayrılmamış şablonlar bulunmaktadır.

Blocks sayesinde:

  • Daha hızlı ekranlar oluşturabilirsiniz.
  • Tekrar kullanılabilir bileşenlerle tasarımlarınızı standartlaştırabilirsiniz.
  • Tutarlı ve esnek kullanıcı arayüzleri geliştirebilirsiniz.

Ekranlar ve Klasörler

  • Screens panelinden yeni ekranlar ekleyebilir veya New Folder seçeneği ile ekranları klasörler halinde düzenleyebilirsiniz.

Responsive Tasarım

  • Web, tablet ve telefon görünümü için önceden tanımlanmış ekran genişliği seçeneklerini kullanabilirsiniz.

Element Kategorileri

  • Container, Data, Display, Text Input gibi kategorilerde elementler mevcuttur.
  • Elementleri Elements panelinden seçip ekrana sürükleyerek yerleştirebilirsiniz.

Item Tree ve Breadcrumb

  • Item Tree (Element Ağacı): Ekrandaki elementlerin hiyerarşisini görüntülemenizi sağlar.
  • Breadcrumb Satırı: Seçili elementin ebeveyn ve alt öğelerini tek tıkla seçebilirsiniz.

Support Offline (Çevrimdışı Destek)

  • Yalnızca mobil uygulamalarda kullanılan bu özellik sayesinde, kullanıcılar internet bağlantısı olmadan da belirli uygulama bölümlerine erişebilir.

Properties (Özellikler) ve Styling Paneli

  • Properties panelinden elementlerin özelliklerini düzenleyebilir, boş bir alana tıklayarak ekran ayarlarını yapılandırabilirsiniz.
  • Styling paneli ile elementlerin görsel düzenlemelerini yapabilir, boşlukları, tipografiyi ve kenarlıkları özelleştirebilirsiniz.

Bu özelliklerle, Kuika UI Design modülü sayesinde etkileyici ve kullanıcı dostu arayüzler tasarlamak artık çok daha kolay.

No items found.

Sözlük

No items found.

Alt Başlıklar