標籤：

Sketch 3.0 新增了哪些功能？體驗如何？

01-24

官方網站：Sketch | The designer』s toolbox

下載地址：Mac App Store-Sketch 3

最重要的變化必須是土豪金的 icon 了，感覺全民土豪的時代就要來臨了……

新的用戶界面

新的布局樣式

重畫了所有的界面圖標，顏色更加艷麗，雖然都是 32px 但新版本的 icon 有了內邊距。

新功能和改進

Symbol 支持：共享元素，一次編輯，所有共用的地方全部生效，就像是 Photoshop 里的智能對象？生效範圍僅在每一個 .sketch 文件編輯中。

更加強力的導出功能：早年的版本僅可以導出 1x 和 2x 兩個版本的尺寸，而新版可以導出 0.5x、1x、2x、3x、512W 和 512H 的版本，同時還可以自定義不同尺寸的後綴。

改善了點陣圖編輯功能：之前的點陣圖編輯幾乎等於沒有，新的版本增加了兩個選區工具（魔術棒和選擇工具）、反選、裁剪、矢量填充和直接填充。

Artboard 添加背景色：可以為每一個 Artboard 添加背景色，同時導出的時候可以選擇是否包含該背景色。

像素編輯支持全像素對齊：媽媽再也不用擔心像素對不齊了！

新的顏色選擇器：不用像以前那樣在很多地方選擇是純色填充還是漸變填充了，方便了很多。但依舊不支持不同的顏色配置（不同配置的畫板）。

內置了 4 套模板：iOS App Icon、iOS UI Design、Mac App Icon、Web Design，App icon 模板會自動生成全尺寸的 icon Artboard，可以方便的導出全尺寸 icon。iOS UI Design 內置了知名的 Teehan+Lax iOS 7 GUI for Sketch ，而 Web Design 則默認是 Sketch Wireframing Kit，可以直接使用這些元素更快的做出可用原型。

Mirror 也順便從 1.0.1 更新到了 1.1……

目前 Symbol 還沒法自定義，如果可以自定義的話，設計師就可以畫一套 UIKit 發布給同一個團隊的其他設計師，這樣就可以以最低成本實現出一致的設計了。

對了，本周內購買僅需冰點價 49 刀喲，手慢無~

Sketch 2.0用戶內牛滿面，雖是教育授權（2.0）又是半價（3.0）不過讓我大學生黨再花325軟再買3.0有點吃不消啊...

剛才還是買了...（誰叫我在兼職）

用了一下，初步體驗如下：

  1. Symbol 功能簡直是排版黨福音！
  2. 智能參考線終於能停留長一些時間了，2.0就顯示一秒，潛意識裡還以為沒對齊呢...
  3. Welcome頁面終於有了新建iOS UI工程、iOS icon設計工程和Web設計工程三個Artboard選項了
  4. 哦對了Welcome的視頻蠻好看...（→_→

初步體驗這麼多，上課去了，回宿舍繼續體驗。

UPDATE 1:

好了，我回來了，繼續說。

首先先上截屏

噹噹噹噹~Sketch 3.0就是長這樣滴~看上去好像沒什麼變化，但是實際上右側功能欄變窄了，左側圖層欄相對也窄了，頂部的副功能欄也被拿掉了，所得出來的效果就是工作區域的增大，在中午體驗的半個小時當中有一種視野開闊了很多的感覺。

圖標上 @李奇同學也已經說的七七八八了，更加纖細，這裡不再複述。

原先左上角的描繪圖形的三個功能按鈕變成了一個 Insert（插入）按鈕，還加入了其他的可插入功能，裡面真心啥都有（終於有插入圖片啊淚奔，我喜歡全屏使用，2.0的時候只能拖住文件放右邊等應用屏幕甩到 Sketch 上……）

Insert 不僅可以插入圖形、圖片、鉛筆繪製和鋼筆繪製路徑，還集成了 Artboard 管理，剛開始玩還沒弄清楚 Artboard 怎麼添加，實際上就在這裡加，在圖層管理的窗體進行刪除或者其他操作。

插入 Artboard 的時候只能在工作區畫框框來新建了……不過新建完 Artboard 之後還可以對其尺寸加以修改。

大家可以看到 Insert 裡面有一個閘刀一樣的 Slice（切片）圖標，這是幹啥子用的捏？其實很簡單，就是以前 Export 出 PNG 的時候可以選擇只輸出哪部分，Slice 就是繼承了半輸出功能的東西了，也更為直觀和方便。

至於這一版主打的 Symbol 功能，在官方啟動前的視頻可以看出是幹什麼用的。我們很多時候需要添加很多一種類別的元素，它們有相同的視覺參數，但是位置、文字等等可能會不同，那麼我們可以添加一個 Symbol，讓同類元素能夠有同樣的展現風格。

不過……似乎這一版的 Symbol 對圖片的支援並不好……（拜託我想要不同圖片但是同樣風格的頭像啊，我 A 頭像改張圖 B 頭像也跟著改是鬧哪樣……）

其他細節上的調整的話，目前發現的有：

  1. 自定義參考線和標尺可以根據 Artboard 不同進行隱藏、顯示和適配

  2. 右側元素參數調整的窗體進行了 Redesign

好了，能體驗到的大致就這麼多，如果有什麼新發現還是會更新的。

大致體驗了一下

  • 終於可以原位粘貼了

  • 圓角功能更強大支持多邊形實時的圓角調整

  • 水平垂直翻轉終於沒有藏的那麼深了

  • Symbol在建立蒙版的時候會出現位移的bug

  • 之前版本按住A拖動圖層移動（為了避免移動時誤選其他圖層）這個快捷鍵被取消了

  • 可以直接把圖層滑鼠拖拽到桌面

目前還有幾個比較嚴重的痛點十分影響使用

導致我現在還是無法將它作為主力的界面設計工具。

  1. 字元面板依舊那麼稀爛，Sketch 的奇葩行高不知道是怎麼算的，

    不同字體的實際行高也不一樣，做列表類界面的時候特別麻煩

  2. 依舊沒有選擇多條路徑描點的能力

  3. 還是有很多逆天的快捷鍵，以及一些常用的都沒法自定義.

Sketch內置了很多常用的尺寸，但Android的一個都沒有。

What is new in Sketch 3

Sketch 3.0: (My) top 10 new features

很早就認清PS不適合做uI設計，AI是拿來排版，也不適合會幾何圖形～

所以一直都用Keynote在做設計～

昨天發現 Sketch 3融合多項優點～

花一個晚上初試用～設計一下：（可以和我多多交流UI設計）

特別感受到Symbol的好用

我設計一個整合志願者服務活動的APP

登入界面設計～

感謝 3版的鍵盤～最後推薦這個網站：Design+code: Learn iOS design and Xcode

50美金電子書我已經訂購～

可以私訊我～

1px Grid 不能顯示的 BUG 終於修復了...

最近3.4.1版本生成PDF文件很模糊不知道為什麼

想問下為什麼sketch導出的圖片，和在sketch中的圖片顏色有一些不一樣，即便是在同一個屏幕上。

推薦閱讀：

TAG:Sketch | 設計工具 |