自從看到優(yōu)設(shè)網(wǎng)上看到呼吁大家使用Sketch的文章后蔫敲，一直對(duì)這個(gè)軟件躍躍欲試业崖，學(xué)習(xí)使用后便徹底愛上了它胡控！網(wǎng)上已有一些關(guān)于Sketch的介紹缕允，我也分享一下我的Sketch學(xué)習(xí)過程及在使用過程中發(fā)現(xiàn)的一些顯著優(yōu)勢(shì)，記錄的同時(shí)也分享給想要躍躍欲試這款應(yīng)用的人掂恕。（目前只支持mac操作系統(tǒng)）
感謝Bohemian Coding為我們創(chuàng)作如此出色的應(yīng)用拖陆，Sketch非常容易上手，即使是沒有設(shè)計(jì)背景的人也可以在很短的時(shí)間內(nèi)學(xué)會(huì)使用它懊亡，但Sketch的優(yōu)勢(shì)在于基于扁平風(fēng)格的矢量界面設(shè)計(jì)依啰，有繪圖軟件基礎(chǔ)的設(shè)計(jì)師轉(zhuǎn)換到Sketch制圖并不難，但要想充分了解這個(gè)軟件的功效和優(yōu)勢(shì)店枣，最好花些時(shí)間研究一番速警。身為Sketch初學(xué)者，接觸不到一個(gè)月艰争，本文僅為交流學(xué)習(xí)坏瞄。有不當(dāng)之處歡迎指出，共同進(jìn)步甩卓！
下面分享我的學(xué)習(xí)過程鸠匀，一起加油～
1. 理解Sketch！
打開軟件界面逾柿，手動(dòng)翻譯工具欄里面的所有單詞是（英文不好的）我著手學(xué)習(xí)的第一步缀棍，雖然聽起來比較low，但用慣了中文界面軟件突然面對(duì)全英文的Sketch會(huì)有些不適應(yīng)机错，不是每個(gè)單詞我都認(rèn)得爬范，而且容易生成望而卻步的抵觸感。所以決定先從字面上理解它弱匪，再進(jìn)一步使用它青瀑。一是為了了解界面布局，也是對(duì)一些工具名稱加深印象，讀書前先認(rèn)字斥难，接下來的學(xué)習(xí)過程便會(huì)輕松很多：）
2. 花一天的時(shí)間閱讀Sketch中文用戶手冊(cè)?
感謝Aegean.K為我們翻譯出Sketch中文用戶手冊(cè)并利用Sketch＋Adobe Muse 創(chuàng)建了這個(gè)網(wǎng)站建立了Sketch中文社區(qū)枝嘶，在這里關(guān)于Sketch我們可以學(xué)到很多。中文用戶手冊(cè)為我們簡單詳細(xì)介紹了Sketch的界面和使用方法哑诊，堅(jiān)持把它從頭至尾讀完吧群扶。
這個(gè)手冊(cè)更像是一本Sketch的產(chǎn)品使用說明書，和我們拿到一款新產(chǎn)品時(shí)會(huì)對(duì)照說明書去操作調(diào)試一樣镀裤，閱讀Sketch中文手冊(cè)的同時(shí)打開Sketch來做一些簡單的操作吧：例如繪制一個(gè)形狀竞阐；在檢查器調(diào)整它的各個(gè)參數(shù)觀察效果；繪制兩個(gè)交叉的形狀合并或裁剪它們暑劝；新建一個(gè)組骆莹；新建一個(gè)畫布；轉(zhuǎn)化一個(gè)符號(hào)担猛；導(dǎo)出一個(gè)切圖等等…
對(duì)照手冊(cè)逐個(gè)操作后汪疮，恭喜，現(xiàn)在你已經(jīng)對(duì)Sketch的使用方法獲得了基本的了解啦毁习。
3. 看教學(xué)視頻或帖子了解更多?
之前提到Sketch的優(yōu)勢(shì)在于（對(duì)比PS）設(shè)計(jì)過程變得更加便捷／輕盈／高效。因此如果我們沒有了解到這個(gè)軟件的強(qiáng)大之處和使用技巧卖丸，便無法物盡其用纺且，也不會(huì)想要加入到Sketch的陣營中并徹底喜歡上這個(gè)軟件。所以稍浆，我們需要再看點(diǎn)別的载碌，來補(bǔ)充一下對(duì)Sketch的認(rèn)識(shí)，這個(gè)軟件輕盈卻強(qiáng)大需要不斷探索才能發(fā)現(xiàn)一些奇妙之處衅枫。
我的額外功課是看了中文社區(qū)的問答帖和Sketch教學(xué)視頻（需翻墻）嫁艇，視頻中對(duì)sketch的功能技巧逐點(diǎn)介紹并進(jìn)行了操作演示，目前出了19集弦撩，每集時(shí)間不到十分鐘所以完全不用擔(dān)心看不完步咪，觀看的過程中別忘了打開軟件操作一下：）
4. 拆解網(wǎng)上的Sketch工具包?
中文社區(qū)分享了一些網(wǎng)站有別人做好的sketch工具包或設(shè)計(jì)圖，它們通常都是免費(fèi)的益楼。下載它并打開它猾漫，可以觀察到其他設(shè)計(jì)師是如何使用它的：嚴(yán)謹(jǐn)?shù)拿嫲宓呐帕校疭ymbol的大量使用／豐富的素材庫...
5. 下一個(gè)項(xiàng)目試試用Sketch創(chuàng)作吧?
因?yàn)榧词故橇私獾絪ketch的使用方法之后，還是會(huì)很容易忘記感凤，要想加深記憶并有發(fā)現(xiàn)驚喜的可能悯周，我們需要一個(gè)項(xiàng)目來系統(tǒng)地實(shí)戰(zhàn)一下。正好手邊有一個(gè)App的設(shè)計(jì)項(xiàng)目陪竿，我便決定這一次用Sketch出圖禽翼。
在這次的使用Sketch做設(shè)計(jì)的過程中，讓我深深地愛上了這個(gè)軟件。下面分享一下我在設(shè)計(jì)過程中愛上Sktech的那些美妙的優(yōu)點(diǎn)吧：
1. 無限畫布
和ai一樣的無限畫布闰挡，你可以將App的每個(gè)界面作為一個(gè)畫板按照功能排列得整齊有序（而不用在ps中不斷切換窗口）锐墙，你可以使用內(nèi)置的Web／iPad／iPhone的模板排列方便進(jìn)行響應(yīng)式設(shè)計(jì)。
2. 優(yōu)雅的控制器
3. 樣式共享
4. symbol的巧妙復(fù)用
5. 悉心準(zhǔn)備的ios設(shè)計(jì)
相信使用ps設(shè)計(jì)界面的設(shè)計(jì)師們通常都會(huì)在電腦里存一個(gè)iOS的標(biāo)準(zhǔn)素材庫解总，而Sketch已經(jīng)都幫你準(zhǔn)備好啦贮匕！
6. 標(biāo)注切圖從未如此便利
直接將sketch文件交給前端吧，選中某圖層按住alt鍵花枫，鼠標(biāo)移到其他圖層便立刻獲得距離刻盐，導(dǎo)出切圖有1x／1.5x／2x／3x各種尺寸供你選擇。
7. 插件
Github網(wǎng)站積累了很多sktech Geeker們開發(fā)的插件劳翰，它們像ps的插件工具一樣敦锌，可以幫助你更多。比如我下載的隨機(jī)生成內(nèi)容的插件佳簸，專為button設(shè)計(jì)的固定padding值的插件乙墙。還有很多，大家可以盡情去嘗試生均，不要錢听想，要任性！
8. 為開發(fā)者提供便利马胧，可生成css屬性
9. 不斷發(fā)現(xiàn)的人性化細(xì)節(jié)
比如吸管工具可以在軟件之外汉买、電腦的任何地方取色；工具欄用戶自定義佩脊；拖動(dòng)圖層到桌面直接生成切圖...
除此之外蛙粘，不能忽略的是Sketch的輕盈是矢量的代價(jià)換來的，因此如果在其中大量進(jìn)行位圖化的操作也會(huì)讓它感到很吃力威彰，文件較大時(shí)軟件也會(huì)出現(xiàn)不穩(wěn)定的狀態(tài)出牧，卡住或閃退，所以隨手command＋S吧歇盼。
以上是我這一個(gè)月的Sketch學(xué)習(xí)過程和使用體驗(yàn)舔痕，不完整詳盡，開發(fā)者也還在不斷探索中旺遮，相信會(huì)不斷帶給我們驚喜赵讯，也歡迎補(bǔ)充交流和分享：）
