İstem kütüphanesine dön
İstem kütüphanesiGörsel İstemi

UI Stil Sistemi Panosu

8px ızgara, renk tokenları, tipografi ölçeği, bileşen durumları ve hizalı yerleşim örnekleri içeren çok sayfalı bir UI stil sistemi panosu oluşturun.

Tasarım sistemiUI kitiTipografi
Önizleme

Görsel İstemi

Önerilen model

Seedream 5.0 Lite

Çıktı formatı

Görsel prompt şablonu

Önizleme

Görsel İstemi

Renk tokenları, tipografi ölçeği, bileşen durumları ve duyarlı yerleşim örneklerini gösteren UI stil sistemi panosu önizlemesi.

Sistem tutarlılığı, ızgara hizalaması, düzenlenebilir tokenlar ve ürüne hazır UI örneklerine odaklanan UI Stil Sistemi Panosu önizlemesi.

Tam istem

UI Stil Sistemi Panosu

8px ızgara, renk tokenları, tipografi ölçeği, bileşenler ve duyarlı yerleşimler içeren çok sayfalı UI stil sistemi panosu.

Önerilen model: Seedream 5.0 LiteÇıktı formatı: Görsel prompt şablonu
Tam istem
Görsel İstemi
[PRODUCT_OR_BRAND] için parlatılmış, çok sayfalı bir UI stil sistemi panosu oluşturun. Sistemi tek temiz önizleme tuvali üzerinde uyumlu bir tasarım sayfaları seti olarak sunun. Her sayfada katı 8px aralık ızgarası, tutarlı kenar boşlukları, hassas hizalama ve net hiyerarşi kullanın. Birincil, ikincil, nötr, semantik ve arka plan renk örneklerini içeren bir renk token paneli; başlık, gövde, açıklama ve sayısal stilleri içeren bir tipografi ölçeği; düğmeler, girdiler, kartlar, navigasyon, rozetler ve boş durumları içeren bir bileşen sayfası; masaüstü ve mobil oranları gösteren iki duyarlı yerleşim örneği ekleyin. Sistemi görsel olarak tutarlı, düzenlenebilir ve bir SaaS ürünü, içerik üretici aracı, e-ticaret markası veya dahili pano için uygun tutun. Yalnızca gerektiğinde gerçekçi yer tutucu metin kullanın ve etiketleri okunabilir kalacak kadar kısa tutun. Gerçek logolardan, kopyalanmış tasarım sistemlerinden, kullanıcı tarafından sağlanmamış marka adlarından, bozuk tipografiden, tutarsız aralıklardan, uyumsuz gölgelerden, dekoratif kalabalıktan, erişilemez kontrasttan ve ızgarayı bozan bileşen örneklerinden kaçının.

Kullanım notları

Çalıştırmadan önce ürün türünü, marka tonunu, palet yönünü, bileşen listesini, yerleşim örneklerini ve erişilebilirlik gereksinimlerini değiştirin.

İstem SSS

Bu istemi kullanmadan önce

Sonucu zayıflatmadan şablonu uyarlamak için girişleri, model uyumunu ve düzenleme yolunu hızlıca kontrol edin.

Önce neyi özelleştirmeliyim?

Ürün türünü, marka tonunu, temel paleti, tipografi karakterini, bileşen kapsamını ve örneklerin pazarlama odaklı mı yoksa pano odaklı mı hissettirmesi gerektiğini tanımlayın.

Bu prompt kullanılabilir bir tasarım sistemi oluşturabilir mi?

Keşif ve sunum için görsel bir stil sistemi panosu oluşturur. Üretim UI tokenlarına dönüştürmeden önce aralıkları, kontrastı, tipografiyi ve bileşen davranışını inceleyin.

Görseli yayımlamadan önce neyi kontrol etmeliyim?

Etiketlerin okunabilir, renk örneklerinin ayırt edilebilir, tipografi hiyerarşisinin net, bileşenlerin aynı aralık mantığını paylaşıyor ve gerçek bir marka sisteminin kopyalanmamış olduğundan emin olun.

Bu modda daha fazla istem