作为 YouTube 上主要专注于桌面创意软件的内容创建者,多年来我已经看到了大量的用户界面。

肯定有很多创建者、开发人员、用户等比我体验或测试了更多的软件接口。但是,我已经在研究和开发的各个阶段测试并使用了可观的软件聚宝盆。内容创作目的。

我用过 GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, darktable、RawTherapee、OBS、Krita、DaVinci Resolve、Final Cut、Olive 等。 这些程序跨越了不同类别的创意软件,它们都有我喜欢和不喜欢的东西——在不同程度上。

用户界面(代表“用户界面“)在这些程序中的每一个都可以有很大的不同,因为这个列表跨越了各种创意类别,包括免费和付费软件。

然而,最近有一个程序从上述软件中脱颖而出——免费和付费——这要归功于最近的主要发布版本对其 UI 进行了重大更新。 这个程序是 Inkscape。

这就是为什么

最近,Inkscape 为其即将推出的 1.2 稳定版本发布了一个 Beta 版本。 如果您不熟悉 Inkscape,它是一个免费的开源矢量图形编辑器。 它与 Illustrator 最具有可比性——尽管最好将其视为奇异博士多元宇宙,其中 Illustrator 存在于一个宇宙中,而 Inkscape 存在于另一个宇宙中。

Inkscape 1.2:一个非常简短的历史

在我看来,Inkscape 一直都有很大的潜力,但也很古怪。 称它为“古怪”是很好的说法——也许“越野车”是一个更好的词。 可以说它经常崩溃并且有很多限制。

尤其如此,因为 Inkscape 1.0 于 2020 年发布 – 这使程序在特性和功能方面达到了一个全新的水平,但使程序更加不稳定。 Inkscape 1.0 还向我们展示了该程序在 UI 设计方面正朝着更好的方向发展,但与其他现代创意软件相比并没有什么特别之处。

2021年春天, Inkscape 团队发布了 Inkscape 1.1,并且很明显,志愿者 Inkscape 开发人员社区开始将重点转移到通过更好的 UI 改善用户体验上。

在此版本中,Inkscape 引入了“欢迎屏幕”,这在付费软件中是相当标准的,但在免费和开源软件中却很少见。 Inkscape 1.1 中引入的其他值得注意的 UI 添加或更改包括“命令面板”,可帮助用户轻松搜索和应用过滤器或操作、可停靠对话(意味着对话可以移动到画布周围的新位置)和改进的导出功能并支持导出为新的文件格式。

Inkscape 1.0 和 Inskcape 1.1 中的这些 UI 改进非常棒,并帮助 Inkscape 在成为更好的软件方面取得了进展。 尽管这些功能很有帮助和令人兴奋,但它们只是为即将发生的事情奠定了基础。

2022 年 1.2 月,Inkscape XNUMX Beta 发布,在我看来,它提高了 UI 设计的标准。

之所以提高标准,是因为 Inkscape 1.2 的 UI 不仅看起来不错,而且比任何其他程序(我亲身体验过的程序)都可以让您自定义它。 它的外观和定制方式是 用户提供反馈的结果,开发人员确认并讨论反馈,开发人员实现该反馈的最佳表现形式,用户测试实现并重新开始反馈循环。

它是软件开发,民主化。 这是一个很好的案例研究,说明了为什么存在免费和开源软件,以及通过社区发展可以实现多么棒的事情。

为什么 Inkscape 1.2 UI 脱颖而出

那么,我特别喜欢 Inkscape 1.2 的新 UI 的哪些方面?

欢迎屏幕更新

马上,欢迎屏幕(再次,它是 首次在 Inkscape 1.1 中引入) 允许用户使用“快速设置”选项卡(上图中以绿色勾勒)自定义 UI。 在这里,用户可以:

  • 选择他们的画布配置,
  • 设置键盘快捷键,
  • 设置图标样式和颜色(在外观下拉菜单中),以及
  • 切换 UI 颜色以选择浅色或深色模式

欢迎屏幕是响应式的,因此您选择的图标将自动更新位于窗口底部附近的图标预览(上图中的黄色箭头)。 此外,在明暗模式之间切换时,欢迎屏幕的颜色会发生变化(红色箭头)。

然后,您可以导航到“绘制时间”选项卡(上图中以绿色标出)并打开最近的文档,从任何模板类别中选择一个模板(以浅蓝色标出),或加载新文档从您的计算机(通过在“现有文件”选项卡中显示的“加载”按钮 - 在上图中以红色标出)。 最后一个选项是在 Inkscape 1.2 中引入的——它帮助完善了欢迎屏幕中文档创建的功能集。

