İstemi Kullanın
Proje Gereksiniminizi Ekleyin
Bağlamınızı aşağıya ekleyin. İstemi kopyaladığınızda veya indirdiğinizde bu bilgiler de eklenecektir.
Mevcut proje teknoloji yığınını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, önce mobil yaklaşımıyla bir uygulama prototipi oluşturun. Görev: Bütçe Zarfı Planlayıcısı.
Gerekli içerik ve yapı
Elle girilen aylık bütçeyi harcama zarflarına dağıtın, aralarında bir tutar taşıyın ve ortaya çıkan bakiyeleri inceleyin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Zarflar; Para Taşı; Etkinlik. Seçilen kaydı ekran başlığında veya özetinde görünür tutun. Belirgin bir geri eylemini destekleyin ve görünümler arasında geçiş yaparken işlem hâlindeki girdileri koruyun. Birincil eylemi ilgili içeriğin yakınında tutun; mobil güvenli alanları, görünür yazılım klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde bir adımı kaldırmadan veya görevi değiştirmeden kompozisyonu uyarlayın.
Proje girdileri
Adlar, kayıtlar, etiketler, miktarlar ve hedefler için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Tanıtım kayıtlarında kurgusal Pocket markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcılık, izinler veya arka uç gerektireceğini açıklayın. İlgili entegrasyon açıkça uygulanıp test edilmedikçe harici hizmetlere bağlanmayın veya bir işlemin tamamlandığını iddia etmeyin.
Tasarım yönü
[BRAND_RULES] kurallarına uyun. Marka sağlanmadığında krem, koyu deniz mavisi, nane yeşili vurgular ve ölçülü rakamlar kullanın. Genel kontrol paneli kartlarını tekrarlamak yerine iş akışını kendi içeriği ve kontrolleriyle ayırt edilebilir kılın. Tutarlı bir boşluk ölçeği ve net bir metin hiyerarşisi kullanın. Görünür klavye odağı, erişilebilir adlar, yeterli kontrast ve renkten bağımsız durum etiketleri ekleyin. Azaltılmış hareket tercihlerine saygı gösterin ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para taşımadığını belirtin.
Etkileşim durumları
Üç ekranlı başarılı akışı yerel örnek verilerle uygulayın. Kullanışlı bir boş durum, eylemi tamamlamadan önce doğrulama, yükleniyor veya bekliyor durumu ve giderilebilir bir hata durumu ekleyin. Yıkıcı değişiklikler için inceleme veya geri alma yolu gerekir. Bir kaydın durumunu üç görünümün tamamında tutarlı tutun. Kısmen tamamlanmış girdileri sessizce silmeyin veya yeniden denemeden sonra kullanıcının seçimini değiştirmeyin.
Teslimat ve inceleme
Düzenlenebilir uygulama görünümlerini sunun; veri modelini, yerel depolama davranışlarını ve uygulanmamış entegrasyonları açıklayın. 320px genişlikte ve daha geniş bir görünüm alanında; klavye navigasyonu ve uzun içerikle test edin. Özellik eklemeden önce sonucu incelemek için yukarıdaki göreve özel kabul kontrolünü kullanın. Tanıtım davranışını çalışan bir üretim hizmetinden açıkça ayırın.
Referans eki ve yeniden oluşturma hedefi
Bu istemin indirme paketindeki reference.webp dosyasını, bu istemle birlikte OpenDesign'a ekleyin. Benzer kompozisyon ve hiyerarşiye sahip, düzenlenebilir bir sonuç oluşturun; referans görselin tamamını bitmiş arayüz olarak gömmeyin. Kurgusal örnek etiketlerle çelişmesi durumunda onaylanmış proje içeriğini ve marka kurallarını koruyun. Görsel eksikse veya okunamıyorsa görsel doğruluk iddiasında bulunmak yerine dosyayı isteyin.
Referans kompozisyonu ve içeriği
Ekli reference.webp dosyasını Bütçe Zarfı Planlayıcısı için görsel referans olarak kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya; göreli genişlik ve yüksekliklerini, hizalamayı, boşlukları, tipografi hiyerarşisini, yüzey renklerini, kenarlıkları, görselleri ve tekrarlanan bileşenleri belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Elle girilen aylık bütçeyi harcama zarflarına dağıtın, aralarında bir tutar taşıyın ve ortaya çıkan bakiyeleri inceleyin. Görseli düzenlenebilir öğelere dönüştürürken şu göreve özel düzen yönergelerini kullanın: Giriş ekranı olarak Zarflar ile başlayın, Para Taşı ekranında belirgin bir birincil eylem sunun ve Etkinlik ekranında ne olduğunu ve sonrasında neler yapılabileceğini açıklayın. Başlangıç yönü olarak krem, koyu deniz mavisi, nane yeşili vurgular ve ölçülü rakamlar kullanın; bunları sağlanan markaya uyarlayın. Üç ekran boyunca kayıt kimliğini ve gezinme bağlamını görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil kompozisyonu uçtan uca genişletmek yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
krem, koyu deniz mavisi, nane yeşili vurgular, ölçülü rakamlar.
Etkileşim özellikleri
Referans statik bir konsepttir: Aşağıdaki davranış, uygulanması gereken bir gereksinimdir; görselin zaten çalıştığının kanıtı değildir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Elle girilen aylık bütçeyi harcama zarflarına dağıtın, aralarında bir tutar taşıyın ve ortaya çıkan bakiyeleri inceleyin. Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para taşımadığını belirtin. Görünen her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini tanımlayın; yerel değişiklikleri ilgili görünümler arasında tutarlı durumla uygulayın. Arama ve filtrelerin gerçek sonuçlar üretmesini, seçim kontrollerinin belirgin bir etkin duruma sahip olmasını ve kaydetme eylemlerinin ilgili yerlerde görünür beklemede/başarılı/başarısız geri bildirimi sunmasını sağlayın. İlgisiz iş akışları eklemeyin. Gezinme için uygun bağlantılar, eylemler için düğmeler ve simge kontrolleri için erişilebilir adlar kullanın. Yalnızca yerel bir tanıtım değiştiğinde arka uç işleminin başarılı olduğu izlenimini vermeyin.
Görsel karşılaştırma ve teslim
- Sonucu ekli görselle eşleşen oranlarda karşılaştırın. Dekoratif ayrıntıları iyileştirmeden önce ana bölgelerin yerleşimini, göreli görsel boyutlarını, satır sonlarını, boşlukları, tipografi hiyerarşisini, kontrastı, etkin durumları ve içerik yoğunluğunu inceleyin.
- Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
- Logoları, fotoğrafları ve simgeleri ayrı varlıklar olarak; anlamlı tüm etiketleri ise düzenlenebilir tutun. Kullanılamayan yazı tiplerini/varlıkları ve bilinçli sapmaları listeleyin. Çalışan dosyalarla birlikte uygulanan davranışların ve kalan entegrasyonların kısa bir açıklamasını sunun; yalnızca isteme dayanarak piksel düzeyinde aynı sonuç vadetmeyin.
İstemi + Görseli İndir
Eksiksiz istemi ve tam boyutlu referans görselini içerir. Düzeni yönlendirmek için ikisini de OpenDesign'a ekleyin.
Bütçe Zarfı Planlayıcı Tasarım İstemi Nasıl Yazılır?
Elle girilen aylık bütçeyi harcama zarflarına dağıtmak, zarflar arasında bir tutar taşımak ve oluşan bakiyeleri incelemek için bu bütçe zarfı planlayıcı tasarım istemini kullanın.
Referans, yapay zekâ tarafından oluşturulmuş bir konsepttir. Aşağıdaki talimatlar neyin oluşturulacağını ve test edileceğini açıklar; görsel, çalışan bir davranışı göstermez.
Aktarımları Yerel Olarak Mutabık Hâle Getirin
Bir bütçe zarfı uygulaması, elle yapılan bir dağılımın her iki bakiyeyi nasıl değiştirdiğini göstermelidir.
Arayüz, bir planı düzenlemenin bankadaki parayı hareket ettirdiği izlenimini vermemelidir. Giriş ekranı olarak Zarflar ile başlayın, Para taşı için net bir birincil eylem sunun ve Etkinlik bölümünde ne olduğunu ve bundan sonra neler olabileceğini açıklayın. Başlangıç yönü olarak krem, koyu turkuaz, nane yeşili vurgular ve ölçülü rakamlar kullanıp bunları sağlanan markaya uyarlayın. Üç ekran boyunca kayıt kimliğini ve gezinme bağlamını görünür tutun. Dekoratif paneller yerine başparmakla kolayca erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil düzeni uçtan uca genişletmek yerine iş akışının bütünlüğünü koruyun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Zarflar; Para taşı; Etkinlik.
Kendinize Uyarlayın
[MONTHLY_BUDGET] tutarını adlandırılmış zarflara dağıtın. Bir aktarımın kaynak ve hedef bakiyelerini önizleyin, kaynak bakiyeyi aşan tutarları reddedin ve prototipi bir planlama aracı olarak etiketleyin.
Bütçe Zarfı Planlayıcı İçeriğini Hazırlayın
Aktarım ekranı kaynak, hedef ve tutarı belirtir ve bir prototip bildirimi içerir; banka hesabında para hareketi olduğu izlenimini vermeden bakiye kontrollerini tanımlayın.
Örnek bir aylık dağılım, zarf adları ve başlangıç bakiyeleri sağlayın. İzin verilen aktarım kurallarını tanımlayın ve kaynak bakiyeyi aşan bir tutar ekleyin; bu kayıtlar banka işlemlerini değil, yerel bir bütçe planını tanımlar.
İstemden
Elle girilen aylık bütçeyi harcama zarflarına dağıtın, aralarında bir tutar taşıyın ve ortaya çıkan bakiyeleri inceleyin.
Kendinize Uyarlayın
[PROJECT] için bu bütçe zarfı planlayıcının kaynağı olarak [APPROVED_CONTENT] kullanın. Zarflar; Para taşı; Etkinlik için onaylanmış kayıtlar ve alan etiketleri; eylem ve kalıcılık kuralları; marka varlıkları ve izin gereksinimleri. Eksik girdileri tanıtım içeriğiyle değiştirmeden önce belirleyin.
Bakiyeyi Aşan Bir Aktarım Deneyin
Hareketler ekranı eklemeleri, aktarımları ve düzeltmeleri ayrı ayrı kaydeder; her yerel eylemin oluşturduğu defter kaydını tanımlayın.
Her iki bakiyeyi de değiştirmeden tutun ve kullanılabilir tutarı açıklayın. Başarılı bir yerel dağılım, banka aktarımı onayı göstermemelidir. Önce şu belirli sınırı test edin: Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para aktarmadığını belirtin. Ardından ana akışı uzun bir kayıt başlığıyla, kayıtlı hiçbir kayıt olmadan ve başarısız bir eylemle çalıştırın. Kullanıcı, renge dayanmadan nelerin kaydedildiğini, nelerin beklemede olduğunu ve nelerin geri alınabileceğini anlayabilmelidir. Önceki ekrana dönüldüğünde girilen verilerin korunduğunu ve ekran okuyucunun başlık, durum ve birincil eylemle anlamlı bir sırada karşılaştığını doğrulayın.
İstemden
Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para taşımadığını belirtin.
Kendinize Uyarlayın
Bütçe zarfı planlayıcıyı şu gereksinime göre inceleyin: Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para aktarmadığını belirtin. Önce şu belirli sınırı test edin: Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para aktarmadığını belirtin. Ardından ana akışı uzun bir kayıt başlığıyla, kayıtlı hiçbir kayıt olmadan ve başarısız bir eylemle çalıştırın. Kullanıcı, renge dayanmadan nelerin kaydedildiğini, nelerin beklemede olduğunu ve nelerin geri alınabileceğini anlayabilmelidir. Önceki ekrana dönüldüğünde girilen verilerin korunduğunu ve ekran okuyucunun başlık, durum ve birincil eylemle anlamlı bir sırada karşılaştığını doğrulayın. Onaylanmış içeriği koruyun ve yalnızca bu kontrolden geçemeyen bölümleri düzeltin.
Bütçe Zarfı Planlayıcı Sonucunuzu İnceleyin
Örnek, yapay zekâ tarafından oluşturulmuş görsel bir konsepttir. Bağlı hizmetler, cihaz izinleri ve kalıcı veriler ayrı uygulama ve test gerektirir.
- Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para taşımadığını belirtin.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Para Taşı ekranından Etkinlik ekranına geçişi iyileştirin. Kaynak zarfın bakiyesini aşan aktarımları engelleyin; bu prototipin banka hesapları arasında para taşımadığını belirtin. İlgili beklemede, başarısız ve tamamlandı durumlarını açık etiketlerle gösterin. Onaylanmış gezinme yapısını, tipografiyi ve diğer ekranları koruyun. Değiştirilen görünümleri sunun ve girilen verilerin yeniden deneme sırasında nasıl korunduğunu açıklayın.
