Mevcut proje teknoloji yığınını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Evcil Hayvan Bakım Günlüğü. ## Gerekli içerik ve yapı Birden fazla evcil hayvan için beslenme, yürüyüş ve sahip tarafından sağlanan bakım notlarını kaydedin; ardından randevu sorularını ve belgelerini tek yerde toplayın. ## Ekranlar ve gezinme Birbirine bağlı üç görünüm oluşturun: Evcil Hayvanlar; Günlük kayıt; Randevu notları. Seçili kaydı ekran başlığında veya özette 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ğ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 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 isteyin. Tanıtım kayıtlarında kurgusal Companion 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. Söz konusu 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ğlanmadığında sıcak krem, kayısı, çikolata kahvesi ve evcil hayvan portre fotoğrafları kullanın. İş akışını genel gösterge paneli kartlarını tekrarlayarak değil, kendi içeriği ve kontrolleriyle ayırt edilebilir hâle getirin. 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 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ü - Kayıtları doğru evcil hayvana bağlı tutun ve gözlemleri tıbbi tavsiye ya da tanıya dönüştürmekten kaçını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ı Evcil Hayvan Bakım 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, hizalamaları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: Birden fazla evcil hayvan için beslenme, yürüyüş ve sahip tarafından sağlanan bakım notlarını kaydedin; ardından randevu sorularını ve belgelerini tek yerde toplayın. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu düzen yönlendirmesini kullanın: Giriş ekranı olarak Evcil Hayvanlar ile başlayın, Günlük kayıt için net bir birincil eylem sunun ve Randevu notlarında ne olduğunu ve bundan sonra neler olabileceğini açıklayın. Başlangıç yönü olarak sıcak krem, kayısı, çikolata kahvesi ve evcil hayvan portre fotoğrafları kullanıp bunları sağlanan markaya uyarlayın. Üç ekran boyunca kayıt kimliğini ve gezinme bağlamını görünür tutun. Dekoratif paneller yerine başparmakla kolayca erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil düzeni uçtan uca genişletmek yerine iş akışının bütünlüğünü koruyun. ## Örnek proje gereksinimindeki görsel yön sıcak krem, kayısı, çikolata kahvesi, evcil hayvan portre fotoğrafları. ## Etkileşim özellikleri Referans statik bir konsepttir: Aşağıdaki davranış uygulanması gereken bir gereksinimdir; 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: Birden fazla evcil hayvan için beslenme, yürüyüş ve sahip tarafından sağlanan bakım notlarını kaydedin; ardından randevu sorularını ve belgelerini tek yerde toplayın. Kayıtları doğru evcil hayvana bağlı tutun ve gözlemleri tıbbi tavsiye ya da tanıya dönüştürmekten kaçının. Görünür her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; ilgili görünümler arasında tutarlı durumu koruyarak 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 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 tanıtım değişmişse arka uç işleminin başarıyla tamamlandığı izlenimini vermeyin. ## 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.