最新公告
  • 欢迎您光临xd素材中文网xdsucai.cn,服务于广大UI设计师。立即加入我们
  • 零基础教学快速入门Sketch教程

    今天我们就一起来学习Sketch,相信,当你认识了它,熟悉了它,一定不后悔!篇幅有限,该教程只针对有一个设计软件基础的同学哦,特别是已经会PS的同学。很多跟Ps一样的功能我就不再班门弄斧啦!

    一、如何安装Sketch?

    不要到处去找了,软件我已经备好,请直接下载吧。

    链接:pan.baidu.com/s/1-yeRFb 密码:gpfh

    下载过来后,双击一下图标就能直接安装了。是不是很方便?

    进来的时候是英文版的哦,如果想要汉化的话,请下载汉化插件:

    二、如何汉化Sketch?

    打开DMG 双击 汉化插件.sketchplugin 完成安装

    重启 Sketch 自动汉化

    插件 – SketchI18N – 启用/禁用I18N

    下载链接:pan.baidu.com/s/1l2AoHK 密码:llsw

    再次打开后就是汉化版的了。

    三、认识Sketch的主界面

    所有插入都在这里,要绘制什么都从这里添加

    结构非常简单的界面,逻辑非常清晰,头部功能,左侧显示层级,中间绘制,右侧属性。还有比这个更清晰的界面吗?

    四、熟悉画板

    插入一个画板:

    点击菜单栏的插入画板

    右侧会出来很多画板的模板选择:

    点击插入画板后,还可以直接在页面单击拉动鼠标,自由绘制画板。

    五、插入形状

    六、了解样式

    在点击插入文本后,鼠标在画布上点击就可以输入文本了,选择文本时,右侧可以调节所有属性,其中重点讲一个非常好用,PS里没有的功能,就是创建样式. 然后自己重命名一下,这个文字样式创建好后,下次需要这种样式的时候,选择文字后再单击这个样式就可以直接套用这个样式的所有属性了。

    下面是创建好的文字样式效果,多个样式创建后,想要删除管理样式,也可以点进下面的管理样式来实现。

    同样的道理,插入的形状,也是可以设置这种样式的,很方便啊,而且使用了同一种样式,只要一改动样式效果,所有共用过这种样式的图,都会一起变化了。也就是只要改一处样式,就把所有的图都改好了。

    七、形状的布尔运算

    选择两个画的形状后,布尔运算的图标就会亮起来。跟PS里的功能一样:

    合并形状:合并选择的形状成为一个图形

    减去顶层:下面的图形减去上面的图,剩下底层图

    区域相交:留下交集形状

    排除重叠:重叠部分减去了,剩下没有重叠的部分形状

    八、图层蒙板

    选择两个图层后,点击蒙板,上面的图层就会放入到下面图层的形状里,形成一个蒙板效果。右边的图层里出现一个artboard, 功能跟PS一样的。

    九、创建组件

    创建组件也是PS里没有的,我就拿出来讲讲,那些一样的功能我就不一一说了。

    如下,我画了一个按钮,选择文字和底部形状后,点击创建组件。自己命名好,下次可以直接拿来用,

    这个组件,被使用后,只要一改组件元素,所有采用这个组件的内容,都会一起修改了。

    比如,上面的按钮,只要使用了这个按钮组件的,如果改变了组件的颜色,那么所有按钮的颜色也会跟着改动了。

    如果很多页面都用了这个按钮,但是只想改某个按钮的文字,不去影响其他的按钮,怎么办呢?

    选择组件,右侧有“覆盖”两个字,下面有按钮上现有的文字,点击可以修改文字,修改后点击覆盖,那么这个按钮的文字就改好了,也不会影响其它的按钮文字,这个只是改了这一个按钮的文字。

    十、导出和保存

    sketch的导出非常强大,选择什么就可以导出什么。选择形状,在右下角有个导出形状按钮,点击就可以导出该形状的PNG.

    如果选择的是整个画板,右下角就会出现导出该画板按钮。那么这个画板上的所有元素都会以一整张图的方式导出。看到上面的1x了没?你可以选择1x或者2X 或者自己输入数字,这个表示是一倍大小的导出还是两倍大小的导出,非常方便了,这样就不用担心图片做小了。如果做小了,可以放大倍数导出即可,而且还可以根据页面的需要导出各种尺寸。

    如果直接选择右上角的导出,将可以导出页面上的所有切片,也可以选择性导出,都是PNG格式的哦!

    这里也可以在文件—导画板为PDF,一个完整的PDF就出来了,画板会罗列的在PDF里以页面的方式展示。

    xd素材中文网,提供优质的设计资源,有xd源文件,sketch源文件,设计规范,实用的商业ui设计教程。
    xd素材中文网 » 零基础教学快速入门Sketch教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    xd素材中文网
    致力于ui设计领域

    发表评论

    • 139会员总数(位)
    • 24999资源总数(个)
    • 87本周发布(个)
    • 6 今日发布(个)
    • 238稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情