美文网首页产品设计Sketch用Sketch做UI
Sketch入门(一)安装及了解基本功能

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

作者: 赵小客 | 来源:发表于2016-05-23 20:29 被阅读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系统中毛玻璃的效果。

小结

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

相关文章

网友评论

  • 一言不合拔萝卜:甲方的设计师的psd里面的图标用了svg,特来学习sketch
  • Seer已被使用:结尾很到位。但是表示大脑不适合UI设计。怎么办?
  • Hey夏天:请问页面 和 画板 有什么区别?:kissing_heart:
    赵小客:比如设计一个页面,要先建立一个画板。可以这么理解,画板是页面的载体,页面是画板中的内容。其实不用纠结这些。:yum:
  • ac9588a184f7:请问下载了之后显示已损坏无法打开怎么解决呢🙏
    ac9588a184f7:@赵小客 已经装好了 十分感谢
    赵小客:是苹果新系统把安装的所有来源给隐藏了,网上查一下怎么弄打开就行了
  • bo2od:一台mac:sob:好想学习
  • 74f19da67457:对初入门的很好
  • 3dfc10a4c14e:这么牛,学习了~~~~~

本文标题:Sketch入门(一)安装及了解基本功能

本文链接:https://www.haomeiwen.com/subject/pgnarttx.html