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从入门到精通 怎样切图及导出图片尺寸 免费版

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

    2015-07-03
  • Sketch汉化插件: SketchI18N 一键汉化

    推广:五丰 美仑达 赣南脐橙 【国家地理标志产品】供港央企品质保障,原产地直采,进口专业分选设备,品质始终如一,脆嫩香甜,味美多汁 SketchI18N SketchI18N is multi-language plugin for Sketch.app Language …

    2017-03-16
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • 从零开始学Sketch——进阶篇

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

    2016-01-06
  • 如何使用Sketch3创建APP原型

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

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

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

    2015-07-13
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

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

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

    2015-08-03
  • Sketch从入门到精通 第一章 初识Sketch 免费版

    第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么要…

    2015-07-03
  • UserFlows一款能在Sketch画板生成流程图的插件

    UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。 添加条件逻辑 通过插件创建和管理条件,轻松显示条件…

    2016-12-08