又到畢業季,設計行業的求職大戰一觸即發。但是我們會發現很多設計師只關注作品集的炫酷,卻忽略了源文件的重要性。

同時越來越多的設計師反饋,面試官會看你的設計源文件,比如Sketch。嚴謹的命名、合理的分組、整齊的Symbol組件……這些細節能從側面反映出你對工作的細緻程度,妥妥的加分項。就好比高考作文,不管內容怎麼樣,字一定要寫的像衡水體一樣漂亮。否則這個小細節會讓你和心儀的offer失之交臂。

不過,那些平時工作對源文件馬馬虎虎,圖層混亂不分組,命名只用默認的設計師也不用擔心,因爲即將發佈的Sketch68版本會教你如何讓源文件更整潔漂亮。

Sketch最新Beta版本下載

如果想體驗Sketch最新Beta版本,請進入Sketch測試版主頁下載 https://www.sketch.com/beta/。但是要記住,一定不要用在自己的正式文件中,防止修改後,低版本打不開。

Sketch 68要求Mac系統版本是macOS 10.14.4及以上,下面是Sketch各大版本對應的Mac系統版本,如果遇到新版的Sketch打不開就需要檢查下自己的系統版本。

智能助理介紹

什麼是智能助理?簡單說就是它可以對Sketch文件整體進行智能分析,並列出建議修改點。

https://www.sketch.com/docs/assistants/

更新68版本後,頂部工具欄會多出一個智能助理的圖標,點開後是一個彈窗。

助理安裝

默認情況下什麼都沒有,我們需要安裝具體的助理。有點像一個應用小商店,後期我們可以通過官方平臺來獲取對應的助理功能。如果你有開發能力,也可以自己開發助理。但是目前還處於測試版,官方提供了默認的三個助理,我們可以打開鏈接,通過瀏覽器喚起Sketch來安裝。

把這三個助理都安裝後,智能助理面板上就可以顯示了。第一個圖標代表所有的問題,看來這個Sketch文件問題還挺多的。

其中每個摺疊項展開後會顯示需要修改的圖層,點擊圖層會自動跳轉到相應位置,非常方便。點擊右鍵還可以對相應問題進行忽略操作。

右上角可以對助理進行啓用、刪除、添加等設置。

三個助理功能介紹

官方默認提供了三個助理,後續會推出更多功能。下面這三個助理分別從命名、圖層、樣式三方面對你的設計源文件進行分析,並給出合理的修改意見。

關於助理更多的功能可以看這份官方在Github上的開發文檔。

https://github.com/sketch-hq/sketch-assistants

Sketch Naming Conventions 命名規則

對圖層、組、頁面的名字進行分析,並給出合理的命名建議。比如對於這個反面例子,智能助理就給出瞭如下幾條建議:

1-畫板需要以數字作爲開頭。命名以數字開頭有利於排序,結構清晰易讀,而且方便團隊其他同學查找,是一個非常值得推薦的習慣。

2-組名不能用默認值。很多時候我們編組後不會改名,因而會出現諸如Group 234、Group 235、Group 236這樣的命名,非常不利於後期修改和維護。

3-頁面命名應該以一個Emoji來開頭。這點國外很多設計師的源文件這麼做,因爲一個項目中頁面分類不會太多,爲了增強純文本的可讀性和趣味性,我們可以在文本輸入中按control+command+space快速調用Mac系統的Emoji圖標面板。

4-Symbol組件應該用斜槓分組命名。這是組件庫的基本命名法,用“/”來劃分組件爲不同的分類,是一個非常重要的命名點。

智能助理給出的以上建議,我在 《Sketch組件管理與團隊協作》 這門課的第一節就着重強調了這點。嚴謹且高效的命名雖然是件非常小的事情,但是卻關係着一個源文件的易用性,以及與團隊協作的重要性。如果你本身就有非常好的命名習慣,面試時展示給面試官也是一個很好的加分項。

Reuse Suggestions 樣式建議

這個助理告訴我們,文件中有多個圖層和文字沒有引用樣式,並且有一些相同的組沒有做成Symbol組件。

對於Sketch來說,Symbol組件、文字和圖層樣式是做組件庫中最最基本的三種功能。我們應該儘可能地把文字、圖層引用樣式,這樣就可以從整體上控制整個文檔,減少後期的修改成本。

Tidy 圖層清理

圖層實際上是設計中最容易出現問題的地方,如何保持圖層的乾淨整潔,非常考驗一位設計師的細節梳理能力。

助理給出了文件中諸多的圖層問題,經常見的有以下幾點:

1-一個畫板中的圖層應該儘可能地包含在分組中,過多的單圖層容易增加圖層結構複雜性,降低工作效率。

2-圖層不應該隱藏,過多的隱藏無用圖層會增加整個文件的體積,對正常圖層造成干擾。

3-描邊、填充、陰影等圖層樣式不應該禁止使用,如果有必要的話,禁止後應該刪除該樣式屬性。

4-圖層的大小和位置不應該出現次像素,過多的小數點會給標註帶來影響,應該勾選設置中的像素對齊功能。

5-如果組內沒有內容,應該刪除該組。

……

總結

雖然官方目前只提供了三個助理功能,但是卻給了我們一面照妖鏡,把平時做圖時忽略的細節一一展現出來。此外,一份整潔的、清晰的、可讀性強的Sketch文件也會讓你在求職面試時額外加分,近期找工作的同學需要關注下。

因此作爲一名成熟的設計師,最重要的不是靠這個助理功能來優化設計稿,而是要把自己當成設計助理,平時就應該養成良好的命名、分組、整理習慣。

END

相關文章