Логотип контакта: Вк логотип социальной сети – Бесплатные иконки: Социальное

08.05.2023 Facebook Twitter LinkedIn Google+ Разное

как мы обновляли логотип и фирменный стиль ВКонтакте — ВКонтакте на vc.ru

Мы начали первый в нашей истории масштабный ребрендинг. Рассказываем, зачем ВКонтакте понадобилось обновлять визуальный язык и как мы это делали.

36 389 просмотров

В далёком 2006-м всё начиналось с соцсети. С тех пор ВКонтакте выросла в полноценную экосистему сервисов в одном привычном приложении. Сегодня в нём можно делать практически всё: общаться с друзьями и слушать музыку, покупать вещи и заказывать еду, вызывать такси и искать работу. Расширяя возможности для пользователей, мы запускаем множество новых проектов. Все они должны говорить с аудиторией на понятном и едином визуальном языке, который при этом работал бы и на их цели.

До недавнего времени мы создавали визуальный стиль каждого продукта, исходя именно из его задач, а связью с основным брендом ВКонтакте служила лишь система логотипов.

Этой системой логотипов мы пользовались до сегодняшнего дня

Такой подход давал свободу, но не позволял формировать целостное восприятие всех продуктов ВКонтакте как единой структуры.

Со временем стало понятно, что и сама старая система логотипов не всегда применима: у нас появлялись сервисы, которые нуждались в уникальной иконке. Назревала потребность в разработке гибкой и масштабируемой системы коммуникационного дизайна — и в итоге она стала необходимостью.

Виолетта Силенина, бренд-директор

С чего мы начали

Любая систематизация начинается с анализа и определения принципов. При работе с таким обширным наследием, как у ВКонтакте, важно вычленить действительно необходимые составляющие дизайн-языка и отбросить всё ненужное — иначе система не получится гибкой. Поэтому сначала мы определили элементы, комбинации которых позволяют создавать привязку ко ВКонтакте при работе с графикой:

  • фирменный знак — иконка VK;
  • фирменный синий цвет;
  • текстовое написание — ВКонтакте;
  • шрифт.

При этом на практике сильной привязкой ко ВКонтакте обладали только фирменный знак и синий цвет. Написание названия не было зафиксировано как самостоятельный графический элемент. А фирменный шрифт, который мы использовали ранее в коммуникационных материалах, — TT Commons — не был уникальным: его могли использовать все желающие по лицензии. Поэтому в первую очередь мы решили усилить эти два элемента.

Возвращаясь к истокам: обновлённый логотип

У ВКонтакте уже был текстовый логотип — знакомая каждому конструкция возвышалась в шапке на каждой странице сайта.

Мы решили вернуть подобную практику в обновлённом виде — но не из-за ностальгии, конечно. На текстовое написание сделали ставку как на необходимый связующий элемент для всей системы: ведь нет более сильной привязки к бренду, чем его название. Осталось только дать ему достойное графическое воплощение.

Новый полный логотип ВКонтакте

Мы освежили синий цвет у иконки и добавили к ней текстовый блок: название ВКонтакте, набранное новым фирменным шрифтом. Просто и стильно.

Так новый логотип будет выглядеть в интерфейсе сайта и в мобильном приложении

Текстовое написание становится константой, на которой базируется новая система логотипов. Теперь в ней есть место и уникальной иконке, и цвету. Так мы обозначаем название продукта или направления, не теряя связи со ВКонтакте.

Несмотря на кажущуюся простоту решения, этот переход был далеко не простым для нас. В основе системы лежит название ВКонтакте, написанное кириллицей, а прежде мы долго использовали логотипы с латиницей. Но это нужный шаг: он задаёт вектор всей структуре продуктов на платформе, системе нейминга и визуального языка. Для пользователей такой подход упростит восприятие наших сервисов и прочно свяжет их со ВКонтакте. А ещё заложит основу для гибкой работы с цветом, иконками и фирменным стилем отдельных направлений — а это как раз то, чего мы добивались.

Павел Князев, директор по дизайну

Фирменный шрифт

Важная составляющая новой системы — шрифт. Каким мы его видели? Узнаваемым, актуальным, современным, но главное — нейтральным. Чтобы этим шрифтом можно было набирать слова разных эмоциональных оттенков: как негативных, так и позитивных, — и все они смотрелись бы органично.

