Sketch从入门到精通 第一章 初识Sketch 免费版

文章目录[隐藏]

第一章 初识Sketch

1. Sketch 是什么?

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

2. 为什么要选择Sketch

对于经常要做移动端界面设计和需要配合工程师切图的设计们来说,Sketch简直就是为他们量身定做的。Sketch的一键导出,强大的画布,可以扩展到无限大,都非常的提高效率。一旦用上就停不下来。Sketch的导出可以导出PNG、JPG、SVG、EPS、PDF、TIFF六种模式,直接导出,非常方便。随着现在大屏手机的盛行,在给工程师们切图中,有时候需要低倍和高倍图,Sketch里面就可以直接导出1x、2x、3x倍的图,一个图标导出三个不同倍数的图,对于适配非常好用。极大的提高了工作效率。也使设计师和工程师们更好的工作协作。非常强大的一款应用。

3. 界面区域的划分

clip_image002

整体可分为四个区域,左侧就是图层区,可以新建图层,进行图层的编辑,分组,命名,多页面的操作。都是在左侧的侧边栏区域。上边是工具区以及布尔运算也在上面工具区里面(下一章节会单独讲一下什么是布尔运算),几乎涵盖了所有你用到的工具,不同于其他绘图应用,Sketch把常用工具放在顶端的工具栏,而不是垂直排列的工具箱,但如果需要,你可以通过右击工具栏,进入“定制工具栏…” (Customize toolbar…) 来添加工具和快捷键。右侧是检查器区,有各种对齐方式,和你正在编辑的画板的参数设置;阴影投影效果,对图形的填充和描边,字体设置参数等都在右边的检查器里。中间就是你的工作区,一块无穷大的画布,你可以无限的去设计,去构图,完全不用考虑画布尺寸够不够的问题。在这个区域你可以无限的建立画板,可以无限精准的查看画布。

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

(0)
iouedioued
上一篇 2015-07-02
下一篇 2015-07-03

相关推荐

  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30
  • 使用 Sketch 搭建动态布局

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

    2017-12-28
  • 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
  • 字体的转曲-sketch从入门到精通

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

    2015-07-13
  • 6个实用技巧提升Sketch使用效率

    Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。 我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程…

    2015-09-30
  • Sketch从入门到精通-Sketch3布尔运算

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

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

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

    Sketch 2016-07-25
  • 从零开始学Sketch——进阶篇

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

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

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

    2015-08-28
  • Sketch从入门到精通-Sketch3 颜色填充

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

    2015-07-29