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

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

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

Sketch 68 Beta版本探秘,看看都有什么新功能

Sketch最新Beta版本下載

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

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

Sketch 68 Beta版本探秘,看看都有什么新功能

智能助理介紹

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

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

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

Sketch 68 Beta版本探秘,看看都有什么新功能

助理安裝

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

Sketch 68 Beta版本探秘,看看都有什么新功能

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

Sketch 68 Beta版本探秘,看看都有什么新功能

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

Sketch 68 Beta版本探秘,看看都有什么新功能

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

Sketch 68 Beta版本探秘,看看都有什么新功能

三個助理功能介紹

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

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

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

1. Sketch Naming Conventions 命名規則

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

Sketch 68 Beta版本探秘,看看都有什么新功能

  • 畫板需要以數字作為開頭。命名以數字開頭有利于排序,結構清晰易讀,而且方便團隊其他同學查找,是一個非常值得推薦的習慣。
  • 組名不能用默認值。很多時候我們編組后不會改名,因而會出現諸如Group 234、Group 235、Group 236這樣的命名,非常不利于后期修改和維護。
  • 頁面命名應該以一個Emoji來開頭。這點國外很多設計師的源文件這么做,因為一個項目中頁面分類不會太多,為了增強純文本的可讀性和趣味性,我們可以在文本輸入中按control+command+space快速調用Mac系統的Emoji圖標面板。
  • Symbol組件應該用斜杠分組命名。這是組件庫的基本命名法,用「/」來劃分組件為不同的分類,是一個非常重要的命名點。

嚴謹且高效的命名雖然是件非常小的事情,但是卻關系著一個源文件的易用性,以及與團隊協作的重要性。如果你本身就有非常好的命名習慣,面試時展示給面試官也是一個很好的加分項。

2. Reuse Suggestions 樣式建議

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

Sketch 68 Beta版本探秘,看看都有什么新功能

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

3. Tidy 圖層清理

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

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

Sketch 68 Beta版本探秘,看看都有什么新功能

  • 一個畫板中的圖層應該盡可能地包含在分組中,過多的單圖層容易增加圖層結構復雜性,降低工作效率。
  • 圖層不應該隱藏,過多的隱藏無用圖層會增加整個文件的體積,對正常圖層造成干擾。
  • 描邊、填充、陰影等圖層樣式不應該禁止使用,如果有必要的話,禁止后應該刪除該樣式屬性。
  • 圖層的大小和位置不應該出現次像素,過多的小數點會給標注帶來影響,應該勾選設置中的像素對齊功能。
  • 如果組內沒有內容,應該刪除該組。
  • ……

總結

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

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

整理方法見這篇:

歡迎關注作者的微信公眾號:「UI黑客」

Sketch 68 Beta版本探秘,看看都有什么新功能

收藏 20
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。