ワイヤフレームのデザイン

通常画面(メニューを何も押していない状態)

 

下に表示されている^をタップしたらメニューが出てくる
(ここでメニューの外をタップするか10秒放置(時計表示と同じタイミング)するとメニューが下に引っ込む)

10秒放置(何もタップしない状態)すると、UI関係がすべてフェードアウトして非表示になり、時計表示(フェードイン)になる

 

 

ちなみに、雲はふわふわ上下にランダムに揺れていて、

街なみはゆっくり(じっくり見ないとわからないくらい)回転させたい

■レベルアップタブ

画面左下「レベルアップ」タブをタップ。

TOPメニューのタブが隠れて、

メニューのタブの内容が「スシ」と「ニンゲン」表示になる。

一番右端にもどるタブ。このタブでTOPメニューに戻れる
下からメニューがせりあがってくる。

 

 


おとこのこ・おんなのこなどのレベルアップする対象は上下にスクロールできる

画面下の「スシ」タブをタップで、レベルアップする対象をスシに切り替え

マスターデータ:https://docs.google.com/spreadsheets/d/1ooywpad019pjgTfwgwIArxWuh-kn3MEVilRb8N3XP14/edit?usp=sharing

 

■ミニゲームタブ

(最初のリリースはミニゲームないため。押しても何も表示されない)

 

 

■動画配信タブ

動画配信タブをタップして離した時→

シーン切り替わってこのような表示

https://woof.atlassian.net/l/c/oSHEB0ik

 

■ミッションタブ

マスターデータ:

ミッション内容と達成状況が確認できる。

ミッション・デイリーミッションが分かれている

■その他/設定タブ

画面右下「その他/設定」タブをタップすると
以下の項目
・お知らせ
・名前の変更
・サウンドの調整
・利用規約・プライバシーポリシー
 タップするとwoofの対象のページに飛ぶ
・ライセンス・クレジット
 タップするとスタッフロールが流れる。画面上をタップで早送り

テキストはLocalization.xlsxのsetting1~に対応しています

 

タブのデザイン

【テキストについて】

メインメニューであるtab1からtab5は、ON/OFF状態どちらもテキスト無しでアイコンのみ。

テキストはLocalization.xlsxのtab1~に対応しています

filename

image

格納場所

filename

image

格納場所

Unread.png

新着の通知

TOPTAB_hide_back

TOPTAB_hide

 

(↑横幅は画面サイズに合わせる)

 

 

tab0-1

tab0-2

 

tab1-1

tab1-2

 

tab2-1

tab2-2

 

tab3-1

tab3-2

 

tab4-1

tab4-2

 

tab5-1

tab5-2

 

tab6-1

tab6-2

 

tab7-1

tab7-2

 

tab8-1

tab8-2

 

tab9-1

tab9-2

 

tab10-1

tab10-2

 

tab11-1

tab11-2

 

 

tab12-1

tab12-2

 

 

settingTab01-1

 

settingTab02-1

 

 

 

settingTab03-1

 

settingTab04-1

 

settingTab05-1

 

 

 

 

 

 

 

 

 

 

パネルとパネルの間は2px程度あけたい