Шрифт VK Sans

Шрифт задаёт тон общения с пользователями, помогает сформировать эмоциональную связь, повысить доверие и узнаваемость. Для нас также важно, чтобы он развивал стиль и облик бренда именно так, как бы нам хотелось.

Нашим основным шрифтом долго был TT Commons. Но он неэксклюзивен: любой человек или компания могли купить лицензию, скачать его и выглядеть как мы. Кроме этого, он не подходил для нескольких наших приложений, и мы не могли предоставить доступ к нему сторонним разработчикам на платформе VK Mini Apps. Решением всех этих проблем стал бы наш собственный шрифт.

Мы обратились за помощью к партнёрам из студии TypeType. Именно они разработали тот самый TT Commons, которым мы пользовались всё это время. Провели ряд встреч — обсуждали и складывали картинку того, каким должен быть фирменный шрифт.

На первом этапе мы сделали скетчи — и за несколько итераций, обсуждая идеи с дизайн-командой ВКонтакте, довели их до завершённого вида. Потом определились с тем, как будет выглядеть шрифтовое семейство, и занялись дорисовкой недостающих знаков. На завершающем этапе, когда графика была готова, сделали все остальные начертания, кернинг, добавили OpenType-фичи, сделали TrueType-хинтинг, провели тестирование и техническую проверку шрифтов.

Иван Гладких, студия TypeType

Мы вносили много правок и постоянно совершенствовали шрифт: обсуждали радиусы скругления углов, срезы терминалов, добавляли и исключали конкретные символы.

Правки-правки-правки

Мы подробно обговорили с дизайн-командой ВКонтакте идею обновления их айдентики, какое место в ней будет занимать шрифт и какие задачи решать.

Работая над акцидентной гарнитурой, мы учитывали, что в будущем может появиться её текстовая версия — и они должны будут гармонично сосуществовать. В итоге шрифт приобрёл разноширинные пропорции, косые срезы, заметные платформы на пересечениях диагональных элементов. Этого было достаточно, чтобы сделать шрифт привлекающим взгляд и узнаваемым, но при этом не слишком акцидентным.

Юлия Гонина, студия TypeType

Но даже со всеми дискуссиями мы уложились в дедлайн. Для многих компаний разработка собственных шрифтов растягивается на годы. Мы же, поняв важность и срочность задачи, справились за квартал — здесь есть чем гордиться. Шрифт уже поддерживает несколько ключевых для нас языков: русский, английский, украинский и белорусский. Планируем добавить больше.

Так появился наш новый фирменный шрифт VK Sans. Он будет существовать в двух вариациях — акцидентный Display и интерфейсный Text.

Основная цель VK Sans Display — коммуникация. Будем использовать его в оформлении наших сообществ, рекламных кампаниях, моушн-дизайне и иногда в интерфейсах — там, где нужно усилить бренд или сделать акцент на каком-то элементе.

Вторую версию — VK Sans Text — мы представим чуть позже. Его можно будет увидеть в интерфейсах продуктов экосистемы ВКонтакте.

Графические приёмы

Новая система логотипов, собственный шрифт и обновлённый синий цвет — это константы нашего визуального языка. Теперь они лежат в основе фирменного стиля всех направлений и продуктов ВКонтакте.

Теперь, с собственным шрифтом, мы начинаем использовать типографику как самостоятельный узнаваемый элемент. Не боимся играть с формами и размерами. Типографика — широкое поле для экспериментов и самовыражения.

Внутри команды мы делим продукты и направления на несколько групп. Например, одна из них — это сервисы, которые можно найти на второй вкладке мобильного приложения. Другая — аудиторные направления, они созданы для коммуникации с разными категориями пользователей: создателями контента, владельцами бизнеса или разработчиками.

Мы решили создать дополнительные уникальные графические приёмы, которые бы прослеживались на уровне этих групп. За помощью обратились в студию Tigers Moscow.

Для сервисов разработали приём «Флип». Он визуализирует новый опыт, который люди получают, переключаясь с привычных функций ВКонтакте на новые возможности: например, вызов такси или заказ еды. Графически этот переход можно изобразить как перелистывание флип-часов.

Так выглядит «Флип»

