İ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 altyapısını kullanarak düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Yerel Pazar Alışveriş Listesi.
Gerekli içerik ve yapı
Kurgusal pazar tezgâhlarına ve ürünlere göz atın, miktarları bir alışveriş planına kaydedin ve yüz yüze ziyaret için planı tezgâha göre gruplandırın.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Tezgâhlar; Ürün listesi; Sepet planı. Seçili kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri eylemi sunun ve görünümler arasında geçerken devam eden girişleri koruyun. Birincil eylemi ilgili içeriğin yakınında tutun; mobil güvenli alanları, görünür ekran klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde, hiçbir adımı kaldırmadan veya görevi değiştirmeden düzeni uyarlayın.
Proje girdileri
Adlar, kayıtlar, etiketler, miktarlar ve varış noktaları için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri sorun. Gösterim kayıtlarında kurgusal Market Morning markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu ve hangilerinin kimlik doğrulama, kalıcılık, izinler veya arka uç gerektireceğini açıklayın. 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, yaprak yeşili, böğürtlen kırmızısı ve editoryal sebze-meyve fotoğrafçılığı kullanın. İş akışını genel pano kartlarını tekrarlamak yerine kendi içeriği ve kontrolleriyle tanınabilir kılın. Tutarlı bir boşluk ölçeği ve belirgin bir metin hiyerarşisi kullanın. Görünür klavye odağı, erişilebilir adlar, yeterli kontrast ve renge dayanmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin.
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
Yerel Pazar Alışveriş Listesi için görsel referans olarak ekli reference.webp dosyasını kullanın. Oluşturmaya başlamadan önce yukarıdan aşağıya ana bölgeleri; bunların göreli genişlik ve yüksekliklerini, hizalamasını, boşluklarını, tipografi hiyerarşisini, yüzey renklerini, kenarlıklarını, görsellerini ve tekrarlanan bileşenlerini belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Kurgusal pazar tezgâhlarına ve sebze-meyvelere göz atın, miktarları bir alışveriş planına kaydedin ve yüz yüze ziyaret için planı tezgâha göre gruplandırın. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu düzen yönergelerini kullanın: Giriş ekranı olarak Tezgâhlar ile başlayın, Ürün listesine belirgin bir birincil eylem ekleyin ve Sepet planında ne olduğunu ve ardından neler yapılabileceğini açıklayın. Başlangıç yönü olarak krem, yaprak yeşili, böğürtlen kırmızısı ve editoryal sebze-meyve fotoğrafçılığı kullanıp bunları sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil düzeni kenardan kenara uzatmak yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
krem, yaprak yeşili, böğürtlen kırmızısı, editoryal sebze-meyve fotoğrafçılığı.
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: Kurgusal pazar tezgâhlarına ve sebze-meyvelere göz atın, miktarları bir alışveriş planına kaydedin ve yüz yüze ziyaret için planı tezgâha göre gruplandırın. Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin. Görünen her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümlerde tutarlı durumla uygulayın. Arama ve filtrelerin gerçek sonuçlar vermesini, seçim kontrollerinin açık bir etkin duruma sahip olmasını ve kaydetme eylemlerinin uygun 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 demo 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.
Yerel Pazar Alışveriş Listesi Tasarım İstemi Nasıl Yazılır?
Kurgusal pazar tezgâhlarına ve sebze-meyvelere göz atmak, miktarları bir alışveriş planına kaydetmek ve yüz yüze ziyaret için planı tezgâha göre gruplandırmak üzere bu yerel pazar alışveriş listesi 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.
Satın Alma İzlenimi Vermeden Ziyaret Planı Oluşturun
Yerel pazar alışveriş uygulaması, yüz yüze bir geziyi düzenlemeye yardımcı olur.
Bir ürünü plana eklemek, stok ayırma veya bir tezgâha ödeme yapma gibi görünmemelidir. Giriş ekranı olarak Tezgâhlar ile başlayın, Ürün listesine belirgin bir birincil eylem ekleyin ve Sepet planında ne olduğunu ve ardından neler yapılabileceğini açıklayın. Başlangıç yönü olarak krem, yaprak yeşili, böğürtlen kırmızısı ve editoryal sebze-meyve fotoğrafçılığı kullanıp bunları sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil düzeni kenardan kenara uzatmak yerine iş akışının bütünlüğünü koruyun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Tezgâhlar; Ürün listesi; Sepet planı.
Kendinize Uyarlayın
Zaman damgalı örnek fiyatlar ve bulunabilirlik bilgileriyle kurgusal tezgâhlara göz atın. [QUANTITIES] değerlerini tezgâha göre gruplandırılmış bir alışveriş planına kaydedin ve planı yüz yüze ziyaret hazırlığı olarak etiketleyin.
Yerel Pazar Alışveriş Listesi İçeriğini Hazırlayın
Tezgâh ekranı, ürünleri birimleri, fiyatları ve miktar denetimleriyle birlikte listeler. Tutarlı satış birimleri ve bulunabilirlik bilgileri sağlayın; bir plana eklemek satın alma veya rezervasyon anlamına gelmemelidir.
Kurgusal tezgâhları, sebze-meyve adlarını, miktar birimlerini ve zaman damgalı örnek fiyatları hazırlayın. Planlanan miktarın tezgâha göre gruplandırılmış listede nasıl görüneceğine karar verin ve bulunabilirliği bilinmeyen bir ürün ekleyin.
İstemden
Kurgusal pazar tezgâhlarına ve ürünlere göz atın, miktarları bir alışveriş planına kaydedin ve yüz yüze ziyaret için planı tezgâha göre gruplandırın.
Kendinize Uyarlayın
[PROJECT] için bu yerel pazar alışveriş listesinin kaynağı olarak [APPROVED_CONTENT] kullanın. Tezgâhlar, Ürün listesi ve Sepet planı için onaylı kayıtlar ve alan etiketleri; eylem ve kalıcılık kuralları; marka varlıkları ve izin gereksinimleri. Eksik girdileri gösterim içeriğiyle değiştirmeden önce belirleyin.
Bulunmayan Bir Ürün Ekleyin
Plan, ürünleri tezgâh adları altında gruplandırır ve toplamı tahmini olarak etiketler. Planlama ile ödeme arasındaki ayrımı koruyarak miktar düzenlemelerini ve değişen bulunabilirlik durumlarını test edin.
Plan, bulunabilirlik notunu göstermeli ve kullanıcının bunu düzenlemesine izin vermelidir. Ürünü kaydetmek, rezervasyon onayı veya ödeme durumu oluşturmamalıdır. Önce şu belirli sınırı test edin: Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin. Ardından ana akışı uzun bir kayıt başlığı, kaydedilmiş kayıt olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, 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
Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin.
Kendinize Uyarlayın
Yerel pazar alışveriş listesini şu gereksinime göre inceleyin: Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin. Önce şu belirli sınırı test edin: Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin. Ardından ana akışı uzun bir kayıt başlığı, kaydedilmiş kayıt olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, 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. Onaylı içeriği koruyun ve yalnızca bu denetimde başarısız olan bölümleri düzeltin.
Yerel Pazar Alışveriş Listesi 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.
- Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Ürün listesinden Sepet planına geçişi iyileştirin. Bulunabilirlik ve fiyatları zaman damgalı örnek veriler olarak ele alın; stok ayrıldığı veya çevrimiçi ödeme yapıldığı izlenimi vermeyin. İlgili beklemede, başarısız ve tamamlandı durumlarını açık etiketlerle gösterin. Onaylı 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.
