İ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: Dijital Üyelik Cüzdanı.
Gerekli içerik ve yapı
Kurgusal üyelik kayıtlarını saklayın, örnek bir dijital kart açın ve sona erme bilgisiyle elle sağlanan yenileme bilgilerini gösterin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Üyeliklerim; Üyelik kartı; Yenileme ayrıntıları. Seçilen kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri dönme eylemini destekleyin ve görünümler arasında geçiş yaparken tamamlanmamış girdileri koruyun. Birincil eylemi ilgili içeriğe yakın tutun; mobil güvenli alanları, görünür yazılım klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde kompozisyonu hiçbir adımı kaldırmadan veya görevi değiştirmeden uyarlayın.
Proje girdileri
Adlar, kayıtlar, etiketler, miktarlar ve hedefler için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Gösterim kayıtlarında kurgusal Member 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 belirtilmemişse kırık beyaz, kobalt mavisi, grafit ve sade kart tipografisi 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 yalnızca 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ü
- Kayıtlı bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın.
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
Dijital Üyelik Cüzdanı 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 yinelenen bileşenlerini belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Kurgusal üyelik kayıtlarını saklayın, örnek bir dijital kart açın ve son kullanma tarihi ile manuel olarak sağlanan yenileme bilgilerini gösterin. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu yerleşim yönlendirmesini kullanın: Giriş ekranı olarak Üyeliklerim ile başlayın, Üyelik kartına net bir birincil eylem verin ve Yenileme ayrıntılarının ne olduğunu ve bundan sonra ne olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak kırık beyaz, kobalt mavisi, grafit ve sade kart tipografisini 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şilebilir kontrollere ve okunaklı etiketlere öncelik verin; daha geniş ekranlarda mobil kompozisyonu kenardan kenara esnetmek yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
kırık beyaz, kobalt mavisi, grafit, sade kart tipografisi.
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: Kurgusal üyelik kayıtlarını saklayın, örnek bir dijital kart açın ve son kullanma tarihi ile manuel olarak sağlanan yenileme bilgilerini gösterin. Kayıtlı bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın. Görünür her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilişkili 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üğmeleri 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ğ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.
Dijital Üyelik Cüzdanı Tasarım İstemi Nasıl Yazılır?
Kurgusal üyelik kayıtlarını saklamak, örnek bir dijital kart açmak ve son kullanma tarihi ile manuel olarak sağlanan yenileme bilgilerini göstermek için bu dijital üyelik cüzdanı 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.
Kayıtlı Kayıtları Doğrulanmış Durumdan Ayırın
Dijital üyelik cüzdanı kart bilgilerini düzenler, ancak kayıtlı bir kayıt güncelliğini yitirmiş olabilir.
Son kullanma tarihi ve durum bilgisinin kaynağı görünür kalmalıdır. Giriş ekranı olarak Üyeliklerim ile başlayın, Üyelik kartına net bir birincil eylem verin ve Yenileme ayrıntılarının ne olduğunu ve bundan sonra ne olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak kırık beyaz, kobalt mavisi, grafit ve sade kart tipografisini 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şilebilir kontrollere ve okunaklı etiketlere öncelik verin; daha geniş ekranlarda mobil kompozisyonu kenardan kenara esnetmek yerine iş akışının bütünlüğünü koruyun.
İstemden
Bağlantılı üç görünüm oluşturun: Üyeliklerim; Üyelik kartı; Yenileme ayrıntıları.
Kendinize Uyarlayın
Kurgusal [MEMBERSHIPS] öğelerini örnek kartlar, son kullanma tarihleri ve manuel olarak sağlanan yenileme ayrıntılarıyla gösterin. Kayıtlı kayıtları, harici olarak doğrulanmış etkin durumlardan ayrı etiketleyin.
Dijital Üyelik Cüzdanı İçeriğini Hazırlayın
Ortadaki ekran, kayıtlı kartı doğrulama durumundan ve son kullanma ayrıntılarından ayırır ve açık bir uyarı içerir. Görüntülenen kartı erişim kanıtı olarak kabul etmek yerine kartı veren kuruluşun gerçek durum verilerini hazırlayın.
Kurgusal kuruluş adları, örnek kart tanımlayıcıları, son kullanma tarihleri ve kart sahibi tarafından girilen yenileme notları sağlayın. Etkin durumla ilgili her iddianın kaynağını belirtin; doğrulama hizmeti yoksa tasarım yalnızca kayıtlı bir kaydı sunmalıdır.
İstemden
Kurgusal üyelik kayıtlarını saklayın, örnek bir dijital kart açın ve sona erme bilgisiyle elle sağlanan yenileme bilgilerini gösterin.
Kendinize Uyarlayın
[PROJECT] için bu dijital üyelik cüzdanının kaynağı olarak [APPROVED_CONTENT] kullanın. Üyeliklerim, Üyelik kartı ve Yenileme ayrıntıları için onaylanmış 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.
Eski Bir Kartı Açın
Yenileme ekranında çevrimiçi, telefon, e-posta ve posta seçenekleri listelenir. Her hedefi doğrulayın ve hangi işlemlerin uygulama dışına yönlendirdiğini veya kartı veren kuruluşun onayını gerektirdiğini açıkça belirtin.
Süresi dolmuş bir kayıt, geçerli görünmeden referans amacıyla erişilebilir kalmalıdır. Kullanıcı tarafından girilen yenileme notu, kuruluştan gelen bir onay olarak sunulmamalıdır. Önce şu belirli sınırı test edin: Kayıtlı bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı kayıt bulunmaması 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 anlamlı bir sırada karşılaştığını doğrulayın.
İstemden
Saklanan bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın.
Kendinize Uyarlayın
Dijital üyelik cüzdanını şu gereksinime göre inceleyin: Kayıtlı bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın. Önce şu belirli sınırı test edin: Kayıtlı bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı kayıt bulunmaması 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 anlamlı bir sırada karşılaştığını doğrulayın. Onaylanmış içeriği koruyun ve yalnızca bu denetimde başarısız olan bölümleri düzeltin.
Dijital Üyelik Cüzdanı 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.
- Saklanan bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Üyelik kartından Yenileme ayrıntılarına geçişi iyileştirin. Saklanan bir kart, üyeliğin etkin olduğunun kanıtı değildir; süresi dolmuş bir kaydı doğrulanmış güncel durumdan ayırın. İlgili bekleme, başarısızlık ve tamamlanma 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.
