产品设计Sketch用Sketch做UI

Sketch入门(一)安装及了解基本功能

2016-05-23  本文已影响2464人  赵小客

学习一个软件的第一步就是安装它,由于Sketch目前只有mac版本的,所以想要学的小伙伴,就需要一台mac。对于我这种刚工作的屌丝小白领,真真的是攒了一年才买了个电脑...

以下内容基础的不能再基础了,大神就不必在此浪费时间了。

一、安装Sketch

破解版下载地址:http://xclient.info/s/sketch.html?t=5d76255927ad01f925e02fd6e6f50c7e56d41b4f

或官方下载地址:http://www.sketchapp.com/

二、了解Sketch基本功能

1、工具

默认工具栏

1、Insert[插入],类似PS的工具。功能就从字面意思理解即可,如果能记住快捷键会提高不少工作效率。

其中单独说几个功能:

Slice[切片]。使用场景:如果在一个页面中有一个图标需要切图,就可以使用Slice工具点击该图标,然后导出即可。

Symbol[符号]。使用场景:比如一个按钮,在一个板块中反复出现,就可以把它定义成符号,然后在有需要的页面添加该符号,编辑其中任何一个,其他的都会跟着改动。类似PS的智能对象。常用于APP设计的通用组件。

Styled Text[文字样式]。使用场景:我们做设计时需要规范字体的字号和颜色,将编辑好的文字定义成一个文字样式,在有需要的地方可以直接选择使用,类似PS图层样式。

自定义工具栏

鼠标方在默认工具栏的空白处右击

选择Customize Toolbar...进入自定义工具栏。

编辑默人工具栏:在自定义工具栏中将所需工具拖入顶部默认工具栏即可添加,将不需要的工具拖回自定义工具栏即可删除。例如在画icon时剪刀、轮廓化、对齐像素、等比较常用,可以将这些工具放在顶部栏上。

这是我的自定义工具栏

2、页面、画板、图层

页面

页面新建及选择

画板、图层

工具Insert>Artboaed[快捷键A]新建画板。选择工具在画板中绘制图像,自动生成图层[这点和PS一样]。双击名字可重命名[快捷键com+R]

2、属性栏目

这里面的工具只有自己亲手试过一次才能真正的理解,其中很多都可以从字面上来理解,有一定PS基础的理解起来会更容易。重点说一个功能:Gaussian Blur>Backgroud Blur[高斯模糊中的背景模糊]能够实现iOS系统中毛玻璃的效果。

小结

设计不仅仅是学习软件,就好比一个画家,并不是因为他会使用画笔和颜料就能画出来伟大的作品。然而做好设计的核心还应该是我们的心和大脑。

上一篇下一篇

猜你喜欢

热点阅读