Символ ☰: от Книги перемен до гамбургер-меню
Символ ☰ (U+2630, Триграмма Небо) — это древний китайский знак из «Книги перемен», который в современном цифровом мире превратился во всем известное «гамбургер-меню». В интерфейсах сайтов и мобильных приложений этот значок с тремя горизонтальными линиями используется для скрытия навигации, экономя драгоценное место на экранах твоих гаджетов.
Изначально ☰ пришел к нам из даосской космологии. Это одна из восьми триграмм багуа (Цянь), символизирующая небо, мужское начало (ян), несокрушимую силу и творческую энергию. Но как древнекитайский мистический символ перекочевал в твой смартфон? В 1981 году дизайнер Норм Кокс создал похожую иконку для графического интерфейса компьютера Xerox Star. Ему нужен был максимально простой знак, который визуально ассоциировался бы со списком или стопкой бумаг. Позже этот популярный элемент дизайна просто слился с уже существующим юникодовским символом ☰.
В официальной таблице Юникода этот знак прячется под кодом U+2630 и гордо носит имя «Trigram For Heaven» (Триграмма Небо). Он относится к блоку «Разные символы» (Miscellaneous Symbols). Из-за простоты формы его часто путают с математическим знаком тождества ≡ (U+2261), но у триграммы линии обычно толще и расстояние между ними немного другое — визуальное исполнение сильно зависит от конкретного шрифта.
Сегодня ☰ — абсолютный стандарт в веб-дизайне и UI/UX. Ты видишь его каждый день, когда свайпаешь мобильные версии сайтов, открываешь настройки в Telegram или листаешь ленту. Из-за визуального сходства с бургером (две булочки и котлета посередине) айтишники прозвали его «гамбургер-меню». Многие дизайнеры до сих пор спорят о его удобстве, жалуясь, что он прячет важные функции, но лучшей альтернативы для маленьких экранов пока не придумали. Фронтенд-разработчики часто вставляют именно этот юникод-символ в код вместо загрузки отдельной картинки — так страница грузится быстрее.
Чтобы набрать ☰ на десктопе, проще всего выделить его здесь и скопировать. Если ты верстаешь сайт или копаешься в коде, используй HTML-сущность ☰ или CSS-код \2630. Пользователи Windows могут попробовать зажать Alt и набрать 9776 на цифровом блоке клавиатуры, но магия сработает не во всех текстовых редакторах. На смартфонах (iOS или Android) специальной кнопки для триграммы нет, поэтому спасает буфер обмена или настройка автозамены текста.
Главный брат-близнец нашего бургера — математический знак тождества ≡ (Строгое равенство), который используют в формулах. Еще есть стандартный знак равно = для простых вычислений. В дизайнерском сленге у «гамбургера» появились вкусные родственники: вертикальное меню из трех точек называют «кебабом» (⋮), а горизонтальное — «фрикадельками» (⋯). Все они решают одну задачу — делают интерфейсы чище и удобнее.