← View index

泡は上に溜める

前の案は泡だまりが中央に来すぎてた。ビールの構造として正しいのは、ページ最上部の白い泡にロゴが乗って、その下にシュワシュワのビール、その下に白いUI。

今夜、誰か
飲める?

上でブランドを掴ませて、下は友達の状態を読ませる。

ひめの渋谷あたり・残り42分
行けるかも
りょう新宿あたり・残り18分
あとで
自分も90分だけONにする
直した判断

泡だまりはロゴの背面ではなく、ページの最上部に固定。ロゴはその泡に浮かせる。これで「ビールの泡」→「ロゴ」→「ビールの液体」→「白UI」の順になって、視覚的に筋が通る。

top foamC wordmarkbeer fizz under logo
案1: トップ画面

ページを開いた瞬間のブランド面。これが本命。

案2: 白背景ヘッダー

アプリ内の常設ヘッダー。泡は上だけ、下はUIを邪魔しない。

案3: アイコン
カンパイ
しよ!

アイコンも同じ文法でいける。上が泡、下がビール。