İletişim tonunu ve ilişki ayarlarını özelleştirmek için temiz bir Japonca SaaS onboarding ekranı oluşturur.
Hedef: Seçilen bir iletişim kişiliğinin veya ilişki türünün ince ayarını gösteren, 2. adım için temiz bir Japonca web uygulaması onboarding/ayarlar ekranı oluşturun.
Tuval: 16:9 masaüstü ekran görüntüsü, beyazdan çok açık griye geçişli arka plan, yaklaşık 720 piksel genişliğinde, geniş kenar boşluklarına sahip ortalanmış içerik sütunu, yumuşak gölgeler, yuvarlatılmış kartlar, minimal SaaS arayüz stili.
Başlık: Üst orta kısımda, üzerinde “2” yazan küçük mavi dairesel bir rozet ve yanında 「相手タイプの微調整」 (Muhatap tipi ince ayarı) etiketi gösterin. Altına kalın bir Japonca başlık ekleyin: 「選んだ人格を、あなたらしく整えましょう」 (Seçtiğiniz kişiliği kendinize göre düzenleyin). Başlığın altına daha küçük, gri bir alt başlık ekleyin: 「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」 (Önerilen ayarlar hazır. Sadece istediğiniz kısımları ayarlayabilir veya olduğu gibi devam edebilirsiniz.)
Ana düzen: Dikey olarak tam 4 akordeon kartı sıralayın. Her kartta solda bir çizgi simgesi, kalın bir Japonca başlık, daha küçük gri bir açıklama ve sağda bir ok işareti bulunur. 4 kart şunlardır: 1) insan simgeli kapalı kart, başlık 「友だち・家族」 (Arkadaş/Aile), açıklama 「気心の知れた相手とのカジュアルなやり取り」 (Yakın kişilerle gündelik iletişim), aşağı ok; 2) bina simgeli kapalı kart, başlık 「社内（メンバー）」 (Şirket içi - Üyeler), açıklama 「チームメンバーや同僚とのやり取り」 (Ekip üyeleri ve iş arkadaşlarıyla iletişim), aşağı ok; 3) mavi vurgulu kullanıcı simgeli genişletilmiş seçili kart, başlık 「社内（上司・別チーム）」 (Şirket içi - Yönetici/Diğer ekipler), açıklama 「上司や他部署のメンバーとのやり取り」 (Yöneticiler ve diğer departman üyeleriyle iletişim), yukarı ok; 4) evrak çantası simgeli kapalı kart, başlık 「社外・取引先」 (Şirket dışı - İş ortakları), açıklama 「取引先やビジネスパートナーとのやり取り」 (Müşteriler ve iş ortaklarıyla iletişim), aşağı ok.
Genişletilmiş kart detayları: Üçüncü kartın içine, solda Japonca etiketler ve sağda segmentli hap kontrolleri bulunan tam 6 ayar satırı oluşturun. 1. satır etiketi 「敬体」 (Hitap şekli) için 4 seçenek: 「タメ口」 (Samimi), 「砕けた敬語」 (Rahat saygılı), seçili 「丁寧敬語」 (Nazik saygılı), 「ビジネス敬語」 (İş dili saygılı). 2. satır etiketi 「相手の呼び方」 (Hitap şekli) için 4 seçenek: seçili 「〜さん」, 「〜様」, 「あだ名・呼び捨て」 (Takma ad/İsimle hitap), 「宛名なし」 (Hitapsız). 3. satır etiketi 「絵文字」 (Emoji) için 4 seçenek: 「なし」 (Yok), seçili 「たまに」 (Bazen), 「よく」 (Sık), 「相手に合わせる」 (Karşı tarafa uy). 4. satır etiketi 「！？の量」 (！？ miktarı) için 4 seçenek: 「使わない」 (Kullanma), seçili 「たまに」 (Bazen), 「よく」 (Sık), 「相手に合わせる」 (Karşı tarafa uy). 5. satır etiketi 「書き出し＆締め」 (Giriş ve Kapanış) için 4 seçenek: 「なし」 (Yok), 「定型」 (Standart), seçili 「名乗る」 (İsim belirt), 「相手に合わせる」 (Karşı tarafa uy). 6. satır etiketi 「よく使う絵文字の手札」 (Sık kullanılan emojiler) tam 9 küçük kare emoji düğmesi ve ardından bir artı işareti gösterir: seçili gülen yüz, baş parmak yukarı, parıltılar, ter damlası, iki kalp, gözler, havaya kaldırılmış eller, parti konfetisi, düşünen yüz ve ardından “+”.
Altbilgi: Akordeon yığınının altına, beyaz metinli, belirgin, yuvarlatılmış mavi gradyanlı birincil düğmeyi ortalayın: 「これで作る」 (Bununla oluştur).
Görsel stil: Net, modern Japonca ürün arayüzü, ince açık gri kenarlıklar, hafif kart gölgeleri, seçili kontroller ve aktif simge arka planları için mavi vurgu rengi, siyah/koyu lacivert başlıklar, gri ikincil metin. Kompozisyonu simetrik ve ferah tutun. Tarayıcı çubuğu yok, filigran yok, ekstra metin yok. Aktif seçim rengi olarak bright blue kullanın ve tüm görünür arayüz metinlerini Japonca tutun.
