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

时间:2021-02-18 00:45:50

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

这么多年来,我们已经知道应该和你们一起分享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 2019预览版中的用户体验和界面的变化

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

4、指尖上的生产力

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

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

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

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

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

5、引人注目的通知

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

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

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

6、一个持续的对话

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