スマホそのまんまUI
PC版とモバイル版のデザインを作り分けるのがコストがかかるなどの理由から、PCにスマホUIをそのまま載せるケースが増えている。
今思ったけどスマホそのまんまUIであるための条件はコンテンツエリアがスマホの形状をしていることだな
一番左のペインもスマホそのままだけど、その右にもう1つスマホのようなペインを出すことで、スマホにおけるドリルダウンを空間的にやってるみたいなことになる。
スマホ版Googleマップは半モーダルで、背景と前景で別々の操作ができるようにしているので、それを1画面で見られるようにするというのは大画面の理にかなった使い方である。 https://gyazo.com/c40f7603233bbe7954cd04914e372deb
これも上と同じで、複数のスマホ画面を使って大画面に並べている。
上のは階層構造を表現しているけどこれは並列関係。
インスタはなんならiPadでもスマホそのまんまUIをやっているのですごすぎる。褒めてません。
https://gyazo.com/7659c1253b06cee7f9f68c5fd79a0f1b
狂ate the future
東大のプログラムのサイト。右側のペインだけがスクロールする。
https://gyazo.com/089635205e64e1a58f7001fd4920683f
Chupa chups forever fun
ローディングアニメーションは全画面、実際のコンテンツは中央だけという使い分け。
https://gyazo.com/78b7893394696445b408fc266a5f43c3
https://gyazo.com/81a81b5058beeecc19b2b8a7db8d4066
Walica
https://gyazo.com/6452e6f2ce21b5ea4a6553a58f127743
亜種
https://gyazo.com/f5ddeedfe0af9b42a2a24a62f454499b
https://gyazo.com/b8f5694b84bc88942e3458e6251bfc76
株式会社闇
https://gyazo.com/5397d0b394764f08508f0e5d6c36d740
M-1グランプリ
パカパーン
ナビゲーションを左に出しているところに工夫を感じてよい。
Alterna
https://gyazo.com/0e63dc560fb6d6964ca68b9cb01c7467
右上のハンバーガーメニューを押すと画像右下のメニューが出てくる。これは不思議