Görsel aracı
Geliştirmeye başlamadan önce görseller üzerinde yapay zekayla anlaşın, ardından ürün görsellerini doğrudan kod tabanınıza üretip kaydedin
Görsel aracı, bir ürünü geliştirme sürecine görselleri dahil etmenizi sağlar. Henüz tek satır kod yazılmadan yapay zekayla bir tasarım yönü üzerinde anlaşmak, aynı istemin birden fazla varyasyonunu açıp size uyanı seçmek ve ardından projenizin ihtiyaç duyduğu nihai ürün görsellerini ve varlıklarını üretmek için kullanın. Her görsel mantıklı bir kategori altında deponuza geri kaydedilir; böylece görseller onları kullanan kodun yanında durur.
Görsel aracı ne işe yarar
- Geliştirmeden önce tasarımda anlaşma. Uygulama başlamadan önce siz ve ekibinizin görsel yön konusunda hemfikir olması için yapay zekayla referans mockup'ları birlikte oluşturun.
- Birden fazla sürüm üretip seçme. İlk sonuca bağlanmak yerine aynı istemin birkaç varyasyonunu isteyin ve yan yana karşılaştırın.
- Ürün görselleri ve varlıkları üretme. Yön belirlendikten sonra aynı sohbeti simgeler, hero görselleri, illüstrasyonlar, OG kartları ve pazarlama görselleri için bir kaynağa dönüştürün.
- Düzenli biçimde kod tabanına kaydetme. Verdent, üretilen her görseli kategorilere ayrılmış bir klasör altında deponuza dosyalar; böylece uzun vadeli yönetim düzenli kalır.
Nasıl kullanılır
Ne istediğinizi tanımlayın
Sohbette Verdent'e hangi görsele ihtiyacınız olduğunu söyleyin — örneğin "Fiyatlandırma sayfası için üç hero illüstrasyon seçeneği taslakla, flat stil, mavi/mor palet." Yapay zekanın üzerine inşa etmesi için referans görseller, ekran görüntüleri veya mevcut bir logo ekleyebilirsiniz.
Varyasyonlar üretip anlaşın
Verdent, birden fazla sürümü yan yana döndürür. Kompozisyonu, paleti ve tonu karşılaştırın. Ayarlamalar isteyerek yineleyin — "2 numarayı koru ama arka planı daha açık yap" — siz ve ekip bir yön üzerinde anlaşana kadar.
Yönü belirleyin, varlıkları üretin
Bir kazanan seçtikten sonra, onu referans olarak yeniden kullanarak ürün görsellerinin tamamını üretin: uygulama simgeleri, banner'lar, uygulama içi illüstrasyonlar, OG görselleri, sosyal medya kreatifleri. Stil tüm set boyunca tutarlı kalır.
Kod tabanına kaydedin
Kaydetme konumunu onaylayın veya değiştirin. Verdent, görseli kategorilere ayrılmış bir klasör altında deponuza yazar; böylece görsel kodunuzla birlikte gönderilir ve sürüm kontrolünde kalır.
Ayrı bir panel açmanıza gerek yok. Sohbette bir görsel isteyin yeter — Verdent isteği otomatik olarak Görsel aracına yönlendirir.
Kaydetme ve düzenleme
Görsel aracı, üretilen görselleri bir kara kutu galerisine değil, doğrudan projenize kaydeder. Verdent, isteminizden kategoriyi çıkarır ve bir hedef klasör seçer; böylece varlıkları zaman içinde bulmak ve yönetmek kolay olur.
Varsayılan düzen
your-project/
└── assets/
└── images/
├── drafts/ # Early alignment drafts and explorations
├── icons/ # Product icons and glyphs
├── illustrations/ # In-app illustrations and empty states
├── marketing/ # Social, ads, OG images
└── references/ # Uploaded reference images- Otomatik kategorilendirme. Verdent kategoriyi isteminizden çıkarır — örn. "şunun için uygulama simgesi…" →
icons/, "landing hero…" →marketing/. - Üretim başına geçersiz kılma. Bir yolu açıkça belirtin — "şuraya kaydet:
public/og/" — Verdent buna uyar. - Sürüm kontrollü. Kaydedilen görseller deponuzdaki sıradan dosyalardır: onları diğer varlıklar gibi commit edin, diff alın ve inceleyin.
- Yeniden açılabilir. Kaydedilen her görsel, oluşturulurken kullanılan istemi ve ayarları saklar; böylece aynı yönü daha sonra sürdürebilirsiniz.
Bir proje için farklı bir varsayılan klasör mü istiyorsunuz? Verdent'e bir kez söyleyin — "bundan sonra tüm görselleri src/assets/img/ altına kaydet" — gelecekteki üretimler için bunu hatırlar.
İpuçları
Büyük ölçekte üretmeden önce anlaşın. Önden yapılan kısa bir 3–4 taslaklık tur, varlık setinin tamamını üretmeye başladığınızda çok sayıda yeniden çalışmayı önler.
Kazananı referans olarak yeniden kullanın. Onaylanan taslağı referans olarak yeniden beslemek, her yeni varlığın görsel olarak onunla tutarlı kalmasını sağlar.
Boyut ve kullanım senaryosu konusunda net olun. "1024×1024 uygulama simgesi, şeffaf arka plan, flat stil", *"bir simge"*den çok daha iyi sonuçlar üretir.