При этом у любого сервиса появляется собственная форма и палитра. Они формируют уникальный для каждого проекта фирменный стиль: он наследует и общий графический приём группы, и визуальные константы основного бренда ВКонтакте.

Собственным графическим приёмом обзавелись и аудиторные направления. Его мы назвали «Шифт». Коммуникация разделяется по категориям пользователей — их много, и мы показываем это, дублируя очертания иконки ВКонтакте. Эти контуры накладываются, сближаются и сменяют друг друга. Так мы демонстрируем, что каждый может переключаться с одной роли на другую.

В основе графических приёмов лежит уникальная форма иконки ВКонтакте — она стала дополнительной визуальной связкой для всех продуктов и направлений.

Дизайн-систему уже применили для нескольких сервисов — например, «Еды ВКонтакте» и «Такси ВКонтакте». В планах — перевести все продукты и направления платформы на новый визуальный язык.

Обновлённый логотип ВКонтакте появится в свежем дизайне десктопной версии. Иконки здесь стали ярче и лаконичнее, а шапка сайта сменила синий цвет на белый. Выглядит знакомо, потому что дизайн приблизился к внешнему виду мобильного приложения VK. Теперь мы унифицируем оформление, чтобы на всех устройствах ВКонтакте выглядела похоже и узнаваемо.

Обновлённый дизайн сайта vk.com

Новое оформление версии для десктопа постепенно появится у всех пользователей. А прямо сейчас оценить его могут 100 тысяч добровольцев — для этого нужно включить обновлённый дизайн в настройках профиля на сайте vk.com.

А для всех, кто использует логотип ВКонтакте в работе, мы подготовили новую страницу ресурсов бренда. Её можно найти по ссылке vk.com/brand.

Команда проекта

ВКонтакте

Виолетта Силенина, бренд-директор
Павел Князев, директор по дизайну
Илья Гришин, руководитель дизайна суперприложения
Артём Олещенко, дизайнер-технолог
Марина Антоненко, дизайнер
Михаил Лихачёв, руководитель продуктового дизайна
Алексей Мазелюк, ведущий дизайнер
Иван Барышев, старший дизайнер

Студия TypeType (фирменный шрифт)

Юлия Гонина, арт-директор
Иван Гладких, технический директор
Юрий Наконечный, техническая команда
Виктор Рубенко, техническая команда
Денис Васильев, аккаунт-менеджер

Студия Tigers Moscow (фирменный стиль)

Виталий Цыганков, дизайн-директор
Юрий Негребецкий, директор по стратегии

В проекте участвовали ещё очень многие — и его бы не случилось, если бы не их труд. Всем большое спасибо!

«ВКонтакте» сменит логотип впервые с 2016 года

  • Технологии

«ВКонтакте» накануне дня рождения показала новый логотип и объявила о редизайне сайта

Социальная сеть «ВКонтакте» объявила о первом с 2016 года обновлении своего фирменного стиля, в том числе логотипа, веб-версии сайта и собственного шрифта. «Изменение, которое заметят все, — это свежее оформление vk. com. Иконки стали ярче и лаконичнее, а шапка сайта сменила синий цвет на белый», — сообщила пресс-служба соцсети. Об изменениях было объявлено накануне дня рождения компании — 10 октября исполнится 14 лет со дня ее создания.

Изменится и логотип компании, который уже можно увидеть в обновленном дизайне vk.com. В новом логотипе используется привычная иконка, но яркого синего оттенка. Кроме того, в логотип вернулось слово «ВКонтакте», которое убрали в 2012 году. Пресс-служба соцсети объяснила, что это не ностальгия: «Просто теперь любой наш сервис или направление может добавить название соцсети в свой логотип. Так вы сразу поймете, что проект связан с VK и ему можно доверять».

Компания объяснила, что новый логотип будет существовать в двух версиях: полная содержит иконку и текст, а компактная — только иконку. Кроме того, компания изменила и шрифт, которым в логотипе написано слово «ВКонтакте» — теперь это собственный шрифт соцсети VK Sans.

Новая система оформления уже применена для «Еды ВКонтакте», «Такси ВКонтакте» и «Работы ВКонтакте», и постоянно на новый визуальный язык перейдут и другие продукты «ВКонтакте».

Новое оформление версии «ВКонтакте» для компьютера постепенно появится у всех, заверили в соцсети. Те пользователи, который хотят оценить изменения уже сейчас, могут в числе первых 100 000 добровольцев включить обновленный дизайн в настойках профиля.

