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的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • 使用 Sketch 搭建动态布局

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

    2017-12-28
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

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

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

    Sketch 2016-07-25
  • sketch 3.6.1(破解版涵盖3.0以上版本) 安装and使用指南(20160303更新)

     截至2015  6月23 日  SKetch 常用版本  3.2.2 、 3.3.1 、3.3.2    3.4.4 截至2016 3月2日  常用版本 3.5.1 ,3.5.2  ,3.6.0  3.6.1 Sketch 安装指南 安装版本 : 3.2.2  3.3.1  3.3.2 安装环境:mac book pro 20…

    2016-04-13
  • sktch打造knob开关icon 附sketch破解下载!

    小编:今天带来的是由小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sk…

    2015-12-23
  • Sketch从入门到精通 怎样切图及导出图片尺寸 免费版

    怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结果…

    2015-07-03
  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • Mirror镜像的运用- Sketch从入门到精通

    Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要在…

    2015-07-13