Как стать автором
Обновить
140.41
Рейтинг
Microsoft
Microsoft — мировой лидер в области ПО и ИТ-услуг

UX/UI дизайн новой VS 2019

Блог компании MicrosoftПрограммированиеVisual StudioДизайнСофт
Мы рады поделиться с вами сегодня тем, что в рамках разработки Visual Studio 2019 мы обновим нашу тему, обновим значок продукта и заставку. Эти изменения в рамках UX/UI дизайна поможет быстрее приступать к работе. Мы бы очень хотели, чтобы вы высказали свое мнение об этих обновлениях. Каждый комментарий влияет на будущий продукт.

В качестве КДПВ у нас сегодня первое изменение: Значок Visual Studio 2017 (слева) и новый значок Visual Studio 2019 (справа)

Эта статья — перевод статьи из нашего Vusial Studio Blog.



Итак, первое изменение: мы решили обновить значок в VS2019. Отчасти это делается для того, чтобы пользователю было проще различать, какую версию программы он открыл и использует. Мы столкнулись с некоторыми проблемами юзабилити стиля значка на ранних этапах выпуска Visual Studio 2017, и мы сосредоточены на решении этих проблем в Visual Studio 2019.

Одна из проблем, которая возникла, заключалась в том, что плоский стиль текущей иконки сделал ее почти невидимой на фоне аналогичного цвета. Переняв Fluent Design System и применив его к глубине, освещению и материалу, мы визуально улучшили значок, чтобы он был намного более заметным на разных фонах.



Еще одна проблема, с которой мы столкнулись, — это разница между превью и окончательной версией Visual Studio. С помощью значков можно решить эту проблему, но в VS2017 появились другие сложности. Для Visual Studio 2017 значок был разработан как часть большой семьи продуктов Visual Studio. Метод, который мы использовали, состоял в том, чтобы у каждого значка была «ленточка» с правой стороны. Однако это оставило меньше места для самого логотипа.

В Visual Studio 2019 мы удалили все дополнительные части значка. Мы хотим сосредоточиться на самом узнаваемом элементе логотипа Visual Studio: а именно, на бесконечной петле.



Мы увеличили размер бесконечной петли, что дало нам больше возможностей показать разницу между значками Preview и Release. Мы использовали более смелый подход к Preview-logo. Разделив форму значка в нескольких местах, мы сохранили общую форму значка Visual Studio. Но мы показываем четкую разницу между Preview и Release.

Мы работаем над аналогичным подходом к новой иконке Visual Studio для Mac, которая дебютирует в предстоящих анонсах.

Легче запускать код



Стартовое окно в Visual Studio for Mac (слева) и Visual Studio (справа)

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

Независимо от того, являетесь вы новичком или опытным разработчиком Visual Studio, новое окно запуска предоставляет быстрый доступ к наиболее распространенным способам начала работы разработчиков с кодом: клонирование или проверка кода, открытие проекта, открытие локальной папки на ПК или создание нового проекта.

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

Обновленная голубая тема



Обновленная голубая тема (слева) рядом с текущей синей темой (справа)

Одним из наиболее заметных визуальных эффектов, которые вы можете увидеть при запуске Visual Studio 2019, является наша обновленная голубая тема. Более половины из вас используют синюю тему, но она не менялась в VS2012. Мы сосредоточились на желании обновить интерфейс Visual Studio. Мы внесли небольшие изменения в весь пользовательский интерфейс, сгладили углы.

Производительность у вас под рукой



Текущее пространство (вверху) и упрощенная версия для Visual Studio 2019 (внизу)

В поисках возможностей для уменьшения беспорядка, мы начали с панели инструментов. Удалив строку названия файла, мы смогли переосмыслить панель инструментов Visual Studio без существенного изменения рабочего процесса. Мы изменили поиск: в предстоящих версиях вы увидите, что поиск в Visual Studio 2019 более мощный и точный.

Live Share теперь имеет стабильное место в интерфейсе. Там же видно людей, с которыми вы работаете.

Заметные уведомления




В начале следующего года в одном из наших предварительных выпусков будет обновлен пользовательский интерфейс уведомлений. Из исследований: текущие уведомления не до конца устраивают разработчиков. Теперь уведомления будут появляться в строке состояния в нижней части IDE. Это поможет разработчикам не терять концентрацию во время работы.

Ждем ваш фидбек!


Делитесь отзывами, всё читаем и учитываем.
Теги:UI DesignUXVisual Studio 2019Microsoft
Хабы: Блог компании Microsoft Программирование Visual Studio Дизайн Софт
Всего голосов 30: ↑17 и ↓13+4
Просмотры39K
Комментарии Комментарии 105

Похожие публикации

Лучшие публикации за сутки

Информация

Дата основания
Местоположение
США
Сайт
www.microsoft.com
Численность
Неизвестно
Дата регистрации

Блог на Хабре