見出し画像

Bono-UIの基本知識

「基礎知識」というタイトルの動画なのに、知らんことはまだまだいっぱいです😂
コツコツ頑張るぞー

【かかった時間】※正確にメモしていなかったのでアバウトです
・執筆時間:1h

【学んだこと】
・UI=「情報表示エリア」+「アクション・ナビエリア」

・UIパターンは3つ
①ヘッダーに「アクション・ナビ」:スタバ
設定マークのところとか?

画像1

②フッターに「アクション・ナビ」:アディダス
これはただのボトムナビか?🤔ページ全体に対するボタンじゃないな。。。
他にあるかまた探してみます。
スクショできなかったけど、ペイペイとかも同じか。。。🤔

画像3

③情報に対して「アクション・ナビ」:エアビ
※(検索バーあるけど)検索を行うページに対して「柔軟な検索」の部分とかがそう?

画像2

・奥行きを出すことが大事
最近PCを使っていて、ウィンドゥが違うと影つくんだな、と発見したばかりでした。

スクリーンショット 2021-12-01 17.02.38

参考:




Bonoについてはこちら


よろしければサポートをよろしくお願いいたします!いただいたサポートは管理栄養士としての活動費に使わせていただきます!