it-swarm-eu.dev

Jaký je rozdíl mezi dvěma ikonami nabídky: 3-bodky (kebab) a 3-řádky (hamburger)

Jaký je rozdíl (pokud existuje ...) mezi těmito dvěma ikonami nabídky?

1) 3 řádky (ikona hamburgeru a.k.a)
enter image description here

2) 3 tečky (ikona a.k.a kebab)
enter image description here

27
Gil Epshtain

Obecně se používají k otevírání různých typů menu.

  • „Hamburger“ se používá k otevření „hamburgerového menu“, které je prezentováno jako zásuvka, která se objeví ze strany obrazovky a zabírá většinu obrazovky;
  • „Kebab“ (tři svislé tečky), který vznikl v jazykové verzi Material Design společnosti Google, je navržen tak, aby otevíral menší inline nabídku pomocí tlačítka nebo jiného ovládacího prvku.

Pokud jde konkrétně o pojmenování ikon, Google odkazuje na nabídku hamburgeru jako na „nabídku“ a na „kebab“, vertikální nebo horizontální, jako „více horizont“ nebo „více vert“.

Zde je dobrá ukázka z Luke Wroblewski kebabu a dalších možností nabídky:

enter image description here

30
Matt Obee

Měl jsem na mysli iOS a Android pokyny pro návrh a nikdy nezmínily ikonu 3 tečky jako "kebab menu" .

V Androidu to nazývají Nabídka přetečení , zatímco v iOS to nazývají Více .

Pro informaci: 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 tyto ikony definoval v pokynech pro návrh.

Tzv. ikona hamburgeru   je pojmenován pomocí navigační ikony , která otevírá navigační zásuvky.
Tito ( material.io ):

navigační zásuvky poskytují přístup k destinace a aplikace funkčnost, například přepínání účtů.


Ikona 3 tečky   je pojmenován jako nabídka přetečení .
Google k tomu dává vysvětlení: ( material.io ):

Aplikace akce jsou umístěny na pravé straně aplikace, buď jako ikony, nebo v přetečení menu.


Poznámka: Toto je pouze definice Google. Google však s těmito ikonami používá Android ve skutečnosti intenzivně. Tyto ikony mohou používat i jiné společnosti nebo programátoři.

2
gotwo

Doposud jsem narazil na mnoho reprezentací a chtěl jsem je podat níže.

enter image description here

I když vypadají jinak, jsou zvyklí na stejný účel opening the menu. Přestože někdy upřednostňovali kvůli prostorovým omezením s vlastními reprezentacemi, některé z nich používaly se samostatnými ilustracemi v rámci tématu, které se nazývalo takto hamburger menu, ale také si nejsem jistý, zda se to týká všech.

enter image description here

2
Erhan Yaşar

Tyto tři tečky jsou známé jako elipsy ... a naznačují, že existuje více, že existuje určitá domněnka povědomí o aktuálním kontextu a že je toho víc než to, co je aktuálně viditelné.

Původně to bylo používáno rovně, stejně jako ...

Bylo to (někdy a stále častěji) svislé, protože hamburgerové menu je vertikální komín a získává na popularitě, takže ti, kteří mají tendenci kopírovat bez velkého zamyšlení, šli: „ach, možná bychom měli udělat vertikální a předstírat, že je to věc".

Hamburk je vizuální zkratka pro vertikální menu nebo seznam. Takže to dává smysl jako ikona.

Stejně jako ... Ellipsis.

Vertikální elipsa je jen hloupost.

Ale získávat popularitu, protože Google Material si chce představit sám sebe a rozhodčího a někteří lidé se chtějí této iluzi připisovat.

Apple se po nějakou dobu chtěl všem těmto typům věcí bránit, protože považovali jakoukoli potřebu za indikátor špatného designu aplikace. Mohli mít smysl.

Konvence, které vznikly kvůli jejich neustálému a rostoucímu používání, jsou v zásadě:

Nabídky = hamburger Další akce = elipsy

To do určité míry také dává smysl.

Vertikální elipsy jsou jen odporným chybným krokem. Použijte ji pro cokoli chcete.

1
Confused