UI Details JP

A collection of micro-interactions. Inspired by "Little Big Details".

2021-02-04から1日間の記事一覧

Mooda - Open icon pack

パッケージに入っている状態で端末を傾けるとアイコンが向きに応じて移動する ドラッグで袋を開くことができる 何気ないところで遊び心があり、この遊びこそがこのアプリのブランディングになっている

Mooda - Insert image

画像を選択すると、インスタントカメラで撮ったようなアニメーションが表示された後に、インスタント写真の枠と一緒に画像が挿入される。 シンプルなアクションだが、楽しませる演出。

Mooda - Select icon

顔を選択する操作が単純に楽しい 普通のリストスタイルでも問題はないと思うが、顔オブジェクトの数と形(丸)と親和性が高いUI 今はまだ1個しかないが、選択した顔オブジェクトが増えるほどに画面が埋まっていく。その既存の画面を邪魔しない配置

Airbnb - Signup

テキストフィールドのプレースホルダーにラベルが付いていてわかりやすい上に省スペースになっている テキストフィールド(電話番号)にフォーカスするとアウトラインのカラー、太さ、形状が変わり一目でフォーカスしているのが分かる 電話番号を入力すると…