這年頭學視覺設計、平面印刷,哪個沒用過 Adobe 的產品?
但是在畢業之後,這類數位視覺設計軟體,在市場上又出現了不少新面孔,以首發日期來算,像是:
– 2010 年的 Sketch (macOS Only)
– 2014 年的 Affinity Designer / Affinity Photo
– 2016 年的 Figma
– 平板裝置上的 ProCreate 之類的
– 2012 成立,2018 年開始經營中文市場的 Canva

總之這些產品都在各自的使用者市場上佔有一席之地,百家爭鳴。

Affinity Designer 是英國的一家成立於 1987 年,比我還老的軟體公司 Serif 於 2014 年發表的軟體,該公司還有其他專門用於點陣繪圖(Affinity Photo)、出版(Affinity Publisher)等等的軟體。Mac 版的 Affinity Designer 還曾得到 2015 年的 Apple Design Award,軟體設計絕對有一定的水準。

Affinity Designer 的收費方式

  • Affinity Designer 的授權方式,只有購買時有一次性費用,不用繳月費,而且費用比 Adobe CC 套餐一個月的價錢還便宜。
  • 但還不確定未來會不會像某些軟體,大版本升級時要另外繳「升級價」? 不過寫文章的時候版本號也才 1.10,應該暫時不用考慮這種問題。
  • 它有 iPad, Wndows, macOS 三種版本,如果要在不同作業系統上使用,各個作業系統需要各買一次授權(Win10 的授權在 Win11 還能繼續用)。

本文純以向量繪圖相關功能的角度來介紹與分享一下 Affinity Designer 的使用心得。

網格物件的漸層(Gradient mesh)問題

illustrator 有個網格物件功能,可以用來做一些比較複雜的漸層圖形。
不過可惜做好的東西存成 ai 檔,用 Affinity Designer 打開,會變成一片空白,或是變成一團單色的東西。

不過同樣的檔案用 InkScape 可以開起來並正常顯示它原本該有的顏色,但想要跟 illustrator 一樣編輯,當然也是沒辦法了。

3D 文字或 3D 功能問題

就跟智慧去背、智慧影像合成之類的功能一樣,這算是近幾年 Adobe 也一直在加強的功能,illustrator 做的 3D 圖形存成 ai 檔,Affinity Designer 開啟後還算是能正常顯示。
但完全變成一張圖,調整文字、材質、角度等3D編輯功能當然也完全沒了,期待 Affinity Designer 後續可以再加強這方面的功能。

沒有影像描圖(Live trace)功能

影像描圖是把點陣圖嘗試變成向量檔的重要功能之一,Affinity Designer 雖然定位跟 illustrator 打對台,但是裡面附的點陣編輯工具竟然非常多元,甚至可以去背改圖,比 illustrator 用剪裁遮色片去背、或是做事情時 PS, AI 雙開還要方便多,但很遺憾的是 Affinity Designer 竟然沒有內建描圖功能。(官方論壇討論串:Affinity | Forum – Make PNG (or other image files) into vector graphics into Affinity Design)

如有這類需求,可以自己考慮把圖丟到一些線上網站來轉Free Vectorizer converts,但是圖片很大的時候要轉很久。
或是考慮用另一套免費的 Open Source 軟體 InkScape,裡面有內建影像描圖功能,但是當然就沒有像 illustrator 那麼多細項和風格可以設定。

除了沒有描圖功能,一些 illustrator 祖傳的刀子相關工具、CC 開始越來越複雜的變形相關工具,在 Affinity Designer 暫時也沒發現,但基本的鋼筆工具、筆刷工具、路徑交集聯集工具都是有的。

沒有繁體中文介面

有時候看英文或簡體中文教學,可是用語和功能名稱跟繁體中文版的完全不一樣,只能想辦法猜他講的是啥功能,不然就要重新安裝對應的語系版本,或是改什麼 tw10428.dat 之類的,非常麻煩。
但 Affinity Designer 沒有這種問題,使用介面有多國語言,要換語言只要在軟體設定裡面選一下,重開軟體就生效了,非常輕鬆。
Affinity Designer 階段沒有繁體中文,可以選擇使用英文或簡體中文,用習慣了就還好。

設計稿文件內使用中英文字、中英文字體、文章段落、文字樣式顯示都是毫無問題的,有缺字型時開檔案也會提示。InkScape 比較容易碰到開別人的檔案,文字樣式會亂掉的問題,Affinity Designer 在文字功能的相容性,明顯比 InkScape 還好。

順帶一提,Affinity Designer 的文件色彩模式理所當然有 CMYK 和 RGB 之類可以選,但內建的 Pantone 色票沒有像 illustrator 那麼多,所以有人講 Pantone 哪本色票的幾號,可能得靠其他方式去找到 CMYK 值。我主業不是做平面設計或印刷的,所以這個問題對我比較沒差。

affinity-pantone-palette

有些小地方效能好像比較差

就是我的需求通常不複雜,在 illustrator 用起來幾乎不會卡,但是同一台電腦,同一個檔案測試,在 Affinity Designer 在某些操作時發現容易遭遇卡頓,影響不大,但就是拿出來講講,例如:

有時候會把畫面上原有的東西複製一份,直接在原檔案貼上,可能是想幫裡面的東西調整一下看看,或是要拆物件。
如果檔案稍大一點,一按下 Ctrl+C,整個作業系統就會開始卡,Ctrl+V貼上後就正常了,但是 illustrator 測試同檔案並沒有這麼嚴重的卡頓,設定裡的硬體加速什麼的都試過,不知道還有哪裡可以調整剪貼簿效能。
看他的介面這樣設計,應該最大可用到 64GB RAM 吧? 可是我電腦的 RAM 明明只有幾 10GB 而已…

affinity-setting-performance

或是例如要把一個大檔案的一小部分轉存成 png,illustrator 其中一種做法是要把東西拖曳到轉存的 panel 內,然後再做後續的檔名、檔案格式、儲存位置之類的轉存操作。
Affinity Designer 的操作方式比較不一樣,其中一種做法是只要把零件選起來,然後按匯出,就可以直接選格式然後存檔,但預設都是「整份文件」,也就是說每次叫出這個視窗時都會卡頓一下,但我不是要轉存整份文件嘛,所以下圖的 Area 要再改成「僅限選擇的項目」,選擇完後會再卡頓一下。

affinity-export

結論

因為我本來是 Adobe 家的使用者,例如工作區域放大縮小的快速鍵,軟體選單位置等等,難免有不習慣之處。不過常用的鋼筆工具、填色、筆刷、轉存 SVG 倒是很夠用。
有一點特別的是 Affinity Designer 內建一些 UI 素材集,只是做簡單的 Prototype 或 Wireframe 的時候還能稍微用一下,再加上 Affinity Designer 除了處理向量素材的功能之外,也有基本的點陣圖處理工具,如此一來就可以減少做一個簡單的東西,還要同時開 N 個軟體的情況。

affinity-ui-asset

其他網路上看到的相關文章
Affinity Designer VS Illustrator: Here’s Where They Differ 這篇文章列出更多 Affinity Designer 的功能優勢,例如更多點陣圖修改工具、更多角度的網格線之類的
Affinity Designer vs Illustrator | Head-to-Head Battle 更詳細的列出幾個大項,比較各自的優缺點。
Is Affinity designer compatible with Illustrator? – Quora 底下有個回答了列出了 Affinity Designer 沒有的功能、像圖稿重新上色