我将通过单击“屏幕”选项卡下的相应模板文件(红色箭头)打开一个 1920×1080 像素的页面。

新画布

在 Inkscape 中打开一个新文档时,以前版本的 Inkscape 的用户会注意到一个经过改进且看起来更干净的画布区域。 对于 Inkscape 1.2,开发人员更新了页面周围的边框,更改了“桌面”的颜色(或页面周围的灰色边界 - 上图中的红色箭头),并改进了页面下方的阴影外观(绿色的箭头)。 这些微妙而重要的变化帮助 Inkscape 感觉更舒适和熟悉(尤其是从 Illustrator 切换时)。

全新的页面工具(多页组合)

哦,说到画布区域——Inkscape 1.2 现在支持 多页文件.

对于那些来自 Illustrator 的人,让我翻译一下: Inkscape 现在支持多个画板.

此功能使用“页面工具”(上图中的红色箭头)控制,这与 Illustrator 的“画板工具”基本相同。 使用这个新工具,您可以快速徒手绘制新页面,或使用控制栏(绿色轮廓)更精确地基于文档预设创建新页面。

您还可以选择任何页面并调整其大小,通过单击和拖动重新定位页面,或使页面大小适合页面上的任何选择或图稿。 最后,您可以将多页导出为多页 PDF。

这个带有页面工具的多页面功能是一个期待已久的功能,它应该可以帮助设计师承担更复杂、更专业的项目。

疯狂的定制水平

如果您对基于欢迎屏幕选择的整体 UI 外观不满意,您可以通过转到编辑>首选项>界面>主题来更改所有屏幕元素的颜色和大小(上图中的红色箭头)。

在“主题”标题​​下(上图中以绿色勾勒),您可以滚动浏览“更改 GTK 主题”下的 GTK 主题,并在单击每个选项时查看不同主题样式的实时预览。 您还可以使用滑块来调整 UI 字体大小,或 UI 背景颜色与文本和图标之间的对比度(绿色箭头)。 您还在哪里见过对比度滑块?

在“图标”标题下(上图中以黄色标出),您可以使用“更改图标主题”下拉菜单从四个图标主题中进行选择。 如果您选择“多色”或“喜色”选项,您将获得其他选项,例如选择图标的“符号”版本(黄色箭头),或选择用于符号图标的颜色(浅色蓝色箭头)——包括“图标颜色基础”和三个“图标颜色亮点”。 这些颜色可以是您想要的任何颜色,可以从色轮、所选颜色模式的滑块或使用 HEX 代码中进行选择。

如果我仍然在 Preferences 对话框中导航到 Interface>Toolbars(上图中的红色箭头),您将看到整个用户界面中使用的工具栏和图标的自定义。 默认情况下,“工具栏”部分下显示的所有工具(黄色轮廓)都处于打开状态,因此显示在工具栏中。 单击任何图标(浅蓝色箭头)将“关闭”该工具并将其从工具栏中隐藏。

工具栏图标下方是一对滑块。 顶部滑块(上图中的红色箭头)允许您调整工具栏图标的大小(红色轮廓),底部滑块(浅色模糊箭头)允许您调整控制栏图标的大小(轮廓在浅蓝)。 您会注意到两者都从 100% 开始并上升到 300%。 这意味着您可以将图标大小增加到原来大小的三倍。 这些值之间的增量也非常小(大约 5% 的增量),这展示了对 UI 图标进行调整的前所未有的粒度级别。

这只是您将在整个新版本中看到的对程序外观进行高度控制的众多示例之一。 让我们退出首选项对话框,展示 Inkscape 1.2 中其他一些令人惊叹的 UI 功能。

更新了调色板以实现更多控制和自定义

画布区域下方是调色板——您可以在该区域为对象和文本等内容选择颜色(在上图中以绿色勾勒)。 在以前的版本中,此调色板使用自己的专用滚动条,并且颜色图块的大小是固定的。

调色板的滚动条有问题,因为画布 使用滚动条(上图中的红色箭头)在页面上水平导航。 换句话说,同一附近有两个滚动条,使新用户难以区分一个滚动条和另一个滚动条。 对新用户来说更令人困惑的是,调色板的滚动条只会出现在悬停时——所以如果你不知道它在那里,很容易错过它。

在 Inkscape 1.2 中,滚动条已替换为调色板右侧的向上和向下箭头(在上图中用红色箭头表示并以红色勾勒),以帮助用户搜索或滚动浏览各种可用的颜色。

