it-swarm-es.com

Cuál es la diferencia entre los 2 íconos de menú: 3 puntos (kebab) y 3 líneas (hamburguesa)

¿Cuál es la diferencia (si hay alguna ...) entre estos 2 íconos de menú?

1) 3 líneas (también conocido como un icono de hamburguesa)
enter image description here

2) 3 puntos (también conocido como un icono de kebab)
enter image description here

27
Gil Epshtain

En términos generales, se utilizan para abrir diferentes tipos de menú.

  • La 'hamburguesa' se usa para abrir un 'menú de hamburguesas', que se presenta como un cajón que aparece desde el costado de la pantalla y ocupa la mayor parte de la pantalla;
  • El 'kebab' (tres puntos verticales), que se originó en el lenguaje de diseño de materiales de Google, está diseñado para abrir un menú en línea más pequeño desde un botón u otro control.

En términos de nombres de iconos específicamente, Google se refiere al menú de hamburguesas como "menú" y al 'kebab', vertical u horizontal, como "más horiz" o "más vert".

Aquí hay una buena demostración de Luke Wroblewski de kebab y otras opciones de menú:

enter image description here

30
Matt Obee

Me refería a iOS y Android directrices de diseño y nunca mencionan el icono de 3 puntos como "menú kebab" .

En Android, lo llaman Menú de desbordamiento mientras que en iOS lo llaman como Más .

Para referencia: 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 ha definido estos íconos en su guía de diseño.

El llamado icono de hamburguesa   se nombra con el icono de navegación que abre los cajones de navegación.
Estos ( material.io ):

cajones de navegación proporcionan el acceso a los destinos y aplicaciones funcionalidad, como cambiar de cuenta.


El icono de 3 puntos   se denomina como menú de desbordamiento .
Google da una explicación para eso: ( material.io ):

App comportamiento se colocan en el lado derecho de una aplicación, ya sea como iconos o en un menú de desbordamiento.


Nota, esta es solo la definición de Google. Pero, Google usa con Android estos íconos de hecho de manera intensiva. Otras compañías o programadores también pueden usar estos íconos de manera diferente.

2
gotwo

Me encontré con muchas representaciones hasta ahora también y quería presentar un par de ellas a continuación.

enter image description here

Incluso si se ven diferentes, se usan con el mismo propósito para opening the menu. A pesar de que preferían a veces debido a limitaciones de espacio con sus propias representaciones, algunas de ellas se usaron con ilustraciones separadas dentro de un tema, por lo que se llama así hamburger menu, pero tampoco estoy seguro de si eso se aplica a todos.

enter image description here

2
Erhan Yaşar

Los tres puntos se conocen como puntos suspensivos ... e indican que hay más, que hay una presunción de conciencia del contexto actual y que hay más de lo que es visible actualmente.

Originalmente se usaba de manera plana, así como así ...

Se hizo (a veces y cada vez más a menudo) vertical porque el menú de hamburguesas es una pila vertical, y estaba ganando popularidad, por lo que aquellos que tienden a copiar sin pensarlo mucho dijeron: "oh, tal vez deberíamos hacerlo vertical y pretender que es un cosa".

La hamburguesa es una abreviatura visual para un menú vertical o lista. Entonces tiene sentido como un ícono.

Al igual que los ... Puntos suspensivos.

La elipsis vertical es solo una tontería.

Pero ganando popularidad porque Google Material quiere imaginarse una cosa y un árbitro, y algunas personas quieren atribuirse a este engaño.

Apple, durante bastante tiempo, quiso evitar todo este tipo de cosas, ya que consideraba que cualquier necesidad para ellos era un indicador de un mal diseño de la aplicación. Podrían haber tenido un punto.

Las convenciones que han surgido debido a su uso continuo y creciente son esencialmente:

Menus = hamburger Más acciones = elipses

Esto, hasta cierto punto, también tiene sentido.

Las elipses verticales son solo un paso en falso abominable. Úselo para lo que quiera.

1
Confused