Glassmorphism (cam benzeri), yüzen kartlar ve yumuşak ışıklı arka plan efektleriyle huzurlu, Japon iOS tarzında bir ruh hali takip uygulaması arayüzü oluşturur.
Amaç: Lumen için, açık temalı bir ruh hali ve nefes egzersizi takip uygulaması olan, Apple'dan ilham alan yumuşak glassmorphism efektlerine ve Japonca arayüz metinlerine sahip, şık bir iOS tarzı sağlıklı yaşam uygulaması taslağı oluşturun.
Tuval: Dikey mobil ekran görüntüsü, 9:16 en-boy oranı, yaklaşık 563 × 1008 piksel. Alt ve kenarlarda puslu sulu boya manzarası, ince dağlar, sazlıklar ve merkezden dikey olarak geçen, üst kısımda sıcak şeftali rengi, alt kısımda ise soluk mavi olan parlayan kıvrımlı bir ışık izi ile ferah, krem-beyaz bir arka plan kullanın.
Düzen: Uygulama başlığını sol üst köşeye, zarif bir serif yazı tipiyle, büyük siyah harflerle "Lumen" olarak yerleştirin ve altına daha küçük, koyu gri Japonca metinle "今日の光" alt başlığını ekleyin. Sağ üst köşeye, üç koyu yatay çizgili ve yumuşak gölgeli dairesel bir hamburger menü butonu yerleştirin.
Ana Arayüz Öğeleri: Dikey olarak merkezde üst üste dizilmiş tam olarak 5 adet yüzen, yuvarlatılmış cam kart/buton kullanın:
1. Üstteki küçük hap kartı: Solda sıcak şeftali rengi güneş simgesi, "集中" etiketi, "10:20" saati ve sağda bir küçük turuncu durum noktası.
2. Ortadaki seçili hap kartı: Turkuaz parıltılı dış hatlara sahip, daha büyük, beyaz yarı saydam hap; solda turkuaz dairesel dalga/nefes simgesi, "穏やか" etiketi, "15:40" saati ve sağda bir küçük turkuaz durum noktası. Bu hapın alt kısmının ortasına, aşağıdaki genişletilmiş karta görsel olarak bağlanan küçük bir çentik ekleyin.
3. Genişletilmiş ruh hali giriş kartı: Büyük, yuvarlatılmış, beyaz yarı saydam panel. Sol üstte aynı turkuaz dalga simgesi, "穏やか" başlığı ve sağ üstte "×" işaretli dairesel bir kapatma butonu. "15:40" saatini büyük metinle gösterin. Tam olarak 3 görünür parçadan oluşan yatay bir ruh hali kaydırıcısı ekleyin: solda üzgün yüz simgesi, merkezden hafifçe sağda düğmesi olan turkuazdan griye geçişli bir kaydırma çubuğu ve sağda mutlu yüz simgesi. Altına, sağda küçük bir kalem simgesi bulunan ve "深呼吸のあと、少し軽くなった" metnini içeren yuvarlatılmış bir metin giriş alanı ekleyin. En alta, "記録する" etiketli büyük, turkuaz gradyanlı yuvarlatılmış bir buton ekleyin.
4. Alttaki küçük hap kartı: Solda mavi ay ve yıldız simgesi, "回復" etiketi, "20:45" saati ve sağda bir küçük mavi durum noktası.
5. Alt navigasyon / eylem çubuğu: Alt kısma yakın, geniş, yarı saydam yuvarlatılmış bir kapsül. Tam olarak 3 dairesel kontrol içerir: solda çubuk grafik simgeli küçük dairesel buton, ortada daha büyük parlayan altın rengi dairesel buton ve sağda kalp ana hatlı küçük dairesel buton. Ortadaki parlayan butonun altına "気分を追加" etiketini ekleyin.
Görsel stil: Minimalist premium iOS uygulama tasarımı, yarı saydam buzlu cam yüzeyler, yuvarlatılmış köşeler, yumuşak düşen gölgeler, zarif parıltı, ince derinlik, temiz boşluklar, sakin sağlıklı yaşam atmosferi. Sıcak şeftali, nane turkuazı, soluk mavi, krem beyazı ve kömür rengi tipografi kullanın. Simgeler basit çizgi simgeler olmalı ve iOS'e özgü hissettirmelidir.
Kısıtlamalar: Tüm görünür Japonca metinleri tam olarak belirtildiği gibi tutun. Fazladan kart, fazladan metin, logo, filigran, cihaz çerçevesi veya durum çubuğu eklemeyin. Taslak, gerçek bir yüklü uygulamanın ekran görüntüsünden ziyade, oluşturulmuş bir uygulama arayüzü konsepti gibi görünmelidir.