it-swarm.com.de

Was ist der Unterschied zwischen den 2 Menüsymbolen: 3-Punkte (Kebab) und 3-Zeilen (Hamburger)

Was ist der Unterschied (falls vorhanden ...) zwischen diesen beiden Menüsymbolen?

1) 3 Zeilen (a.k. ein Burger-Symbol)
enter image description here

2) 3 Punkte (a.k. ein Kebab-Symbol)
enter image description here

27
Gil Epshtain

Im Allgemeinen werden sie verwendet, um verschiedene Arten von Menüs zu öffnen.

  • Der "Burger" wird verwendet, um ein "Burger-Menü" zu öffnen, das als Schublade dargestellt wird, die von der Seite des Bildschirms angezeigt wird und den größten Teil des Bildschirms einnimmt.
  • Der "Kebab" (drei vertikale Punkte), der aus der Material Design-Sprache von Google stammt, dient zum Öffnen eines kleineren Inline-Menüs über eine Schaltfläche oder ein anderes Steuerelement.

In Bezug auf die Benennung von Symbolen bezeichnet Google das Burger-Menü als "Menü" und den vertikalen oder horizontalen "Kebab" als "mehr Horizont" oder "mehr Vert".

Hier ist eine gute Demo von Luke Wroblewski von Kebab und anderen Menüoptionen:

(enter image description here

30
Matt Obee

Ich bezog mich auf iOS und Android Designrichtlinien und sie erwähnen das 3-Punkt-Symbol nie als "Kebab-Menü" .

In Android nennen sie es Überlaufmenü , während sie es in iOS als Mehr .

Als Referenz: Android - https://material.io/design/components/app-bars-top.html#anatomy =

iOS - https://developer.Apple.com/design/human-interface-guidelines/ios/icons-and-images/ System-Icons/# Tab-Bar-Icons

6
NB4

Google hat diese Symbole in seiner Designanleitung definiert.

Das sogenannte Burger-Symbol   wird mit dem Navigationssymbol benannt, das die Navigationsschubladen öffnet.
Diese ( material.io ):

navigationsschubladen bieten zugriff auf Ziele und App funktionalitätwie das Wechseln von Konten.


Das 3-Punkte-Symbol   wird als Überlaufmenü bezeichnet.
Google gibt als Erklärung dafür: ( material.io ):

App aktionen werden auf der rechten Seite einer App platziert, entweder als Symbole oder in einer überlaufmenü.


Beachten Sie, dass dies nur die Google-Definition ist. Google verwendet diese Symbole jedoch tatsächlich intensiv mit Android diese Symbole). Andere Unternehmen oder Programmierer verwenden diese Symbole möglicherweise auch anders.

2
gotwo

Ich bin bis jetzt auch auf viele Darstellungen gestoßen und wollte einige davon unten vorstellen.

(enter image description here

Auch wenn sie anders aussehen, werden sie für den gleichen Zweck verwendet, um opening the menu. Obwohl sie es manchmal aus Platzgründen mit ihren eigenen Darstellungen vorzogen, verwendeten einige von ihnen separate Illustrationen innerhalb eines Themas, so dass dies so genannt wurde wie hamburger menu, aber ich bin mir auch nicht sicher, ob das für alle gilt.

(enter image description here

2
Erhan Yaşar

Die drei Punkte sind als Ellipsen bekannt ... und zeigen an, dass es mehr gibt, dass das Bewusstsein für den aktuellen Kontext vermutet wird und dass mehr dahinter steckt als das, was derzeit sichtbar ist.

Ursprünglich wurde es flach verwendet, genau so ...

Es wurde (manchmal und immer häufiger) vertikal gemacht, weil das Hamburger-Menü ein vertikaler Stapel ist und immer beliebter wurde. Diejenigen, die dazu neigen, ohne viel nachzudenken zu kopieren, sagten: "Oh, vielleicht sollten wir es vertikal machen und so tun, als wäre es ein." Ding".

Der Hamburger ist eine visuelle Abkürzung für ein vertikales Menü oder eine Liste. Als Symbol macht es also Sinn.

Wie auch die ... Ellipse.

Die vertikale Ellipse ist nur Albernheit.

Aber immer beliebter, weil Google Material sich etwas und einen Schiedsrichter vorstellen will und einige Leute dieser Täuschung zuschreiben wollen.

Apple wollte schon seit geraumer Zeit all diese Dinge verhindern, da sie jede Notwendigkeit für sie als Indikator für schlechtes App-Design betrachteten. Sie könnten einen Punkt gehabt haben.

Die Konventionen, die aufgrund ihrer fortgesetzten und zunehmenden Verwendung entstanden sind, sind im Wesentlichen:

Menüs = Hamburger Weitere Aktionen = Ellipsen

Dies ist zum Teil auch sinnvoll.

Die vertikalen Ellipsen sind nur ein abscheulicher Fehltritt. Verwenden Sie es für alles, was Sie wollen.

1
Confused