最美UI

Sketch真的很难上手?教你如何快速入门Sketch教程

Sketch真的很难上手?

一些ui设计的初学者当他熟悉了Photoshop的使用后就觉得这个软件对他的设计工作已经很足够了,但其实不然,设计的成果是一回事,设计的效率就是另外一回事了。

Sketch一款由Bohemian Coding公司发明的,适用于所有设计师的矢量应用,能够替代Adobe Photoshop,Illustrator和Fireworks等工具,但是目前只有mac版本(http://bohemiancoding.com/sketch/)

为什么说用Sketch设计ui的效率会比较高呢?Sketch上手会不会很麻烦?跟着小火柴一起来看看吧?几个步骤教你快速上手Sketch。

一、选择画板

按快捷键A,在界面右侧选择画板

二、添加内容

点击左上角加号,选择添加:

Vector:类似于Photoshop里的钢笔工具

Pencil:画笔工具

Shape:各种有规则的形状,如箭头,正方形,圆形等等

Text:文本

Image:图片

ArtBoard:画板,正如第一点所讲的内容

Slice:截取工具

三、编辑内容属性

以shape为例

四、使用工具


顶部工具栏右键->选择Customize Toolbar,可将需要的工具拖拽到顶部工具栏

五、使用模板


菜单选择New From Template->选择所需模板

模板资源下载http://sketchappsources.com 

六、使用Sketch插件


在菜单栏Plugins里选择即可,插件获取方式有:

GitHub下载: 网上获取资源,然后在菜单栏选择Plugins->Manage Plugins,点击弹出框里的设置按钮->Show Plugins Folder,将下载包解压到这个文件夹下

在Sketch ToolBox里下载

插件推荐:

Sketch content generator:在你设计过程中帮你随机生成图片和文字- Renameit:帮助你对图层进行批量命名

Sketch Measure:标出图层的尺寸

Sketch-Notebook:给图层添加文字表述(选中图层时显示)

哈哈,上手了没,其实有Photoshop的基础的话只要了解软件的使用方法后就基本能上手了,最后小牧附上自己的一张成果图:


分享设计师:小牧很努力

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
Sketch 初学者在设计 UI 前要做的五件事!
下一篇
80%的人不知道的Sketch小技巧