Sketch真的很難上手?
一些UI設計的初學者當他熟悉了Photoshop的使用后就覺得這個軟件對他的設計工作已經(jīng)很足夠了如捅,但其實不然棍现,設計的成果是一回事,設計的效率就是另外一回事了镜遣。
Sketch一款由[Bohemian Coding][1]公司發(fā)明的己肮,適用于所有設計師的矢量應用,能夠替代Adobe Photoshop悲关,Illustrator和Fireworks等工具朴肺,但是目前只有mac版本(http://bohemiancoding.com/sketch/)
為什么說用Sketch設計UI的效率會比較高呢?Sketch上手會不會很麻煩坚洽?跟著小火柴一起來看看吧戈稿?幾個步驟教你快速上手Sketch。
一讶舰、選擇畫板
按快捷鍵A鞍盗,在界面右側(cè)選擇畫板
二需了、添加內(nèi)容
點擊左上角加號,選擇添加:
- Vector:類似于Photoshop里的鋼筆工具
- Pencil:畫筆工具
- Shape:各種有規(guī)則的形狀般甲,如箭頭肋乍,正方形,圓形等等
- Text:文本
- Image:圖片
- ArtBoard:畫板敷存,正如第一點所講的內(nèi)容
- Slice:截取工具
三墓造、編輯內(nèi)容屬性
以shape為例
四、使用工具
頂部工具欄右鍵->選擇Customize Toolbar锚烦,可將需要的工具拖拽到頂部工具欄
五觅闽、使用模板
菜單選擇New From Template->選擇所需模板
模板資源下載:http://sketchappsources.com
六、使用Sketch插件
在菜單欄Plugins里選擇即可涮俄,插件獲取方式有:
-
GitHub下載: 網(wǎng)上獲取資源蛉拙,然后在菜單欄選擇Plugins->Manage Plugins,點擊彈出框里的設置按鈕->Show Plugins Folder彻亲,將下載包解壓到這個文件夾下
-
在Sketch ToolBox里下載:
插件推薦:
- Sketch content generator:在你設計過程中幫你隨機生成圖片和文字- Renameit:幫助你對圖層進行批量命名
- Sketch Measure:標出圖層的尺寸
- Sketch-Notebook:給圖層添加文字表述(選中圖層時顯示)
哈哈孕锄,上手了沒,其實有Photoshop的基礎的話只要了解軟件的使用方法后就基本能上手了苞尝,最后小牧附上自己的一張成果圖:
[1]: http://www.52rkl.cn/shejiribao/06092N262014.html