作為 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 Inkscape.org.

訂閱DMD新聞

訂閱DMD新聞

註冊以接收有關您喜歡的開源軟件的新教程,課程更新和最新新聞!

您已成功訂閱!

別起來Pinterest上

分享這個