Последний раз «ВКонтакте» кардинально менял дизайн сайта и обновлял логотип в 2016 году. Тогда соцсеть стала шире, логотип «ВКонтакте» заменили международным значком VK.com, изменился стиль репостов, уведомлений и фото.  Редизайн был обусловлен «духом времени»,  говорил занимавший тогда пост гендиректора «ВКонтакте» Борис Добродеев. «Прежде всего речь идет о подстройке под широкие экраны, столь распространенные сегодня. Но «стену» не вернем», — рассказывал он в интервью «Коммерсанту».  После этого соцсеть проводила редизайн мобильного приложения.

Фото Максима Стулова / Ведомости / ТАСС

значок контакта PNG и вектор SVG скачать бесплатно

значок контакта PNG и вектор SVG скачать бесплатно

Мы создаем новые иконки каждый день. Станьте покровителем UXWing для поддержки сайта всего за $1/месяц!

Поделиться этой страницей

contactcontactcontact

Форматы: Оптимизированный файл SVG, уменьшенный файл PNG / PNG Размер: 512px x 512px / Категория: Общение, Чат, Звонок

Лицензия: Все иконки можно свободно использовать в любых личных и коммерческих проектах без указания авторства или указания авторства. Подробнее

Скачать PNG Скачать SVG Редактор иконок SVG

Просмотреть все связанные значки »

