Дизайн вконтакте: Команда дизайна ВК опубликовала библиотеки компонентов дизайн-системы VKUI в Figma — Оди. О дизайне

«ВКонтакте» переходит на качественно новый дизайн

3DNews Новости Software Социальные сети «ВКонтакте» переходит на качественно нов…

Самое интересное в обзорах

01.04.2016 [19:27], Сергей Карасёв

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

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

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

Появилось дополнительное пространство для новых полезных функций. Кроме того, обновлено левое меню: сокращены названия пунктов и добавлены иконки, а наиболее востребованные разделы (новости и сообщения) перенесены наверх.

Новости

Переработано отображение каждого элемента, а записи в ленте стали заметнее. Списки новостей собраны в отдельном блоке справа вместе с поиском и комментариями. Включить «умную» ленту новостей стало проще — опция «Сначала интересные» находится в правой части.

Сообщения

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

Уведомления

Отметки «Мне нравится», заявки на добавление в друзья, упоминания, дни рождения друзей и другие события собираются в новом разделе уведомлений. На страницах людей и сообществ теперь можно подписаться на уведомления о новых записях, чтобы не пропускать важные новости. При появлении нового события у иконки «колокольчика» в шапке сайта появится красный индикатор.

Фотографии

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

Прочее

Кроме того, обновлены разделы «О компании», «Продукты» и «Работа ВКонтакте». Поначалу улучшенный дизайн будет доступен в рамках тестирования ограниченной аудитории. Постепенно он станет доступен для всех.

Источник:

Если вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

Материалы по теме

Постоянный URL: https://3dnews.ru/930897

Рубрики: Новости Software, Новости сети, Социальные сети,

Теги: вконтакте, социальные сети, интернет, рунет, дизайн, интерфейс

← В прошлое В будущее →

Как выглядит обновленный дизайн «ВКонтакте»

Обзоры

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

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

Во внешнем виде страницы есть сходные черты (по сравнению со старым оформлением), но косметические изменения коснулись практически всех элементов страницы. Крупные значки, аккуратное лого VK вместо «ВКонтакте» — почти все пространство стало функционально необходимым. Теперь без дела остаются только малые части страницы, несмотря на то, что главные окна выровнены по центру.

Глядя на главную страницу профиля, в глаза сразу бросается то, что квадратные миниатюры иконок пользователей в сообщениях и в блоке «Друзья» заменили круглыми. Появился «колокольчик», нажав на который, можно изучить последние уведомления — дни рождения, заявки в друзья. Теперь еще получится подписаться на обновления записей других пользователей, которые тоже будут выводиться при нажатии на колокольчик.

Появился быстрый доступ к настройке пунктов в меню. Можно буквально в несколько кликов убрать ненужные строчки или добавить быстрый доступ к интересным вам сообществам.

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

Блок «Аудиозаписи» тоже подвергли редизайну: сделали более крупные круглые значки, а еще, пока воспроизводится выбранная песня, можно выбрать, какой трек заиграет следом. 

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

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

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

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

    • 1 апреля 2016
    •    10 760

    save vk — Googlesuche

    AlleBilderVideosNewsMapsShoppingBücher

    suchoptionen

    Tipp: Begrenze diesuche auf deutschsprachige Ergebnisse. Du kannst deinesuchsprache in den Einstellungen ändern.

    Einfach Загрузка видео и музыки ВК — Savefrom.net

    de.savefrom. net Видео, музыка и фотографии от ВКонтакте. Nutzen dazu einfach das praktische Add-on SaveFrom.net Helper для браузера. Эс…

    Загрузчик видео ВКонтакте онлайн — MP3, MP4, HD!

    www.downloadvideosfrom.com › VK

    Перейдите к видео ВКонтакте, которое хотите скачать. Скопируйте URL-адрес видео и вставьте его в поле на этой странице. Выберите между загрузкой видео в обычном качестве (MP4), …

    Загрузчик видео ВКонтакте и прямая загрузка видео ВКонтакте в MP4

    pastedownload.com › vk-downloader

    Лучший бесплатный онлайн загрузчик видео ВКонтакте личное видео). Скачивайте и сохраняйте видео ВК бесплатно без ограничения скорости. Просто вставьте URL и загрузите …

    VK Video Downloader — Скачать видео с ВКонтакте в высоком качестве!

    www.vkdownload.one

    С помощью VKDownload.one вы можете легко загружать видео из ВКонтакте и сохранять их на свое устройство для последующего воспроизведения. Это полезно, когда вы находитесь в пути или в . ..

    Онлайн-загрузчик видео ВКонтакте бесплатно Mp4 — GiveFastLink

    givefastlink.com › vk-video-downloader

    1- Скопируйте URL-адрес видео ВКонтакте. Просмотрите и найдите видео ВКонтакте, которое хотите скачать. · 2- Вставьте URL-адрес видео ВКонтакте · 3- Загрузите лучшее качество и сохраните его!

    VK Video Downloader — ВКонтакте MP4 & MP3 — SteptoDown

    steptodown.com › vk-video-downloader

    Сохраняет ли этот сайт видео, которые я выбираю для загрузки? … Наши условия конфиденциальности очень просты. Инструмент для загрузки видео из ВКонтакте служит мостом между …

    Загрузчик видео из ВКонтакте — SaveFrom.net — Y2bs

    y2bs.com › vk-video-downloader

    Шаг 1. Запустите приложение ВКонтакте и найдите видео, которое вы хотите сохранить, коснитесь кнопки «Поделиться» под дисплеем и выберите «Копировать ссылку». Шаг 2: Вставьте ссылку в белый …

    Онлайн Бесплатный Загрузчик Видео ВКонтакте — FlyDownloader

    flydownloader.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Закрыть
Menu