Bitki Bakım Programı Tasarım İstemi

Mevcut proje teknoloji yığınını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Bitki Bakım Programı.

Gerekli içerik ve yapı

Kullanıcı tanımlı sulama programlarını takip edin, bir bakım eylemini ve fotoğrafı kaydedin ve tek bir bitki için hatırlatıcıyı yeniden planlayın.

Ekranlar ve gezinme

Birbiriyle bağlantılı üç görünüm oluşturun: Bitkilerim; Bitki ayrıntısı; Bakım günlüğü. Seçili 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 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 kompozisyonu 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 Sprout markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcı depolama, 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 soluk adaçayı yeşili, krem, botanik yeşili ve bitki fotoğrafları kullanın. İş akışını genel pano kartlarını tekrarlamak yerine kendi içeriği ve kontrolleri aracılığıyla tanınabilir hâle getirin. 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 yalnızca renge dayanmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine saygı gösterin ve animasyonlu geçişleri isteğe bağlı tutun.

Göreve özel kabul kontrolü

• Süresi geçmiş ve ertelenmiş hatırlatıcıları ayrı ayrı gösterin; programların bitki teşhisi değil, kullanıcı tarafından sağlanan bilgiler olduğunu açıklayı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

Bitki Bakım Programı için görsel referans olarak ekli reference.webp dosyasını kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya, 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 şablonla değiştirmek yerine bu ilişkileri koruyun. Gerekli görev içeriği: Kullanıcı tanımlı sulama programlarını takip edin, bir bakım eylemini ve fotoğrafı kaydedin ve tek bir bitki için hatırlatıcıyı yeniden planlayın. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu düzen yönlendirmesini kullanın: Giriş ekranı olarak Bitkilerim ile başlayın, Bitki ayrıntısına net bir birincil eylem ekleyin ve Bakım günlüğünün ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak soluk adaçayı yeşili, krem, botanik yeşili ve bitki fotoğrafları 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; geniş ekranlarda mobil kompozisyonu uçtan uca esnetmek yerine iş akışının tutarlılığını koruyun.

Örnek proje gereksinimindeki görsel yön

soluk adaçayı yeşili, krem, botanik yeşili, bitki fotoğrafları.

Etkileşim özellikleri

Referans statik bir konsepttir: Aşağıdaki davranış uygulanması gereken bir gerekliliktir; görselin hâlihazırda çalıştığının kanıtı değildir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Kullanıcı tanımlı sulama programlarını takip edin, bir bakım eylemini ve fotoğrafı kaydedin ve tek bir bitki için hatırlatıcıyı yeniden planlayın. Süresi geçmiş ve ertelenmiş hatırlatıcıları ayrı ayrı gösterin; programların bitki teşhisi değil, kullanıcı tarafından sağlanan bilgiler olduğunu açıklayın. Görünen her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; ilgili görünümler arasında tutarlı durumla yerel değişiklikleri 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 durumlarda 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ğunu ima etmeyin.

Görsel karşılaştırma ve teslim

1. 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.
2. Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
3. 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.