Pi UI, Piklo’nun işletme panelleri için geliştirdiği tasarım sistemi ve arayüz bileşenleri. Listeleri, formları ve raporları ortak bir düzende buluşturur; ekibinizin bilgiyi okumasını ve işlem yapmasını kolaylaştırır.
Sektörleri seçerek örnek ekranları inceleyin. Bu demo, ortak arayüzün farklı işlere nasıl uyarlanabildiğini gösterir.
Üye kaydı oluşturma akışını deneyin. Bu demoda gerçek kayıt oluşturulmaz.
Bölümler, durumlar ve tutarlar belirgin bir hiyerarşi izler. Aşağıdaki örnekler bu yaklaşımın ekrana nasıl yansıdığını gösterir.
İlgili bilgiler aynı bölümde toplanır. Yüzeyler ve boşluklar, ekranın bölümlerini ayırt etmeye yardımcı olur.
Seçili kayıtlar ve etkin bölümler tutarlı işaretlerle gösterilir. Hangi kayıt üzerinde çalıştığınızı görebilirsiniz.
Renk, etiket ve simgeler birlikte kullanılır. Tamamlanan işlemler ile dikkat bekleyen kayıtlar birbirinden ayrılır.
Özet tutarlar öne çıkar, tablodaki rakamlar hizalanır. Etiketler ve birimler, gördüğünüz değerin neyi anlattığını açıklar.
Ortak bileşenler, ürünün farklı bölümlerinde tutarlı ekranlar kurmayı sağlar. İş akışları ve veri bağlantıları projenin ihtiyaçlarına göre geliştirilir.
Tablolar, formlar, arama ve özet kartları için tekrar kullanılabilir bileşenler. Ürünün farklı ekranlarında aynı düzeni sürdürün.
Tablo · Form · Arama · Özet
Ekran boyutuna uyum sağlayan düzenler ve dokunmaya uygun kontroller, masaüstü ile mobil deneyimi birlikte ele alır.
Uyarlanabilir düzen · Mobil gezinme
Marka renkleri, tipografi ve açık veya koyu tema seçenekleriyle ürüne uygun bir görünüm oluşturun.
Marka rengi · Açık ve koyu · Yazı ölçeği
Pi UI, Prime Gym ve Lale Pide panellerinde kullanılıyor. Günlük kullanımdan gelen geri bildirimler ortak bileşenlerin gelişimine katkı sağlıyor.
Yeni bir panel veya mevcut ürününüz için, ekibinizin ihtiyaçlarına uygun bir arayüz planlayalım.