İ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, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Odak Oturumu Zamanlayıcısı.
Gerekli içerik ve yapı
Bir görev ve zamanlayıcı süresi seçin, oturumu duraklatın veya bitirin ve kesintileri başarısızlığa dönüştürmeden kısa bir değerlendirme kaydedin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Bugün; Odak oturumu; Değerlendirme. Seçili 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, hiçbir adımı kaldırmadan veya görevi değiştirmeden düzeni 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 Still markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcı veri saklama, izinler veya bir arka uç gerektireceğini açıklayın. 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ğlanmamışsa sıcak gri, antrasit, soluk lime yeşili ve yalın tipografi kullanın. Genel kontrol paneli kartlarını tekrarlamak yerine iş akışını kendi içeriği ve kontrolleriyle tanınabilir kılın. Tutarlı bir aralık ölçeği ve belirgin 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 uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden 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
Odak Oturumu Zamanlayıcısı 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, hizalamayı, aralıkları, tipografi hiyerarşisini, yüzey renklerini, kenarlıkları, görselleri ve yinelenen bileşenleri belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Bir görev ve zamanlayıcı süresi seçin, oturumu duraklatın veya bitirin ve kesintileri başarısızlık olarak göstermeden kısa bir değerlendirme kaydedin. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu düzen yönlendirmesini kullanın: Giriş ekranı olarak Bugün ile başlayın, Odak oturumuna belirgin bir birincil eylem verin ve Değerlendirmenin ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak sıcak gri, antrasit, soluk lime yeşili ve yalın tipografi kullanın; 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 okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir uçtan diğerine yaymak yerine iş akışını tutarlı tutun.
Örnek proje gereksinimindeki görsel yön
sıcak gri, antrasit, soluk lime yeşili, yalın tipografi.
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: Bir görev ve zamanlayıcı süresi seçin, oturumu duraklatın veya bitirin ve kesintileri başarısızlık olarak göstermeden kısa bir değerlendirme kaydedin. Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın. Görünür her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümler arasında tutarlı bir 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 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 demo değişmişse 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.
Odak Oturumu Zamanlayıcısı Tasarım İstemi Nasıl Yazılır?
Bir görev ve zamanlayıcı süresi seçmek, oturumu duraklatmak veya bitirmek ve kesintileri başarısızlık olarak göstermeden kısa bir değerlendirme kaydetmek için bu odak oturumu zamanlayı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.
Duraklatmayı Tamamlamadan Ayırın
Bir odak zamanlayıcısı uygulaması, her kesintiyi başarısızlık olarak değerlendirmeden kesintiye uğrayan çalışmayı desteklemelidir.
Geçen süre, yalnızca ekranda bırakılmış bir animasyondan değil, oturum durumundan alınmalıdır. Giriş ekranı olarak Bugün ile başlayın, Odak oturumuna belirgin bir birincil eylem verin ve Değerlendirmenin ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak sıcak gri, antrasit, soluk lime yeşili ve yalın tipografi kullanın; 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 okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir uçtan diğerine yaymak yerine iş akışını tutarlı tutun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Bugün; Odak oturumu; Değerlendirme.
Kendinize Uyarlayın
[TASK] görevini ve süreyi seçin; duraklatma, sürdürme ve bitirme eylemleri sunun. Arka plana alındıktan sonra geçen süreyi geri yükleyin ve kullanıcı bitirdiğinde isteğe bağlı bir değerlendirme sunun.
Odak Oturumu Zamanlayıcısı İçeriğini Hazırlayın
Zamanlayıcı ekranı, kalan süreyi Duraklat ve Bitir kontrollerinden ayırır ve uzakta geçirilen süreyle ilgili bir bildirim gösterir. Geçen süreyi animasyon karelerinden türetmek yerine arka planda zamanlama ve devam ettirme davranışını tanımlayın.
Görev etiketini, seçilebilir süreyi, duraklatma davranışını ve isteğe bağlı değerlendirme alanlarını tanımlayın. Arka plana alınmış bir oturum ile erken sonlandırılmış bir oturum ekleyin ve geçen sürenin geri yüklenmesine ilişkin açık kurallar belirtin.
İstemden
Bir görev ve zamanlayıcı süresi seçin, oturumu duraklatın veya bitirin ve kesintileri başarısızlığa dönüştürmeden kısa bir değerlendirme kaydedin.
Kendinize Uyarlayın
[PROJECT] için bu odak oturumu zamanlayıcısının kaynağı olarak [APPROVED_CONTENT] kullanın. Bugün; Odak oturumu; Değerlendirme 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.
Zamanlayıcıyı Arka Plana Alın
Son ekran, tamamlanan bir oturumun ardından ruh hâlini, notları ve bir sonraki adımı kaydeder. Kaydetme bildirimini test edin ve kullanıcı ekrandan ayrılırsa tamamlanmamış değerlendirmeyi koruyun.
Geri dönüldüğünde doğru oturum durumunu ve geçen süreyi gösterin. Duraklatılmış bir oturum, yalnızca ilk duvar saati bitiş zamanı geçti diye tamamlanmış görünmemelidir. Önce şu belirli sınırı test edin: Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı hiçbir kaydın bulunmadığı bir durum ve başarısız bir eylemle çalıştırın. Kullanıcı, renge bağlı kalmadan 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
Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın.
Kendinize Uyarlayın
Odak oturumu zamanlayıcısını şu gereksinime göre inceleyin: Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın. Önce şu belirli sınırı test edin: Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı hiçbir kaydın bulunmadığı bir durum ve başarısız bir eylemle çalıştırın. Kullanıcı, renge bağlı kalmadan 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.
Odak Oturumu Zamanlayı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.
- Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden 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 Odak oturumundan Değerlendirmeye geçişi iyileştirin. Uygulama arka plana alındıktan sonra geçen süreyi doğru şekilde geri yükleyin ve duraklatma ile oturumun tamamlanmasını birbirinden ayırın. İlgili beklemede, başarısız ve tamamlandı 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.
