設計師自己就能做的 Sketch 檔案優化:長期維護檔案效能

北棲青年
StreetVoice Lab

--

工作就是要一邊聽歌

先來前情提要,雖然 Sketch 一直以來都以效能作為主打的優勢,但如果是長期在不斷更新的專案,檔案本身越來越肥、越來越慢也是難免。但只要能理解究竟是什麼原因拖慢效能,就可以馬上處理並且避免再讓檔案狀況變得更差。這篇文章主要寫給要長期維護 Sketch 檔,而且擔心檔案越做越大的人。

在上一篇 極限的檔案壓縮 中有提到,真正拖讓 Sketch 檔案肥大的兇手其實是 圖檔。但其實就連工作時的效能也是,因為肥大的圖檔同時也代表增加 Render 的壓力,所以這篇會介紹維護 Sketch 檔案效能的手法,重點也大多都會圍繞在圖檔的控管上。

1. 如果要刪除任何圖檔,優先考慮還原檔案到沒有圖檔的工作階段,不要直接刪除圖檔

平常設計時如果導入了圖檔又不滿意,請不要刪除,利用 Undo(Command + Z)來回到導入圖檔前的工作階段。

這點跟 Sketch 運作的機制有關,只要你將圖片丟進 Sketch 中,儲存時圖片就會被包進檔案內,而又因為 Sketch 本身會有版本紀錄跟 Cache,就算在設計上把圖檔刪除了,一個不小心就會把已經廢棄的圖檔包進檔案內。所以要避免這種狀況,請善用 Undo

2. 在導入任何圖檔之前,先進行壓縮

這裏可以完全參考 極限的檔案壓縮 的做法,這裏就只附上需要的工具跟用途。只要能將事前壓縮的習慣導入工作流程中,就不用花更多精力回頭整理 Sketch 檔。

3. 作為素材,同一個圖檔盡量重複利用

在一些需要大量圖檔素材的場合(比如列表),盡量重複使用圖檔。或是更加基進一點,只要是同個 Sketch 檔內需要圖檔素材的地方,除非必要盡量都用同一個圖檔素材,沒有導入就沒有傷害。

但遇到不得已像是 Mockup 的場合,就另外開一個暫時的 Sketch 檔,完工之後這個檔案就直接廢棄了。

4. 不要使用 Sketch Data 來導入圖檔(暫時)

Sketch 在 50 版開始加入了 Data 的功能,雖然這個功能非常方便,但導入的圖檔都會被包進 Sketch 檔裡面,尤其是隨機導入的功能如果不克制一點,Sketch 檔很快就會被塞爆,手癢的話請克制一點。

所以現階段並不推薦使用 Sketch Data 的功能來導入圖檔,除非 Sketch 官方有對這個弊病進行修正。

結尾的提醒:圖檔只是最有感的部分,但不是全部

雖然說管好圖檔對效能的影響是 Sketch 的重點項目,但像是 Symbol、Prototype…之類的功能,隨著專案越做越大,同樣也會影響到效能。

跟設計長久下來一定會有設計債一樣,這些問題也會隨著專案越做越大影響越來越嚴重,老實說……這些問題目前還沒找到有效的解法可以導入工作流程中😩

或許現階段最有效的方式就只能重構吧,出來混的終究還是要還啊。

--

--