向上和向下箭头的右侧是用于查看和选择其他可用调色板的菜单(图像中的红色箭头)。 此功能已更新,现在包括每个调色板中可用的各种色板的小颜色预览(以绿色突出显示的区域 - 您可以在每个调色板的名称下看到小色板预览)。

另外,在这个菜单的最底部是一个“配置”链接(浅蓝色箭头)。

在这里,用户现在可以调整调色板的外观。 可以使用“Tile Size”滑块(红色箭头)调整颜色块的大小,颜色的纵横比(绿色箭头 - 宽度与高度的比率,滑块上的 0 为正方形)瓷砖,每个瓷砖周围的边框大小(浅蓝色箭头),以及颜色栏中显示的样本行数(黄色箭头)。 您可以在照片中看到我进行了一些调整,包括增大图块大小、通过增加纵横比来挤压图块、在每个图块周围添加更厚的边框以及将显示的图块行数增加到 3。

同样,这些精细设置让用户可以最终控制调色板和 Inkscape 1.2 UI 的外观和感觉。 考虑到元素的大小和样式由用户友好的滑块而不是笨拙的替代品控制,并且滑块具有广泛的值,这一点尤其正确。

让我们通过比较来证明这是多么不可思议。

调色板的此配置对话框中显示的“平铺大小”滑块(上图中的红色箭头)包含从 4 到 32 的值,增量为 1(意味着总共有 19 个值,包括 4 和 32)。 或者,Adobe Illustrator 的“色板”面板仅提供 3 个图块大小值——“小”、“中”和“大”。 与完全免费的全新 Inkscape 1.2 相比,付费软件 Illustrator 的控制或可定制性要少得多。

简化的捕捉和智能参考线

我将在本文中介绍的最后一个示例是展示 Inkscape 令人惊叹的新 UI,它是经过重新设计的新“Snap Controls Bar”。 在早期版本的 Inkscape 中,此栏位于画布的整个右侧,并同时显示所有快照控件图标。 这可以理解地给新用户带来了选择,并使使用这些控件变得混乱和具有挑战性。

在 Inkscape 1.2 中,Snap Controls 栏已缩减为一个图标和一个旋转菜单,或者 Inkscape 喜欢称之为“弹出菜单”(以红色勾勒并由图像中的箭头表示)。 单击该图标可启用捕捉控件,而再次单击该图标将禁用捕捉。 如果用户想要更多控制权,他们可以单击弹出菜单(带有三角形的图标),他们将在其中看到一个复选框,它只会通知您当前是否打开了捕捉,以及三个新图标。

前两个图标非常标准:捕捉到边界框(红色箭头)并启用节点捕捉(绿色箭头)。 第三个图标是一个非常令人兴奋且备受期待的功能:画布上对齐,也被用户称为“智能指南”(浅蓝色箭头)。

启用后(默认情况下通常禁用,因此单击图标启用它),用户现在可以在移动对象时直接在画布上看到指南(图像中的红色箭头)。 与其他软件(包括 Adob​​e Illustrator 或 Affinity Designer)一样,这些指南可帮助用户将对象与页面中心对齐、与其他对象中心对齐、均匀地分开对象,甚至快速创建均匀间隔对象的网格。

最后,回到“弹出菜单”,窗口底部有一个标有“高级模式”的链接。

此链接将带您到其他捕捉控件,这些控件允许您启用或禁用单个捕捉功能。 在以前的版本中,这些都是用于在 Inkscape 画布窗口的整个右侧显示的所有捕捉控件。 它们现在整齐地隐藏在这个菜单中。 要返回到更简单的设置,请单击“重置为简单捕捉模式”(图像中的红色箭头)。

Inkscape,免费矢量图形编辑器,已经通过这个令人印象深刻的 Inkscape 1.2 版本认真加强了它的 UI 游戏。 它不仅在多个级别上提供对 UI 设置的精细(每日新闻)控制,还简化了许多控件以改善用户体验,同时仍使这些控件在易于访问的菜单中可供更高级用户使用。

有关 Inkscape 1.2 中的新功能的更多信息,请查看我的视频教程,其中涵盖了这个超大版本的所有最新功能(即将推出!)。 而且,与往常一样,您可以从以下位置免费下载最新版本的 Inkscape 墨景网.

订阅DMD新闻通讯

订阅DMD新闻通讯

注册以接收有关您喜欢的开源软件的新教程,课程更新和最新新闻!

您已成功订阅!

别起来Pinterest上

分享本页面