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里选择即可,插件获取方式有:

  1. GitHub下载:

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

这里写图片描述

这里写图片描述

  1. 在Sketch ToolBox里下载:

这里写图片描述

插件推荐:

  • Sketch content generator:在你设计过程中帮你随机生成图片和文字
  • Renameit:帮助你对图层进行批量命名
  • Sketch Measure:标出图层的尺寸
  • Sketch-Notebook:给图层添加文字表述(选中图层时显示)

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

这里写图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值