Sketch 基礎

貼小抄

Slide there

P8 – P9
Sketch的界面區分成四個區塊:
工具區、圖層區、工作區跟設定區四項,
跟已拉、PS可以把每個工具的視窗拖拉到不同地方的方式不太一樣。

P10 – P11
上面的 Toolbar 工具區,
想要新增物件、放大縮小編輯、路徑管理員、網格設定、輸出等等都可以從這裡拉,
剛安裝好的時候會有一組預設的工具列,
如果想把常用的功能放在上面,在工具列上按右鍵 Customize Tool bar就可以設定。

P13
Rotate Copies (複製旋轉)可以複製一個物件繞成一個圓,
選擇複製數量後可調整疏密及旋轉,另外它複製的數量不包含物件本身。
假設現在要用七個圓圈繞成一個圓,在這裡面就填上六,
因為複製的數量不包含物件本身,更改填寫的數字,提示訊息也會跟著改變。
按ok之後拉動中心,就可以隨意調整,放開後就是一個做過路徑管理的物件。

P14
鋼筆編輯總共有四種模式,分別是直線、鏡像、斷開連結跟左右不對稱。
我們可以直接按快速鍵,或者是在畫面左上角insert的地方點下去找到鋼筆工具,
就可以馬上畫向量物件,再搭配剛才提到的四種模式去修改路徑。
如果要在已經拉出來的物件編輯,直接在物件上面點兩下就會出現節點了。

P15
展開框線就像是以拉的外框筆畫,
他比較特殊的地方是展開後在圖層的地方還可以更改路徑管理的模式。

P16
佈局設定可以直接調整欄寬跟數量等等,而且可以馬上預覽:
先設定版面的總寬,例如我今天想要用960px;
偏移是從版面的最左邊到佈局行之間的距離,除非版面有特殊的設計,不然直接按center就可以。
Gutter on outside是佈局最外圍左右各10px的空間,可以決定要或不要,我個人會留著。
做完設定後按下Make default可以把現有設定儲存,下次再用的時候就不用再調一次。

P17
網格管理可以一次排列多個物件,特別是有好幾行的時候。
固定框架排列是指物件以框架寬高為主體去計算距離做排列,
如果只是少量物件要排列,跟以拉一樣 Alt 鍵拖拉,再 Cmd+D 就可以。
不只在複製物件上方便,因為它可以複製畫板的關係,
所以像網頁有固定header、footer等等的都可以一次複製不需要再重新拖拉。

P18 – P19
Sketch的圖層除了頁數以外,還融合了以拉的工作區域,也就是畫板跟PS的資料夾概念。
圖層這裡可以增加多個頁面、顯示畫板、圖層、群組、物件、底下也可以搜尋物件名稱、以及顯示隱藏切片。
我們在物件上做了什麼,都可以透過圖層的icon上看到。

P20 – P21
畫板的快速鍵是 A ,就等於以拉的工作區域,可以複製、修改大小,
這邊比較特別的是軟體有內建各種螢幕尺寸可以直接新增,
不用特地去記什麼螢幕是什麼尺寸,另外畫板的名稱會顯示在左上角。

P34
現在畫面上已經有一個做好的按鈕樣式,
只要按左上角的 Create Symbol 就會看到右邊出現文字框,幫它命名後就做好一個樣式了。
然後看到左邊圖層區就可以發現有個紫色的資料夾,這就是 Symbol 資料夾。
接著不管複製幾個,只要修改其中一個,其他所有的樣式都會跟著修改。
如果其中一個按鈕樣式要跟其他不同的話,在剛剛幫樣式命名的地方下拉選單,找一個 No Symbol ,就可以斷開樣式之間的連結。
文字樣式也是一樣,不過增加文字樣式是直接在右邊的設定區增加。
如果要管理樣式的話,在一樣的地方選擇 manage styles,會出現視窗,
要改名字的話在樣式上面點兩下,要刪除的話,選取樣式點左下的減號就會刪除。

P35
切片工具特殊的地方在可一次轉存多種尺寸圖片,
只要在設定區右上點加號就可以設定輸出倍數跟圖檔類型,
要做物件切片的話只要快速鍵S +點擊想轉出的圖片,或者用拖拉範圍的方式就會畫出範圍。
如果懶惰的話還有一個絕招,就是在圖層區直接拖拉物件到資料夾也可以直接轉圖,但只有1倍就是了。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *