web-dev-qa-db-ja.com

水平3ドットメニューと垂直3ドットメニューの違いは何ですか?

まず、このタイプのナビゲーションの名前を知っている人はいますか?

次に、これら2つの違いは何ですか?どのような場合に垂直方向のものを使用し、どのような場合に水平方向のものを使用しますか?理解を深めるために画像をアップロードしました。

horizontal or vertical three dots menu?

30
Anca Sanduloiu

両方とも伝統的に表示で知られていますその他のオプション

それらは、終了していないメニューを参照する省略記号と考えることができ、それをクリックするとメニュー全体が表示され、終了します。

Androidでは Overflow Men と呼ばれます

AppleおよびiOSデバイスでは More Options Menu)と呼ばれます

技術的には、これらはUIに直接表示されるプライマリオプションとは対照的に、セカンダリオプションを表示するために使用されます。オーバーフローメニューオプションには、破壊アクションを含めることもできます。

より多くのオプションを含む水平メニューを表示するのではなく、ドロップダウンしてユーザーの期待を高めているため、マテリアルデザインでは垂直に作成されたと思います。

21
Swapnil Borkar

それらの両方は、より多くのオプションを表示するために使用されました。

  1. マテリアルデザインでは、プラットフォーム全体で縦型のハンバーガーアイコンを使用して、より多くのオプションを表示しています。主にセカンダリオプションを表示するために使用されます。
  2. iOSは水平方向のハンバーガーアイコンを使用してより多くのオプションを表示します

私は両方を好みます。しかし、私はこのアプローチを使用して、どちらを選択するかを決定します。

データが垂直にスクロールする場合、私は垂直のハンバーガーアイコンを使用し、データが水平にスクロールする場合、3つの水平線を使用します。

2

これらの文字は、水平楕円と垂直楕円と呼ばれます。

https://en.wikipedia.org/wiki/Ellipsis#Computer_representations

⋯(正中線の水平楕円、U + 22EF):

⋮(縦の省略記号、U + 22EE):

UIの場合、違いは水平リストと垂直リストのようになる可能性があります。

2
XP1