Во время проектного совещания возник вопрос: «Как называется компонент с тремя горизонтальными линиями?» Это распространено в мобильных приложениях и мобильных сетях, визуализируя что-то, что нужно пронести. Подойдя к теме, кажется, Navicon или Drawer используются часто, хотя я также вижу Side Swipe и даже Hamburger. Пытаясь прийти к консенсусу ...Трехстрочное меню? Navicon? Выдвижной ящик? Значок меню? Боковой промах? Три полосы? Гамбургер?
ранней ссылки имеет название как кнопки меню, как созданный Norm Кокс и Xerox CIRCA 1990 ...
http://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787
Около 1980 года на самом деле. –
Я думаю, что лучший кандидат "Три горизонтальные линии".
Взгляните на этом посте они сделали краткую историю из его использования: http://mobile.smashingmagazine.com/2012/10/08/the-semantic-responsive-design-navicon/
есть http: //graphicdesign.stackexchange .com/- было бы неплохо, если бы программисты и дизайнеры использовали одно и то же имя. По моему мнению, это должен быть консенсус, но конструкторским причинам будет придаваться небольшой приоритет. – n611x007
ну, на самом деле, возможно, http: //ux.stackexchange. com будет даже более e fitting – n611x007
... Так что этот вопрос можно переместить, если это нормально ... – AndreDurao
Я думаю, что это должно быть «THL NaviCon», как его до трех языке Генеральный Общие Аббревиатура горизонтальных линий и проще для разговорного языка. Но его уже известно как меню гамбургера или ящика.
Я думаю, что лучше три горизонтальные линии с эффектом анимации, чтобы показать меню
Если мы говорим о веб-приложений с помощью CSS и JavaScript это очень легко осуществить.
Вы можете использовать следующий JQuery плагин: https://www.articlage.com/adrianillo/article/HamburgerMenu
Просто добавьте следующий элемент в ваш HTML код:
<div id="hamburgerMenu"></div>
И запустите следующий JavaScript:
$ ("# hamburgerMenu"). Hamburge rMenu ({ MainContent: «MainContent»,
}, [
{"id":"Brain","href":"index.html","text":"Pinky"},
{"id":"Spongebob","href":"Spongebob.html","text":"Sponge Bob"},
{"id":"Ghostbusters","href":"Ghostbusters.html","text":"Ghostbusters"},
{"id":"fraggle","href":"other.html","text":"Fraggle rock"}
]
);
Попробуйте демо здесь: https://db.tt/FQP2dv7Y
Имя значка три строки для отображения главного меню приложения Andriod является навигация Drawer.we может использовать любой значок для этого.
Мне было интересно это самому ... Я не знал, поэтому я только что начал называть это «трибаром» на работе в один прекрасный день, и, похоже, он застрял с моими коллегами (без шут). Произнося его как «треугольник» или «трехколесный велосипед», по общему признанию, моим вдохновением был кельтский трискеле (произносится как «промах», чем «мой»).
<div id="lines"></div>
CSS
#lines {
border-bottom: 17px double black;
border-top: 6px solid black;
content:"";
height: 5px;
width:30px;
}
результат:
Нужно ли название? Если вы ссылаетесь на него как на значок с тремя линиями навигации, я уверен, что большинство людей поймут, о чем вы говорите. Если они этого не сделают, то на них также будет потеряно специальное имя. – justinavery
Это хороший момент. Мое намерение состоит в том, чтобы понять и перечислить, какие другие названия/заголовки могут пройти, и, возможно, составить консенсус. Лично я предпочитаю стандартное сокращенное название, такое как ящик. –
Я также думаю, что ему нужно имя. Попытайтесь поговорить о том, что вы не знаете, что называется? Затем попробуйте это много раз в день. – AndreDurao