源地址：http://mp.weixin.qq.com/s?__biz=MzA4MzI0MTkxOQ==&mid=200277398&idx=1&sn=4ae436fb2f09f4f6b2638d4da77a8f7f&key=2f5eb01238e84f7e150fa166794995b0373052a401c795d81b32806efa839c2168f2150b24f792d8fc4f3395333557c9&ascene=0&uin=NTI2NDgzMzM1&devicetype=iMac+MacBookPro9%2C2+OSX+OSX+10.10.1+build(14B25)&version=11020012&pass_ticket=EIkvkqnf54kj6IyItD%2FMZP4HneZK%2BvuiwiGPxGW8t3ywwPDObmQTZF7tjpQDQB0s
由於微信不方便觀看，特轉載！
上一篇教程中,靜電和大家一起認識了sketch能爲我們帶來的驚喜之處。那麼這一節的設計教室中，大家一起來認識一下我們的新朋友。 相信在經過這一節的教程，大家都能輕鬆上手了。上一節的教程後，很多朋友跟我反饋說：sketch已經有了，就差mac了。其實，對於操作系統，靜電一直認爲適合大家就好。mac有mac的優勢，windows有windows的便利。 但非常遺憾的是，sketch現在沒有windows版本，但沒有mac的朋友也不必失望，我們可以通過裝虛擬機的方式體驗下sketch。相信萬能的度娘和google一定可以解決大家這個問題
首先我們打開這個美麗的寶石。主界面如下，我們看到，頂部是工具欄，一大堆的按鈕。下邊默認分三欄，左邊是頁面，圖層等等的操作。 中間是空白的工作區（畫布），右側是屬性欄，我們可以在這個界面中調節元素的各種屬性。
這個時候有人可能會問，我的工具欄不是這個樣子的，空空如也！你是怎麼做到的？ ok，要有一個舒服的工作流程，首先我們要把自己的工作區域弄的舒舒服服，各種工具隨手拈來。
第一步，定義sketch的工具欄
好，在有圖標的空白地方點擊右鍵，在彈出的菜單中點擊“customize toolbar”，在彈出的對話框中，我們會看到很多很多工具。 如果你英文不好，但估計關係也不大，我們來認一下。 鋼筆工具，鉛筆工具，文字工具，圖像工具，切片，artboard（這個隨後講），直線工具，箭頭工具，圖形庫，矩形，圓角矩形，圓形，三角形，多邊形，星型，元件，有格式的文本，組合，解除組合，結合路徑，接下來這三個就是兩個矢量圖像進行組合，挖空等等，接下來的forward，backward-這是對圖層進行上一層，下一層的操作，tools（工具），變形，平面化，剪刀，圖形排列，編輯路徑，旋轉，字符格式，描邊，縮放，蒙版，view（內有標尺顯示等等的工具），顯示標尺，顯示網格，顯示佈局，顯示像素，導出，創建元件，mirror（一款類似於psplay的在手機上預覽效果圖的工具，另收費），縮放，製作網格，顏色，字體，空白，分隔空間（其實就是在toolbar上顯示一條線。）
好了，經過上邊的翻譯，相信大家已經可以在自己的頭腦中找到某些類似軟件的影子了。現在，選擇自己常用的工具，拖動到下方的框中或者直接拖動到工具欄上。這樣就ok了！
第二步，使用artboard來繪圖
自定義工具欄後，我們就可以開始小試牛刀了。那麼底下這塊空白區域就是我們可以繪製的“畫布”。 有人會問，我不能自定義畫布的大小嗎？恩，剛開始靜電也有這樣的疑問，但試過剛纔圖標欄目下的artboard後，你就這樣這樣的操作是多餘的了。 好的，我們選擇artboard或者insert，選擇插入一個artboard。這個時候鼠標變成了十字型，我們可以自己拖動鼠標畫一個“畫布”了，然後選擇右側的屬性區域，精確定義“畫布”的大小和位置。對了，在sketch中，我們最好不要把這個東西叫做“畫布”，它是artboard（藝術板）。我們可以在同一個界面中創建多個artboard，非常方便，就如下圖所示。左側會出現artboard的名字，我們在圖層名字上雙擊，即可修改artboard的名字了。
然後，在artboard上盡情繪製吧。 選擇矩形，原型，三角或者星星，隨便塗鴉。當然，你也可以在artboard外邊畫一些東西。當做註釋。這個時候，左側的圖層會多出一些東西，你可以拖動他們調整圖層位置，或者選擇鎖定或者隱藏某些圖層。右側的屬性面板，在選擇某個元素後，可以修改一些元素的屬性，比如描邊，字體顏色，大小等等。和常用的ps等軟件基本類似。
我們在artboard上繪製了一些元素，這個時候，我們可能會需要讓他們對齊，或居中，或居右。 這個時候我們會發現sketch的強大對齊功能了，拖動某個元素，輔助線便會顯示，但比起ps智能太多了，這個功能，只有自己親自上手體驗才能感受的到。
第四步，使用rotate copies創建神奇的圖形
選中剛纔畫的星型，選擇rotate copies，接着選擇要複製的步數。我這裏選擇30.確定，看看發生了什麼神奇的事情。如果你找不到rotate copies，那麼看第一步中的操作，把圖標從工具庫中拖到toolbar上。
第五步，使用位圖和創建遮罩
有時候我們需要導入一些位圖到我們的工作項目中，雖然sketch是一款矢量工具，但對於位圖的基本處理也是非常棒的。首先選擇image工具，在彈出的窗口中選擇一張你要導入的圖片。靜電在這裏導入兩隻可愛的小貓圖像，同樣，右側的屬性窗口中可以調節位圖的一些屬性，座標，大小，透明度，邊框，投影，模糊等等，你們看，其實他的位圖功能還是蠻不錯的哈。
接下來，我們要把這張小貓加上圓角。我們使用圓角矩形工具畫一個圓角矩形，調節圓角矩形的弧度和位置，把這個圓角矩形蓋在這個位圖之上，選中這兩個圖形， 接着選擇工具欄中的mask（如果找不到遮罩工具，可以看一下步驟一中的操作，把遮罩工具拖進來，其實我們還是應該記住一些快捷鍵，因爲toolbar的位置非常有限），遮罩形成了，我們看到了變成圓角的位圖。很簡單吧？
ok，到這裏，我們已經熟悉了很大一部分操作了，可以說這個軟件的大部分操作都非常容易上手。大家跟隨靜電的步驟，一步步的實驗吧，相信這個對每個人來說都是無比簡單的。再嘮叨一下，至於說英文不好，或者沒有mac這樣的理由，那壓根就不是理由好麼，第一，靜電建議大家在使用軟件的時候，儘量選擇英文版，剛開始可能會有一些難度，但習慣之後，你會發現，大部分的詞在每一個軟件中都會出現，比如什麼pencil啊，rotate（翻轉）了之類。實在不懂，那索性用一下，就知道這個圖標或文字所代表的功能了，反正就是折騰嘛，我們多按一個鍵，隨便拖動一下，電腦又不會爆炸。大不了從頭開始來過。嗯哼。至於mac，靜電建議大家裝虛擬機試用，或者買一臺macmini（爲什麼呢？很便宜性能又好有木有？初接觸mac系統的同學推薦。）還有一招，除了虛擬機，我們可以在pc上安裝蘋果系統，但非常耗時而且得不到官方支持，靜電最初接觸蘋果就是從“黑蘋果”開始的，這個請自行斟酌。
最後，感謝好友rongfei和rongrong在sketch上對我的幫助，rongfei提供了折扣碼讓我以更優惠的價格買到了正版sketch，rongrong也是sketch的簇擁，最初接觸的時候，一直纏着她各種問，真是辛苦了。 總之，大家相互學習與交流，希望有更多使用sketch的設計師出現。
下一講靜電與大家一起來學習sketch的特色獨有功能。 請務必要關注jingdesign與靜電的設計教室。 有疑問的朋友可以關注靜電的微信公衆號jingdesign91與我們一起進步。