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

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

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

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

    2016-12-08
  • Sketch3.9 终于发布了原生的响应式设计解决方案

    Sketch3.9 终于发布了原生的响应式设计解决方案。

    只需要设置一个属性,便可以快速实现任意尺寸的适配。

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

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

    2015-08-03
  • 从零开始学Sketch——入门篇

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

    2016-01-06
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13
  • 网络和辅助线的使用- Sketch从入门到精通

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

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

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

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

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

    2018-04-18