İ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.
[PROJECT] ve [AUDIENCE] için mevcut proje teknoloji yığınını kullanarak düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Kiler Yemek Planlayıcısı.
Gerekli içerik ve yapı
Malzemeleri miktarları ve son kullanma tarihleriyle girin, bu malzemeleri kullanan yemekleri bulun ve yalnızca eksik ürünleri paylaşılan alışveriş listesine ekleyin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Kilerim; Tarif eşleşmesi; Alışveriş listesi. Seçilen kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri eylemini destekleyin ve görünümler arasında geçiş yaparken devam eden girişleri 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 sorun. Tanıtım kayıtlarında kurgusal Pantry 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 tereyağı sarısı, krem ve domates kırmızısı ile malzeme fotoğrafları kullanın. Genel gösterge paneli kartlarını tekrarlamak yerine iş akışını kendi içeriği ve kontrolleriyle tanınabilir 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 renge bağlı olmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden yönetin.
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ı Kiler Yemek Planlayıcısı için görsel referans olarak kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya doğru; 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: Malzemeleri miktarları ve son kullanma tarihleriyle girin, bu malzemeleri kullanan yemekleri bulun ve yalnızca eksik ürünleri paylaşılan alışveriş listesine ekleyin. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu yerleşim yönlendirmesini kullanın: Başlangıç ekranı olarak Kilerim ile başlayın, Tarif eşleşmesine net bir birincil eylem verin ve Alışveriş listesinin ne olduğunu ve sonrasında neler yapılabileceğini açıklamasını sağlayın. Başlangıç yönü olarak tereyağı sarısı, krem ve domates kırmızısı ile malzeme fotoğraflarını 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şilebilir kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil kompozisyonu uçtan uca esnetmek yerine iş akışının tutarlılığını koruyun.
Örnek proje gereksinimindeki görsel yön
tereyağı sarısı, krem, domates kırmızısı, malzeme fotoğrafları.
Etkileşim özellikleri
Referans statik bir konsepttir: Aşağıdaki davranış, görselin zaten çalıştığının kanıtı değil, uygulanması gereken bir gereksinimdir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Malzemeleri miktarları ve son kullanma tarihleriyle girin, bu malzemeleri kullanan yemekleri bulun ve yalnızca eksik ürünleri paylaşılan alışveriş listesine ekleyin. Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden yönetin. Görünür her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümlerde tutarlı durum yönetimiyle uygulayın. Arama ve filtrelerin gerçek sonuçlar vermesini, 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ğunu ima etmeyin.
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.
Kiler Yemek Planlayıcısı Tasarım İstemi Nasıl Yazılır?
Malzemeleri miktarları ve son kullanma tarihleriyle girmek, bu malzemeleri kullanan yemekleri bulmak ve yalnızca eksik ürünleri paylaşılan alışveriş listesine eklemek için bu kiler yemek planlayıcısı 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.
Öğünler Arasında Miktarları Anlamlı Tutun
Bir kiler yemek planlayıcısında mevcut malzemeler ile eksik ürünler arasında net bir ilişki olmalıdır.
Bilinmeyen tarihler veya uyumsuz birimler sessizce standartlaştırılmamalıdır. Giriş ekranı olarak Kilerim ile başlayın, Tarif eşleştirme için belirgin bir birincil eylem sunun ve Alışveriş listesinde ne olduğunu ve bundan sonra neler yapılabileceğini açıklayın. Başlangıç yönü olarak tereyağı sarısı, krem rengi, domates kırmızısı ve malzeme fotoğraflarını 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 erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil bir kompozisyonu bir kenardan diğerine uzatmak yerine iş akışının tutarlılığını koruyun.
İstemden
Bağlantılı üç görünüm oluşturun: Kilerim; Tarif eşleştirme; Alışveriş listesi.
Kendinize Uyarlayın
[INGREDIENTS] malzemelerini miktar, birim ve isteğe bağlı son kullanma tarihiyle kaydedin. Sağlanan yemekleri önerin ve uyumsuz birimleri işaretleyerek yalnızca eksik miktarları paylaşılan alışveriş listesine ekleyin.
Kiler Yemek Planlayıcısı İçeriğini Hazırlayın
Tarif kartları, kilerde bulunan malzemelerle eşleşenleri eksik malzemelerden ayırır; yalnızca malzeme adlarını eşleştirmek yerine miktar ve bulunabilirlik kurallarını tanımlayın.
Miktarları ve birimleriyle birlikte kiler malzemeleri, isteğe bağlı son kullanma tarihleri ve sağlanan küçük bir tarif kümesi sunun. Eksik ürün hesaplamalarının sınırlarını açıkça göstermesi için bilinmeyen bir miktar ve uyumsuz birimler ekleyin.
İstemden
Malzemeleri miktarları ve son kullanma tarihleriyle girin, bu malzemeleri kullanan yemekleri bulun ve yalnızca eksik ürünleri paylaşılan alışveriş listesine ekleyin.
Kendinize Uyarlayın
[PROJECT] için bu kiler yemek planlayıcısının kaynağı olarak [APPROVED_CONTENT] kullanın. Kilerim; Tarif eşleştirme; Alışveriş listesi 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.
Bilinmeyen Bir Miktarla Ölçeklendirin
Alışveriş listesi yalnızca seçilen tarifler için gereken ürünleri gösterir; yinelenenlerin nasıl birleştirileceğini ve tarifler değiştiğinde listenin nasıl güncelleneceğini belirtin.
Eksik bilgiyi isteyin veya çözümlenmemiş olarak işaretleyin. Gerekli dönüşüm sağlanmadan adetle belirtilen bir ürünün ağırlıktan çıkarılabileceğini varsaymayın. Önce şu sınır durumunu test edin: Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden işleyin. Ardından uzun bir kayıt başlığı, kayıtlı hiçbir kaydın bulunmaması ve başarısız bir eylemle ana akışı çalıştırın. Kullanıcı, yalnızca renge güvenmeden 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 mantıklı bir sırada karşılaştığını doğrulayın.
İstemden
Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden yönetin.
Kendinize Uyarlayın
Kiler yemek planlayıcısını şu gereksinime göre inceleyin: Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden işleyin. Önce şu sınır durumunu test edin: Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden işleyin. Ardından uzun bir kayıt başlığı, kayıtlı hiçbir kaydın bulunmaması ve başarısız bir eylemle ana akışı çalıştırın. Kullanıcı, yalnızca renge güvenmeden 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 mantıklı bir sırada karşılaştığını doğrulayın. Onaylanmış içeriği koruyun ve yalnızca bu denetimden geçemeyen bölümleri düzeltin.
Kiler Yemek Planlayıcısı 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.
- Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden yönetin.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Tarif eşleşmesinden Alışveriş listesine geçişi iyileştirin. Bilinmeyen son kullanma tarihlerini, uyumsuz birimleri ve mevcut olmayan bir malzemeyi miktarları sessizce değiştirmeden yönetin. İlgili beklemede, başarısız ve tamamlanmış durumlarını açık etiketlerle gösterin. Onaylanmış gezinmeyi, 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.
