О компании

Красная буква «Я», поисковое поле в виде жёлтой стрелки и усы Аркадия Воложа — знаковые образы для «Яндекса». Буква была всегда. Усы Волож сбрил после проведения «Яндексом» IPO, а потом отрастил обратно. У жёлтой стрелки своя история — в преддверии 20-летия компании её рассказывает Константин Горский, который работал над дизайном сервисов «Яндекса» с 2010 по 2016 годы.


Константин Горский, возглавлял департамент дизайна в «Яндексе», сейчас руководит дизайнерами в компании Intercom и ведёт Telegram-канал


23 сентября 1997 года на выставке Softool публике впервые показали поисковую систему «Яндекс». С этой даты берёт отсчёт история компании. Сегодня расскажу о том, как создавалось и менялось поисковое поле «Яндекса» — жёлтая стрелка. Эта стрелка — важнейший визуальный элемент бренда. Её можно встретить не только в интернете, но и в жизни. Даже визитки сотрудников выполнены в форме стрелки.



  1. Lorem ipsum dolor sit amet.
  2. Lorem ipsum dolor sit amet consectetur adipisicing elit.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam, facere.
  4. Lorem, ipsum dolor.


Красота. Можно ли сделать стрелку ещё проще? Скажем, убрать кнопку совсем? Такая стрелка уже есть в «Яндекс.Браузере». Но на главной странице кнопка всё равно нужна. Может быть, пользователь скопировал слово мышкой и вставил его (опять же мышкой) в поисковое поле — надо дать ему возможность найти ответ без помощи клавиатуры.


Меня всегда поражало, что в такой простой конструкции нет почти ничего случайного. Почему жёлтый? Чтобы было хорошо заметно на фоне всего остального, что есть на странице. Почему стрелка? Потому что смотрит в светлое будущее, в котором, как известно, найдётся всё.

Большинство скриншотов в этом материале — из портфолио «Студии Артемия Лебедева». Там же можно рассмотреть старые версии «Яндекса» вживую — достаточно нажать на любой скриншот.


Heading 1


Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum sequi, fugiat nostrum nobis tenetur commodi praesentium voluptatibus eius modi alias pariatur incidunt doloremque culpa, cupiditate nemo beatae sed, enim quisquam dolores minima similique! Quasi, repellat temporibus hic est praesentium dignissimos nihil quaerat eligendi corrupti a magni provident fuga incidunt, deleniti aliquid, vel rerum blanditiis laudantium minima officiis inventore. Error eveniet nobis quae doloremque adipisci sapiente cum?


Heading 2


Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique iste, rerum ullam nesciunt, quasi sed repudiandae excepturi nisi incidunt dignissimos quos dolorem consequuntur laborum aliquid totam itaque at, est distinctio mollitia aspernatur minima libero commodi cupiditate? Excepturi quod eaque debitis reiciendis maxime architecto praesentium possimus?


Heading 3


Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, totam!