İ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: Çevrimdışı Doğa Yürüyüşü Günlüğü.
Gerekli içerik ve yapı
Fotoğraf ve isteğe bağlı konum içeren bir parkur kaydı oluşturun, cihazda kaydedin ve ardından tam olarak hangi kayıtların eşitlenmeyi beklediğini gösterin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Geziler, Yeni kayıt ve Eşitleme kuyruğu. 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çerken 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, herhangi 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 isteyin. Tanıtım kayıtlarında kurgusal Field Notes 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. 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 sıcak fildişi, orman yeşili ve doğa fotoğrafları kullanın. İş akışını genel pano kartlarını tekrarlayarak değil, kendine özgü içerik 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 dayanmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden 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
Ekli reference.webp dosyasını Çevrimdışı Doğa Yürüyüşü Günlüğü 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 yinelenen bileşenleri belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Zorunlu görev içeriği: Fotoğraf ve isteğe bağlı konum içeren bir parkur kaydı oluşturun, cihazda kaydedin ve ardından tam olarak hangi kayıtların eşitlenmeyi beklediğini gösterin. Görseli düzenlenebilir öğelere dönüştürürken şu göreve özel düzen yönlendirmesini kullanın: Giriş ekranı olarak Geziler ile başlayın, Yeni kayda net bir birincil eylem verin ve Eşitleme kuyruğunun ne olduğunu ve ardından neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak sıcak fildişi, orman yeşili ve doğa fotoğraflarını 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 okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni uçtan uca esnetmek yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
Giriş ekranı olarak Geziler ile başlayın, Yeni kayda net bir birincil eylem verin ve Eşitleme kuyruğunun ne olduğunu ve ardından neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak sıcak fildişi, orman yeşili ve doğa fotoğraflarını 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 okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni uçtan uca esnetmek yerine iş akışının bütünlüğünü koruyun.
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: Fotoğraf ve isteğe bağlı konum içeren bir parkur kaydı oluşturun, cihazda kaydedin ve ardından tam olarak hangi kayıtların eşitlenmeyi beklediğini gösterin. Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden 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ı durumla uygulayın. Arama ve filtrelerin gerçek sonuçlar üretmesini, seçim kontrollerinin belirgin bir etkin durum göstermesini ve kaydetme eylemlerinin uygun yerlerde görünür bekleme/başarı/hata 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.
Çevrimdışı Doğa Yürüyüşü Günlüğü Tasarım İstemi Nasıl Yazılır?
Fotoğraf ve isteğe bağlı konum içeren bir parkur kaydı oluşturmak, cihazda kaydetmek ve ardından tam olarak hangi kayıtların eşitlenmeyi beklediğini göstermek için bu çevrimdışı doğa yürüyüşü günlüğü 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.
Gezileri, Kaydı ve Eşitleme Durumunu Bağlayın
Soldaki bölümlere ayrılmış gezinme çubuğunda Geziler seçilidir. Ortadaki görünümün başlığı “New entry”, sağdaki görünümün başlığı ise “Sync queue” olup bir bağlantı mesajıyla başlar. Sıcak fildişi yüzeyler ve orman yeşili kontroller, üç düzeni de birbirinin aynısı yapmadan ekranları birbirine bağlar.
Renk veya dekorasyonu açıklamadan önce görünümleri ve sorumluluklarını adlandırın. Referans, sıralamayı göstermek için bunları yan yana yerleştirir; uygulanan mobil uygulama ise üçünü tek bir telefon görüntü alanına sıkıştırmak yerine aralarında geçiş yapmalıdır. Giriş ekranı olarak Geziler ile başlayın, Yeni kayda net bir birincil eylem verin ve Eşitleme kuyruğunun ne olduğunu ve ardından neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak sıcak fildişi, orman yeşili ve doğa fotoğraflarını 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 okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni uçtan uca esnetmek yerine iş akışının bütünlüğünü koruyun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Geziler, Yeni kayıt ve Eşitleme kuyruğu. 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çerken 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, herhangi bir adımı kaldırmadan veya görevi değiştirmeden düzeni uyarlayın.
Kendinize Uyarlayın
[PROJECT] için birbirine bağlı üç görünüm oluşturun: Geziler, Yeni kayıt ve Eşitleme kuyruğu. Kayıtlarını görmek için bir geziyi açın; o geziyle ilişkili bir taslak başlatmak için ekleme eylemini kullanın. Düzenleyiciye, taslağı koruyan açık bir geri eylemi verin. Kuyrukta aynı gezi kimliğini koruyun. Mobilde her seferinde tek bir görünüm gösterin ve daha geniş ekranlar için bilinçli bir düzen kullanın.
Bir Kaydın Gerçekte Neleri Sakladığını Tanımlayın
Kayıt ekranı; büyük bir fotoğrafı, başlıklı bir notu, karakter sayısını, isteğe bağlı konumu ve “Save on device” düğmesini bir araya getirir. Konum satırının kendine ait bir kaldırma kontrolü vardır. Bunlar tek bir düzleştirilmiş görsel değil, ayrı içerik parçalarıdır.
Görseldeki alanları küçük bir veri sözleşmesine dönüştürün. Nelerin zorunlu olduğunu, nelerin kaldırılabileceğini ve başarısız bir fotoğraf yüklemesinden sonra nelerin korunacağını belirleyin. Görünen karakter sayacı bir sınır olduğunu düşündürüyor ancak proje gereksinimleriniz gerçek doğrulama kuralını tanımlamalıdır.
İstemden
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 Field Notes 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. Açıkça uygulanıp test edilmedikçe harici hizmetlere bağlanmayın veya bir işlemin tamamlandığını iddia etmeyin.
Kendinize Uyarlayın
Her kayıt bir gezi kimliği, başlık, not metni, isteğe bağlı fotoğraf, isteğe bağlı koordinatlar ve yerel kayıt zaman damgası içermelidir. Örnek kayıtlar için [APPROVED_CONTENT] kullanın. Kullanıcıların notlarını silmeden konumu kaldırabilmesini sağlayın. Not sınırını [CONTENT_RULES] içinde tanımlayın, kalan karakter sayısını gösterin ve doğrulamayı arayüz içinde açıklayın. Fotoğraf kullanılamadığında bile kaydetme işlemi metni korumalıdır.
Yerel Kaydı Tamamlanan Senkronizasyondan Ayırın
Kuyruk, “Saved offline” ile “Waiting for connection” durumlarını rengin yanı sıra metinle de ayırt eder. Listenin önündeki bir banner, bağlantı koşulunu açıklar. Bu, amaçlanan durum modelini aktarır ancak yalnızca görsel, verilerin kalıcı olduğunu veya yüklemelerin devam ettiğini kanıtlayamaz.
Geçiş kurallarını açıkça yazın. Yerel kayıt, kuyruğa alınmış yükleme ve tamamlanmış senkronizasyon farklı durumlardır. Kurtarma testi, kaydı tek ve bölünmez bir işlem olarak ele almak yerine hem metin kaydını hem de ekini kontrol etmelidir. Önce şu belirli sınırı test edin: Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda kullanılabilir kalmalıdır; yerel kaydı tamamlanmış senkronizasyondan ayırın. Ardından uzun kayıt başlığı, kayıtlı kayıt bulunmaması ve başarısız bir eylemle ana akışı çalıştırın. Kullanıcı, yalnızca renge bağlı kalmadan neyin kaydedildiğini, neyin beklediğini ve neyin 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
Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden ayırın.
Kendinize Uyarlayın
Yerel kayıttan sonra kaydı hemen gösterin ve yüklemesini beklemede olarak işaretleyin. Fotoğraf yüklemesi başarısız olursa kaydedilmiş metni koruyun ve bu ek için yeniden deneme seçeneği sunun. Kuyruk sayılarını gerçek kayıt durumuna göre güncelleyin ve yeniden denemede yinelenen kayıtları önleyin. Uygulanan hizmet başarıyı doğrulayana kadar “Synced” göstermeyin; simüle edilen geçişleri demo davranışı olarak etiketleyin.
Referansı ve Proje Gereksinimlerini Birlikte Kullanın
Referans görseli özelleştirilmiş istemle birlikte OpenDesign'a ekleyin. Çelişen yönergeler eklemek yerine ilgili talimatları proje tercihlerinize göre değiştirin. Ö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.
- Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden ayırın.
- Önce şu belirli sınırı test edin: Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden ayırın. Ardından ana akışı uzun bir kayıt başlığı, hiç kaydedilmiş kayıt olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, renge güvenmeden nelerin kaydedildiğini, nelerin beklediğini 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.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Yeni kayıttan Eşitleme kuyruğuna geçişi iyileştirin. Kaydedilmiş bir metin notu, fotoğraf yüklemesi başarısız olduğunda da erişilebilir kalmalıdır; yerel kaydı tamamlanmış eşitlemeden ayırın. İlgili bekleme, hata 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.
