web-dev-qa-db-ja.com

ハンバーガーアイコンとエリプシスアイコンの違いは何ですか?

今後、レスポンシブデザインが可能なエンタープライズアプリケーションに取り組んでいます。ハンバーガーアイコン(3つの水平バー)と省略記号(3つの水平/垂直ドット)の違いは何ですか?画面に両方のアイコンを一緒に表示できますか-一度はプライマリナビゲーション、もう一方はセカンダリアクションボタンです(追加情報やアクションなど)。

どんな洞察も非常に役に立ちます!

ありがとう!

2
AG-UX

ハンバーガーは通常、グローバルナビゲーションメニューを開くことです。マテリアルデザインでは、これを ナビゲーションドロワー と呼んでいます。

省略記号は、この特定のページ/コンテキストで使用できる追加のコントロール(詳細)を示すアイコンです。

enter image description here

実際、すべての画面に両方のアイコンを一緒に表示できます。たとえばDropboxは、表の省略記号を使用して追加のコントロールを示します。

enter image description here

省略記号は、マテリアルデザインではドロップダウンメニューと呼ばれます。 https://material.io/design/components/menus.html#dropdown-men

IOSでは、一般に「追加メニュー」と呼ばれます。 https://developer.Apple.com/documentation/uikit/uitabbarsystemitem/more

4
simonlh