Разработана новая цветовая палитра, включая более легкий и современный синий, а также скорректированный оранжевый. Обновленные цвета выглядят свежее и лучше соответствуют современным тенденциям минималистичного и плоского дизайна.
Было:
Стало:
Основная цель обновления портального стиля — сделать работу с проектами Mail.Ru максимально удобной на устройствах с разными разрешениями экрана и тач-дисплеями, а также по максимуму использовать возможности ретиновых дисплеев. Портальное меню и его составные элементы теперь крупнее: это упрощает взаимодействие с сервисом как на тач-устройствах (планшетах, ноутбуках с сенсорными дисплеями), так и на десктопах. В зависимости от разрешения экрана формат отображения элементов меню может адаптироваться. Например, кнопки в меню Почты могут «схлопываться» до иконок или уходить в «Еще», если для них не хватает места.
Важной задачей было поддержание стилистического единства множества разных проектов Mail.Ru. Ее удалось выполнить, внедрив единое технологическое решение, с помощью которого значительно легче обеспечивать единообразие дизайна и поведения отдельных элементов как уже существующих, так и новых проектов.
Один из центральных элементов визуального стиля Mail.Ru — это портальное меню. Предыдущая версия, разработанная в 2011 году, обеспечила проектам портала узнаваемость и единообразие. Новая лучше адаптируется в зависимости от особенностей того или иного сервиса, позволяя вывести на первый план именно те возможности, которые больше всего нужны пользователям. Например, предусмотрено несколько вариантов оформления поиска в зависимости от важности этой функции на проекте. В Поиске Mail.Ru поисковая строка сделана максимально крупной и заметной. В то же время на Авто Mail.Ru, где поиск используется значительно реже, он представлен небольшой иконкой.
Элементов, стандартизированных для разных проектов, стало больше. Теперь к ним относятся, например, второй уровень меню, переход в профиль пользователя, нотификации о новых событиях, поисковые подсказки. Чтобы обеспечить визуальное единство разных сервисов, для них разработан унифицированный набор иконок. Сейчас они используются в основном в портальном меню, но впоследствии будут широко применяться во всех приложениях и на всех сервисах. Каждая иконка поддерживается как в векторном, так и в растровом формате.
«Сочетание синего и оранжевого цветов вместе с символом @ легло в основу визуального стиля Mail.Ru, с которым мы стали самым популярным порталом в России. Этот стиль отлично работал на протяжении более чем десяти лет и очень узнаваем, поэтому мы решили не менять это удачное сочетание кардинально, а скорее сделать его более свежим и модным, — комментирует Анна Артамонова, вице-президент Mail.Ru Group, руководитель бизнес-подразделения Почта и портал. — С точки зрения интерфейса, главная цель изменений — максимальная готовность к новой тач-эпохе, которая наступает сейчас в интернете. Мы очень много времени посвящаем тому, чтобы нашими проектами было максимально удобно пользоваться людям с планшетов, и новые портальные гайды — еще один значительный шаг в этом направлении. Еще одна задача, которую мы решали, — создание более унифицированных, с одной стороны, и более гибких, с другой, решений, отвечающих потребностям столь разных проектов, объединенных под одним брендом».
В данный момент обновления затронули ключевые проекты Mail.Ru, в том числе Hi-Tech.Mail.Ru, и постепенно распространятся на все сервисы портала.