Запрос «VK» перенаправляется сюда; о других значениях см. V K (значения).
Не следует путать с компанией VK, владеющей «ВКонтакте».
Виолетта Силенина, бренд-директорПавел Князев, директор по дизайнуИлья Гришин, руководитель дизайна суперприложенияАртём Олещенко, дизайнер-технологМарина Антоненко, дизайнерМихаил Лихачёв, руководитель продуктового дизайнаАлексей Мазелюк, ведущий дизайнерИван Барышев, старший дизайнер
Студия TypeType (фирменный шрифт)
Юлия Гонина, арт-директорИван Гладких, технический директорЮрий Наконечный, техническая командаВиктор Рубенко, техническая командаДенис Васильев, аккаунт-менеджер
Студия Tigers Moscow (фирменный стиль)
Виталий Цыганков, дизайн-директорЮрий Негребецкий, директор по стратегии
В проекте участвовали ещё очень многие — и его бы не случилось, если бы не их труд. Всем большое спасибо!
С чего мы начали
Любая систематизация начинается с анализа и определения принципов. При работе с таким обширным наследием, как у ВКонтакте, важно вычленить действительно необходимые составляющие дизайн-языка и отбросить всё ненужное — иначе система не получится гибкой. Поэтому сначала мы определили элементы, комбинации которых позволяют создавать привязку ко ВКонтакте при работе с графикой:
При этом на практике сильной привязкой ко ВКонтакте обладали только фирменный знак и синий цвет. Написание названия не было зафиксировано как самостоятельный графический элемент. А фирменный шрифт, который мы использовали ранее в коммуникационных материалах, — TT Commons — не был уникальным: его могли использовать все желающие по лицензии. Поэтому в первую очередь мы решили усилить эти два элемента.
Мы начали первый в нашей истории масштабный ребрендинг. Рассказываем, зачем ВКонтакте понадобилось обновлять визуальный язык и как мы это делали.
В далёком 2006-м всё начиналось с соцсети. С тех пор ВКонтакте выросла в полноценную экосистему сервисов в одном привычном приложении. Сегодня в нём можно делать практически всё: общаться с друзьями и слушать музыку, покупать вещи и заказывать еду, вызывать такси и искать работу. Расширяя возможности для пользователей, мы запускаем множество новых проектов. Все они должны говорить с аудиторией на понятном и едином визуальном языке, который при этом работал бы и на их цели.
До недавнего времени мы создавали визуальный стиль каждого продукта, исходя именно из его задач, а связью с основным брендом ВКонтакте служила лишь система логотипов.
Этой системой логотипов мы пользовались до сегодняшнего дня
Такой подход давал свободу, но не позволял формировать целостное восприятие всех продуктов ВКонтакте как единой структуры. Со временем стало понятно, что и сама старая система логотипов не всегда применима: у нас появлялись сервисы, которые нуждались в уникальной иконке. Назревала потребность в разработке гибкой и масштабируемой системы коммуникационного дизайна — и в итоге она стала необходимостью.
Первые 100 тысяч добровольцев смогут самостоятельно включить обновлённый дизайн в настройках профиля.
«ВКонтакте» обновит фирменный стиль: изменит логотип и десктопную версию соцсети и добавит собственный шрифт, сообщил vc.ru представитель компании.
Цвет иконки станет ярче, её дополнит название соцсети на кириллице, написанное новым фирменным шрифтом VK Sans. Его разработала дизайн-команда «ВКонтакте» и студия TypeType.
В некоторых случаях допускается использование чёрно‑белой и монохромной версий, добавили в соцсети.
На VK Sans перейдут интерфейсы всех продуктов компании и визуальные материалы — это свяжет экосистему, объяснили в соцсети«ВКонтакте»
Команда «ВКонтакте» подчёркивает, что название на кириллице — это не ностальгия, а такой же связующий элемент, как и новый шрифт. Благодаря таким деталям каждый сервис может подчеркнуть уникальность собственными иконками и цветами, но при этом сохранит визуальную принадлежность к экосистеме «ВКонтакте».
Десктопная версия сменит синий цвет шапки на белый. « Оформление платформы унифицируют, чтобы на всех устройствах “ВКонтакте” выглядела похоже и узнаваемо», — говорит представитель компании.
Новый дизайн сайта появится автоматически у части пользователей, а затем и у всех пользователей. Опробовать новый дизайн также смогут 100 тысяч пользователей, которые первыми включат соответствующую функцию в настройках профиля.
В октябре 2019 года соцсеть обновила дизайн мобильного приложения: изменила список вкладок, добавила панель быстрых действий, изменила цвет шапки и другое. « Как показывает статистика, новый внешний вид приложения помогает пользователям фокусироваться на общении и контенте», — говорят теперь во «ВКонтакте».
Новая система логотипов, собственный шрифт и обновлённый синий цвет — это константы нашего визуального языка. Теперь они лежат в основе фирменного стиля всех направлений и продуктов ВКонтакте.
Теперь, с собственным шрифтом, мы начинаем использовать типографику как самостоятельный узнаваемый элемент. Не боимся играть с формами и размерами. Типографика — широкое поле для экспериментов и самовыражения.
Внутри команды мы делим продукты и направления на несколько групп. Например, одна из них — это сервисы, которые можно найти на второй вкладке мобильного приложения. Другая — аудиторные направления, они созданы для коммуникации с разными категориями пользователей: создателями контента, владельцами бизнеса или разработчиками.
Мы решили создать дополнительные уникальные графические приёмы, которые бы прослеживались на уровне этих групп. За помощью обратились в студию Tigers Moscow.
Для сервисов разработали приём «Флип». Он визуализирует новый опыт, который люди получают, переключаясь с привычных функций ВКонтакте на новые возможности: например, вызов такси или заказ еды. Графически этот переход можно изобразить как перелистывание флип-часов.
Так выглядит «Флип»
При этом у любого сервиса появляется собственная форма и палитра. Они формируют уникальный для каждого проекта фирменный стиль: он наследует и общий графический приём группы, и визуальные константы основного бренда ВКонтакте.
Собственным графическим приёмом обзавелись и аудиторные направления. Его мы назвали «Шифт». Коммуникация разделяется по категориям пользователей — их много, и мы показываем это, дублируя очертания иконки ВКонтакте. Эти контуры накладываются, сближаются и сменяют друг друга. Так мы демонстрируем, что каждый может переключаться с одной роли на другую.
В основе графических приёмов лежит уникальная форма иконки ВКонтакте — она стала дополнительной визуальной связкой для всех продуктов и направлений.
Дизайн-систему уже применили для нескольких сервисов — например, «Еды ВКонтакте» и «Такси ВКонтакте». В планах — перевести все продукты и направления платформы на новый визуальный язык.
Обновлённый логотип ВКонтакте появится в свежем дизайне десктопной версии. Иконки здесь стали ярче и лаконичнее, а шапка сайта сменила синий цвет на белый. Выглядит знакомо, потому что дизайн приблизился к внешнему виду мобильного приложения VK. Теперь мы унифицируем оформление, чтобы на всех устройствах ВКонтакте выглядела похоже и узнаваемо.
Обновлённый дизайн сайта vk.com
Новое оформление версии для десктопа постепенно появится у всех пользователей. А прямо сейчас оценить его могут 100 тысяч добровольцев — для этого нужно включить обновлённый дизайн в настройках профиля на сайте vk.com.
А для всех, кто использует логотип ВКонтакте в работе, мы подготовили новую страницу ресурсов бренда. Её можно найти по ссылке vk.com/brand.
Важная составляющая новой системы — шрифт. Каким мы его видели? Узнаваемым, актуальным, современным, но главное — нейтральным. Чтобы этим шрифтом можно было набирать слова разных эмоциональных оттенков: как негативных, так и позитивных, — и все они смотрелись бы органично.
Шрифт VK Sans
Шрифт задаёт тон общения с пользователями, помогает сформировать эмоциональную связь, повысить доверие и узнаваемость. Для нас также важно, чтобы он развивал стиль и облик бренда именно так, как бы нам хотелось.
Мы обратились за помощью к партнёрам из студии TypeType. Именно они разработали тот самый TT Commons, которым мы пользовались всё это время. Провели ряд встреч — обсуждали и складывали картинку того, каким должен быть фирменный шрифт.
На первом этапе мы сделали скетчи — и за несколько итераций, обсуждая идеи с дизайн-командой ВКонтакте, довели их до завершённого вида. Потом определились с тем, как будет выглядеть шрифтовое семейство, и занялись дорисовкой недостающих знаков. На завершающем этапе, когда графика была готова, сделали все остальные начертания, кернинг, добавили OpenType-фичи, сделали TrueType-хинтинг, провели тестирование и техническую проверку шрифтов.
Иван Гладких, студия TypeType
Мы вносили много правок и постоянно совершенствовали шрифт: обсуждали радиусы скругления углов, срезы терминалов, добавляли и исключали конкретные символы.
Мы подробно обговорили с дизайн-командой ВКонтакте идею обновления их айдентики, какое место в ней будет занимать шрифт и какие задачи решать. Работая над акцидентной гарнитурой, мы учитывали, что в будущем может появиться её текстовая версия — и они должны будут гармонично сосуществовать. В итоге шрифт приобрёл разноширинные пропорции, косые срезы, заметные платформы на пересечениях диагональных элементов. Этого было достаточно, чтобы сделать шрифт привлекающим взгляд и узнаваемым, но при этом не слишком акцидентным.
Юлия Гонина, студия TypeType
Но даже со всеми дискуссиями мы уложились в дедлайн. Для многих компаний разработка собственных шрифтов растягивается на годы. Мы же, поняв важность и срочность задачи, справились за квартал — здесь есть чем гордиться. Шрифт уже поддерживает несколько ключевых для нас языков: русский, английский, украинский и белорусский. Планируем добавить больше.
Так появился наш новый фирменный шрифт VK Sans. Он будет существовать в двух вариациях — акцидентный Display и интерфейсный Text.
Основная цель VK Sans Display — коммуникация. Будем использовать его в оформлении наших сообществ, рекламных кампаниях, моушн-дизайне и иногда в интерфейсах — там, где нужно усилить бренд или сделать акцент на каком-то элементе. Вторую версию — VK Sans Text — мы представим чуть позже. Его можно будет увидеть в интерфейсах продуктов экосистемы ВКонтакте.
Книги, монографии, диссертации
Рост количества зарегистрированных пользователей «ВКонтакте» с 2006 по 2012 год (млн чел.)
Павел Дуров в день своего 26-летия, 10 октября 2010 года
16 мая появилась возможность применять хештэги в своих записях, введя решётку и любую комбинацию латинских букв, например, #wikipedia. Такие сочетания становятся кликабельными и ведут на поиск по всем статусам.
15 июня вышел официальный клиент для телефонов на платформе Android.
Дом компании «Зингер», также известный как «Дом Книги», где располагается офис ООО «В Контакте»
27 октября пользователи сети получили возможность делиться фотоальбомами.
23 ноября в социальной сети «ВКонтакте» появилась функция прикрепления к комментариям изображений, аудио, видеороликов и документов.
12 декабря появилась возможность просмотреть рекомендации к каждой отдельной песне.
9 июня 2016 года на всех платформах появилась возможность включить «умную ленту» — алгоритм меняет порядок новостей, отображая интересные записи выше остальных. К концу 2017 года на «умную ленту» перешли 85 % пользователей.
1 октября 2017 года руководство ввело ограничение на бесплатное прослушивание музыки в приложениях на Android и iOS-устройствах: не более часа в сутки. Для снятия ограничения требуется подписка. Планируется сокращение времени прослушивания до 30 минут в сутки.
С 1 ноября время прослушивания сократилось до 30 минут в сутки.
14 марта ВКонтакте совместно с Творческой лабораторией Ивана Урганта запустил онлайн-викторину Клевер.
30 января 2019 ВКонтакте запускает программу региональных представителей. Они общаются с местными авторами контента и СМИ, а также поддерживают интересные проекты. За год открыли представительства в Екатеринбурге, Казани, Нижнем Новгороде и Казахстане.
Обновлённый логотип (компактный) VK 2020 года в честь 14 лет со дня основания социальной сети
Судебные иски и дела
1 марта 2011 года власти США обвинили социальную сеть «ВКонтакте» в пиратстве.
По результатам исследования, проводившегося с 1 октября 2010 года, в список попали более трёх десятков рынков пиратской продукции и онлайн-ресурсов, на которых, по мнению администрации USTR, нелегально распространяются поддельные товары и защищённый авторским правом контент. Составители не упоминают в документе конкретные зафиксированные случаи нарушения авторских прав
Было замечено, что со стороны ВКонтакте осуществлялись DDoS-атаки на сторонние сайты за счёт ресурсов пользователей сайта. Реализовано это было в виде невидимого iframe, ссылавшегося на страницы целевого сайта. Иногда добавлялся код, перезагружавший iframe через промежутки времени.
Сбои в работе
Как и любой ресурс в интернете, сайт ВКонтакте подвержен риску оказаться недоступным по причине технических сложностей. В случае с популярными ресурсами, сбои в работе сайта даже на короткое время вызывает реакцию пользователей.
Новый дизайн (2016)
Андрей Рогозов, на тот момент операционный директор «ВКонтакте», ответил записью с семью пунктами с принципиальными улучшениями в новом дизайне. В частности, в обновлённом интерфейсе сообщений пользователи стали отправлять на 6 % больше сообщений, количество отметок «Мне нравится» выросло на 10 %. Также Рогозов отметил полный переход на безопасный зашифрованный протокол HTTPS.
Возвращаясь к истокам
У ВКонтакте уже был текстовый логотип — знакомая каждому конструкция возвышалась в шапке на каждой странице сайта.
Мы решили вернуть подобную практику в обновлённом виде — но не из-за ностальгии, конечно. На текстовое написание сделали ставку как на необходимый связующий элемент для всей системы: ведь нет более сильной привязки к бренду, чем его название. Осталось только дать ему достойное графическое воплощение.
Новый полный логотип ВКонтакте
Мы освежили синий цвет у иконки и добавили к ней текстовый блок: название ВКонтакте, набранное новым фирменным шрифтом. Просто и стильно.
Так новый логотип будет выглядеть в интерфейсе сайта и в мобильном приложении
Текстовое написание становится константой, на которой базируется новая система логотипов. Теперь в ней есть место и уникальной иконке, и цвету. Так мы обозначаем название продукта или направления, не теряя связи со ВКонтакте.
Несмотря на кажущуюся простоту решения, этот переход был далеко не простым для нас. В основе системы лежит название ВКонтакте, написанное кириллицей, а прежде мы долго использовали логотипы с латиницей. Но это нужный шаг: он задаёт вектор всей структуре продуктов на платформе, системе нейминга и визуального языка. Для пользователей такой подход упростит восприятие наших сервисов и прочно свяжет их со ВКонтакте. А ещё заложит основу для гибкой работы с цветом, иконками и фирменным стилем отдельных направлений — а это как раз то, чего мы добивались.
Пользователям «ВКонтакте» доступен характерный для многих социальных сетей набор возможностей: создание профиля с информацией о себе, производство и распространение контента, гибкое управление настройками доступа, взаимодействие с другими пользователями приватно (через личные сообщения) и публично (с помощью записей на «стене», а также через механизм групп и встреч), отслеживание через ленту новостей активности друзей и сообществ.
Возможность загружать на сайт собственные записи и использовать файлы, загруженные другими пользователями, делает «ВКонтакте» одним из крупнейших медиаархивов Рунета. Из всех имеющихся на сайте файлов пользователь может создавать в своём профиле личную коллекцию записей, при желании группируя их в отдельные альбомы. При этом введено предельное количество для одного альбома — 10 000 изображений.
«ВКонтакте» предлагает сторонним ресурсам использовать специально разработанные инструменты для глубокой интеграции с социальной сетью — виджеты. Эти решения позволяют встраивать в сайты систему комментариев для пользователей, сообщества, систему опросов, а также возможность легко поделиться ссылкой на материал с другими пользователями и авторизоваться на сайте.
Полное удаление страницы умершего: для этого членам семьи пользователя нужно связаться с поддержкой и предоставить скан свидетельства о смерти. Выдержка из правил: «ВКонтакте» прислушивается к пожеланиям родственников умершего человека. Один из вариантов: повышение приватности страницы, когда весь контент, размещённый на ней, становится доступен только для друзей. Аккаунт консервируется в том виде, в котором он был на момент последнего входа.
Интерфейс «ВКонтакте» доступен на 86 языках. В качестве альтернативных предлагаются (имеется в виду стиль представления) «Советский» и «Дореволюціонный».
Мероприятия и проекты
Победители VK Cup 2015 Геннадий Короткевич и Нияз Нигматуллин
Платёжный сервис VK Pay — часть экосистемы VK, которую развивает Mail.ru Group.
VK Mini Apps
Сервис — официальный партнёр футбольного клуба «Зенит».
ВКонтакте для бизнеса
23 сентября 2020 года подписка VK Combo объединила в себе музыкальную подписку ВКонтакте и BOOM, а также предложения программы лояльности Combo, которую Mail.ru Group запустила в октябре 2019 года.
Артемий Лебедев показал итоговый набросок логотипа «ВКонтакте» от Павла Дурова
И назвал его «куском беспросветного позора».
Артемий Лебедев рассказал о создании логотипа «ВКонтакте» на своём YouTube канале. На это обратил внимание TJ.
На вопрос о подлинности наброска Дурова во «ВКонтакте» не ответили.
В конце апреля Лебедев уже рассказывал о логотипе «ВКонтакте» и показывал часть вариантов, разработанных его студией. По его словам, всего дизайнерами было создано 403 варианта, но итоговым стал 404-й, который нарисовал Дуров.
Была проделана огромная титаническая работа, которая закончилась ничем. То есть она закончилась тем, чем обычно заканчивается у нас в стране дизайн.
Главный взял бумажку, нарисовал авторучкой то, что он считает самым правильным вариантом, и прислал дизайнерам, типа: «Вы там поработайте чуть-чуть, я тут наметил направленьице».
Это направленьице и вышло в результате. И висит с тех пор на сайте «ВКонтакте», являясь куском абсолютно беспросветного позора, от авторства на который мы решили отказаться, потому что неприлично выпускать такие ****** (некачественные) логотипы.
Артемий Лебедев, основатель «Студии Лебедева»
Скриншоты логотипов «ВКонтакте» от «Студии Лебедева», которые Лебедев показал в ролике