Категории иконок

  • Сельское хозяйство, сельское хозяйство, садоводство
  • Животные, птицы
  • Стрелка, Направление
  • Искусство, графики, формы
  • Банковские сети, финансы
  • Красота, мода
  • , социальные сети
  • Artchitue Estate Estration, Artchiture
    • ,,. Бизнес, профессиональные услуги
  • Галочка, крестик
  • Одежда, аксессуары
  • Общение, Чат, Звонок
  • Компьютеры, Мобильный телефон, Аппаратное обеспечение
  • Контроллер, Музыка
  • Преступность, Безопасность, Военные, Закон
  • Домен, Хостинг
  • Электронная коммерция, Валюта, Покупки
  • Редактирование, Пользователь28, Действие
  • Образование, школа
  • Эмодзи, смайлик
  • Фестиваль, культура, религия
  • Файл, тип папки
  • Фитнес, тренажерный зал, йога, спа
  • Флаги, достопримечательности
  • Еда, напитки, кулинария
    • 80027 Фрукты, Овощи
  • Руки, Жесты
  • Здоровье, Болезни, Органы
  • Домашнее хозяйство, Мебель, Техника
  • Интернет, Сеть, Технологии
  • Расположение, Путешествия, Карта
  • Логистика, Доставка, Наука, Доставка 9002 Лаборатория
  • Природа, Окружающая среда, Экология
  • Люди, Аватары, Мысли
  • Отношения, Любовь
  • SEO, Маркетинг
  • Знаки, Символы
  • Спорт, Награды
  • Время, Дата, Календарь
  • Инструменты, оборудование, строительство
  • Игрушки, детство
  • Дорожный знак
  • Транспорт, автомобили
  • Пользовательский интерфейс
  • Видео, фотография, мультимедиа
  • Погода
    • 20027 Веб, приложение, разработка 902

    Подкатегории

    AddApple BrandAudioAutomotiveAwardsBehanceBookBottom ArrowBrandBuildingCalendarCameraCartChargingChartCheckmarkChristmasCleaningClockClothesColorCompareComputerConstructionCountry FlagCurrencyDatabaseDeviceDirectionDocumentsDownloadDribbbleDrinkEditEditorElectricalElectronicsEmailEntertainmentEnvironmentExitExportFacebookFavoriteFile TypesFilterFolderFoodFurnitureGameGoogleHelpHotelHouseholdHuman OrgansImageImportIndustryInformationInstagramInsuranceInternetKidsLaundryLawLeft ArrowLineLinkedinLoaderLocationLoginLogoutManMarketingMen’s AccessoriesMessagingMicrosoftMoneyMusicNatureNetworkingNotificationPackagePhonePinterestQuestionRedditReligiousRemoveRestaurantRight ArrowSaveSavingsSearchSecuritySEOServerSettingShapesShippingShoppingSignSnapchatSocial MediaSolidStarTargetTiktokToolsTop ArrowTraffic Road SignTravelTumblrTwitterVideoVolumeWarningWhatsappWifiWomanWomen’s AccessoriesYoutubeZodiac

    © 2023 UXWing. Все права защищены. | Политика конфиденциальности | Отказ от ответственности

    Единая платформа для подключения | Zoom

    Перейти к основному содержанию

    Обзор специальных возможностей

    Большие новости! Мы развиваем Zoom IQ, нашего интеллектуального компаньона с искусственным интеллектом. Узнать больше

    Объединяйте команды, переосмысливайте рабочие пространства, привлекайте новую аудиторию и восхищайте своих клиентов — и все это на платформе Zoom, которую вы знаете и любите.

    Планы и цены Зарегистрируйтесь, это бесплатно

    Одна платформа
    для создания

    Объединяйте команды, переосмысливайте рабочие пространства, привлекайте новую аудиторию и восхищайте своих клиентов — и все это на платформе Zoom, которую вы знаете и любите.

    Планы и цены Зарегистрируйтесь, это бесплатно

    Одна платформа
    для инноваций

    Объединяйте команды, переосмысливайте рабочие пространства, привлекайте новую аудиторию и восхищайте своих клиентов — и все это на платформе Zoom, которую вы знаете и любите.

    Планы и цены Зарегистрируйтесь, это бесплатно

    Гибкие решения для совместной работы в современной команде

    • Zoom Один
    • Zoom Spaces
    • События Zoom
    • Контактный центр Zoom
    • Zoom Разработчики

    Заставьте работать меньше работы

    Безопасное подключение и совместная работа, чтобы вы могли работать вместе лучше. Простая в управлении и приятная в использовании, Zoom помогает современным сотрудникам.

    Откройте для себя возможности

    Поддержка организаций в различных отраслях и регионах

    Zoom помогает консолидировать коммуникации, объединять людей и лучше сотрудничать в зале заседаний, классе, операционной и везде между ними.

    Ознакомьтесь с отраслевыми решениями

    • Образование

    • Финансовые услуги

    • Правительство

    • Здравоохранение

    • Производство

    • Розничная торговля

    Что нового в Zoom

    Будьте в курсе новостей, изучайте передовой опыт и многое другое.

    Читайте наш блог

    Отчет

    Признанный лидер Магического квадранта!

    Компания Zoom названа лидером Магического квадранта UCaaS по всему миру

    Прочитать отчет

    События

    Получите вдохновение

    Соскучились по Zoomtopia 2022? У нас есть ты! Получите доступ к библиотеке по запросу, чтобы следить за каждым основным докладом, идеями и специальными гостями.

    Смотреть сейчас

    Новый продукт

    Представляем бета-версию Zoom Mail и Календарь

    Объедините все важные дела для общения и планирования в Zoom.

    Откройте для себя почту и календарь

    Унифицированные коммуникации

    Единая платформа для подключения

    Объединяйте команды, переосмысливайте рабочие пространства, привлекайте новую аудиторию и восхищайте своих клиентов — и все это на платформе Zoom, которую вы знаете и любите.

    Посмотреть планы и цены

    Разговорный интеллект

    Zoom IQ для продаж

    Повысьте эффективность продаж, сократите циклы сделок и улучшите предсказуемость доходов с помощью решения на основе ИИ, которое предоставляет полезную информацию о ваших звонках и встречах.

    Узнать больше

    Реальные истории о людях, которые работают лучше вместе

    Формула 1 + Zoom Подарите большему количеству фанатов лучшие гонки на Земле

    Прочитайте их истории

    Сплоченная и совместная рабочая сила способствует инновациям в Capital One

    Прочтите их истории

    Zoom объединяет влиятельных бизнес-лидеров и предпринимателей для лучшего восстановления

    Прочтите их истории

    Получите вдохновение

    Компании доверяют, люди любят людей

    Лучшие рейтинги на сайтах отзывов

    4,5 /5

    из 4500+ отзывов Узнать больше

    8,5 /10

    из 3200+ отзывов Узнать больше

    4,5 /5

    из 39 000+ отзывов Узнать больше

    Признанный лидер в области унифицированных коммуникаций

    Trust Radius 2022 г.

Comments
Leave Comment