关于在Visual Studio 2019预览版中的用户体验和界面的变化

原文地址：https://blogs.msdn.microsoft.com/visualstudio/2018/11/12/a-preview-of-ux-and-ui-changes-in-visual-studio-2019/

文章目录

• 1、更新我们的产品图标
• 2、更容易启动您的代码
• 3、焕然一新的蓝色主题
• 4、指尖上的生产力
• 5、引人注目的通知
• 6、一个持续的对话

这么多年来，我们已经知道应该和你们一起分享Visual Studio的进化，你–我们的用户–早期通道版的和经常帮助我们为我们的社区提供最好的经验。我们很高兴今天能在这里分享的，作为Visual Studio 2019开发的一部分，我们一直在更新我们的主题，更新我们的产品图标和启动画面，帮助你更快的获得你想要的代码。我想你在改变我们的思维和展示所产生的用户体验，你会遇到的每一天。发表你的评论或建议的特征（或报告错误！）在开发者社区，你有机会提供输入到产品的设计，在过程的早期。

1、更新我们的产品图标

该文章的最新版本已迁移至个人博客【比特飞】，单击链接 https://www.byteflying.com/archives/1035 访问。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y0odYW0t-1596460503502)(https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/11/new-old-vs-win-icons-1.png)]

Visual Studio 2017图标（左）和新的Visual Studio 2019的图标（右）

你可能会注意到的第一个变化是刷新我们的产品和预览图标。我们致力于提高我们的图标为每个Visual Studio版本，你可以快速找出哪个版本的Visual Studio你打开和使用。我们发现一些可用性问题在图标的方式在发布Visual Studio 2017年的早期阶段，我们致力于解决这些问题的Visual Studio 2019年。

有一件事是，当前图标的扁平化风格使它变得几乎看不见的背景有相似的颜色。采用FLUENT软件设计系统方法对深度、照明和材料，我们的视觉增强的图标使它更可见多种背景下。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aNAb2sMY-1596460503506)(https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/11/new-vs-icon-taskbar.png)]

新的Visual Studio 2019图标在任务栏和开始菜单

我们总是在学习新的形势和环境下的Visual Studio标志可能出现。我们不断提高其可读性，减少它会在一个类似的彩色背景失去机会。

Visual Studio将释放图标（左）在Visual Studio 2019预览图标（右）

我们面临的另一个挑战是一个预览和Visual Studio最终RTM版本之间的差异。我们的产品图标是我们能够传达这种差异最明显的方式，但这确实很难与Visual Studio 2017年图标集。Visual Studio的2017年，图标被设计为大的Visual Studio家族的一部分。我们使用的方法是将我们所有的图标与一贯的“丝带”下的右侧。然而，这使得识别标记，区分应用程序从一个另一个更小的空间。

Visual Studio 2019年，我们开始通过消除任何多余的部分的图标。我们希望把重点放在视觉工作室最知名的元素：即，无限循环

我们增加了无限循环的大小，这给了我们更多的空间和机会显示预览和发布图标之间的差异。我们还采取了更大胆的方法我们如何代表预览。在一些地方打破图标的形状，我们保持了Visual Studio的图标的整体形状。但我们表现出了鲜明的差异，可在同一时间，这表明一个完整的（如果不是生产准备）预览。

我们正在为Mac图标，将在即将举行的预览亮相新的Visual Studio类似的方法。

2、更容易启动您的代码

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DSEw4Nkx-1596460503515)(https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2018/11/command-bar-all.png)]

开始为Mac Visual Studio窗口（左）和Visual Studio（右）

通过研究和观察，我们发现机会简化选择，你必须在开始使用Visual Studio中最关键的步骤。我们意识到我们需要将我们所称的“下课”的经验，为您提供最佳的路径，期待你的代码。

无论你是新的Visual Studio或经验丰富的Visual Studio开发，新启动窗口给你快速访问，开发商获取代码的最常见的方式：克隆或查看代码，打开项目或解决方案，打开电脑本地文件夹，并创建一个新的工程。

我们知道如何重要的名单中最近的项目和文件夹从Visual Studio 2017中的当前IDE启动页是你（超过百分之90的人使用起始页也使用最近的项目列表），所以我们一定要保持其作为经验的一个焦点位置。

你也会找到一个新的，简化的，先让你克隆Git工作流公共Git版本只需点击几下。

最后，我们还将创建一个新的项目的经验，一个新的最流行的模板列表和改进的搜索和过滤功能。在选择一个模板的新的设计，一步一步的方法和配置它，我们相信我们有那么强烈的这样你就可以专注于一个单一的决定。你也可以探索其他的语言、平台和Visual Studio支持并最终能够安装他们的权利，从那里的项目类型。

3、焕然一新的蓝色主题

刷新的蓝色主题（左）在目前的蓝色主题（右）

其中最为引人注目的视觉冲击，你会看到当你运行Visual Studio 2019是我们更新的蓝色主题。超过一半的人使用蓝色的主题，但它看起来一样从Visual Studio 2012。我们把周围的变化希望简化Visual Studio用户界面。通过软化边缘围绕我们的图标按钮、工具栏和工具窗口，我们可以提出关注你在做什么。我们已经取得了很小的变化在整个UI，这总计达清洁接口同时满足我们的可访问性标准。我们开始用蓝色的主题，这样我们就可以在你面前得到这些更新，从你的反馈中学习，然后将它应用在我们的其他主题。

4、指尖上的生产力

目前的指挥空间（顶部）和简化的版本的Visual Studio 2019（底部）

寻找机会扩大代码的焦点和去除杂波，我们开始与垂直空间。通过移除标题栏，我们借此机会重新评估Visual Studio最上面的布局没有彻底改变你的工作流程。我们已经搜索界面，提高曝光度。随着即将到来的预览发布和更新，你会发现，在Visual Studio 2019的搜索是更强大和精确的。

我们现在有一个集中的位置为团队协作使用活的标题栏中的份额。组合在一起，接近签署了在Visual Studio用户账户，它现在更容易看到那些你的合作。这是建立在Visual Studio的所有版本。我们还花时间清理默认图像对齐它更好地与Windows。

这些小的变化使我们在IDE…回收重要空间允许更大的工具窗口，代码的空间更大，更快的获得…的工具和命令，不管你。

5、引人注目的通知

该文章的最新版本已迁移至个人博客【比特飞】，单击链接 https://www.byteflying.com/archives/1035 访问。

明年年初，我们的一个预览版本将包括通知UI更新。通过与你交谈，我们听说当前通知的位置，图标，和国家一直不清楚你一段时间。为了解决这个问题，我们正在通知在IDE的底部的状态栏的切入点。这个新的位置，避免破坏性的UI打断你的注意力，而使我们显示各种不同的服务信息（从现场分享拉请求评论的状态）的未来。我们也从国旗钟更新图标，根据你的意见。

6、一个持续的对话

我们很高兴能分享这些变化，我们一直在与你，我们想听听你对我们的新设计思想，所以请在下面留下你的评论。你也可以建议一个特征或我们的错误文件开发者社区。我们想让Visual Studio每次更新你的反馈更是关键。