Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

picture

上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。clip_image002

第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状。顺便强调一下,在Sketch里所有的图形都是矢量图形,像AI一样。第二个是铅笔工具,也是用来画图形的,但相对自由度比较大,不像钢笔是一个节点一个节点的画,铅笔是你可以先任意画,像真的用铅笔在纸上绘图一样,画完一个图形然后双击,就会出现节点,一样可以调节需要修改的节点。

第三个就是形状了,里面有基本的几何图形,方便直接拿来用。

clip_image004

第四个是文字工具,顾名思义,所有的文字都是按快捷键T这个工具的。有文字一定也少不了图像,第五个工具就是图像,你可以打开电脑里的图片在Sketch里使用,也可以在桌面上直接拖进Sketch里,也一样可以使用。第六个是Artboard,相当于画板,快捷键是A,这个工具会经常使用,按快捷键A右侧检查器区域就会出现最常用最流行的模板尺寸,有手机的,IPAD的,最新的Sketch还有Apple Watch的模板尺寸等。

clip_image006

第七个工具是Slice,切片工具,快捷键是S。切图专用工具,在想切出的icon或图形上,按S后单击要切出的图形,就自动切完了,非常非常的好用。还有最后两个Symbol和Styled Text,这两个工具的颜色都是一样,所以属于同一种功能,但具体的分工不一样。Symbol是符号,是针对一个组的复用,就是每个元素可以存起来,相当于模板一样,创建的新的元素都可以保存起来作为一个符号使用,前提是必须要在一个组里边。

clip_image008

创建好的符号都在这个工具里面,你可以直接使用,尤其是多个界面需要用同一样的图形或效果的时候。Styled Text 是共享文字样式,文本式样让你保持文本的一致性,设定好字体、字号、颜色,然后复用于多个文本。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6799/

(0)
iouedioued
上一篇 2015-07-03 12:05
下一篇 2015-07-06

相关推荐

  • 从零开始学Sketch——进阶篇

    从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇…

    2016-01-06
  • 使用 Sketch 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08
  • Sketch从入门到精通-Sketch3 颜色填充

    颜色在做设计中是重要又必不缺少的组成部分,颜色有很多变化,丰富的颜色变化会给你的设计加分,Sketch里边,就对颜色有各种填充的效果,下面具体介绍一下,Sketch里边一共有六种填充效果,虽然你平常只用一两种,…

    2015-07-29
  • 网络和辅助线的使用- Sketch从入门到精通

    设计师一般在作图的时候都离不开网格和辅助线,以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置,有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面,辅助线极大的避免了失误,并且提高了效率。 …

    2015-07-13
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • Sketch从入门到精通-Sketch3 插件的运用

    插件往往是最提高工作效率的,用过Sketch的人,都被Sketch强大的插件所折服,因为真的是太好用了。而且,Sketch还有个专门整合了插件的一个下载器,叫Sketch Toolbox的Mac应用,下载和安装Sketch的利器。 直接在里…

    2015-08-28
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • 字体的转曲-sketch从入门到精通

    字体在设计中是不可缺少的元素,无论你是设计海报,广告牌,网站,还是手机界面,都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候,一个像素都不能差。所以这就涉及到每个元素…

    2015-07-13