Sketch

九宫格 在做图的时候，有的时候需要把画面划分几个部分，分别进行设计。因为随着作图能力的提高，规范性和严谨性就需要提高。尤其是网页设计，一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格，…

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

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

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

蒙版，顾名思义就是蒙上一层东西，只显示你想显示的部分，类似PS里面的遮罩。在Sketch里面，你可以有选择去显示想要显示的内容，比如你可以打开一张正方形的图片，然后想做一个圆形的头像，那么就需要在这个正方形…

  在进行对图形的具体编辑的时候，会经常用到节点，或者叫点也可以。当你用钢笔画出一个图形的时候，然后回车一下，你就会发现有好多个节点组成了一条线，这个时候我们要对具体某个图形编辑的时候，就可以调节…

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

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

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

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

上一章节因为涉及到了画圆及各种图形，怕有的小伙伴还是不知道，就在这一章节里仔细的讲一遍，大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具，快捷键是V，可以画出你想要的任意形状。…

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

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

TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立，主要专注于开发 Mac 软…

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

Sketch从入门到精通  讲师：阿西UED Smiler 参加时间：2015年6月24日 17:40 最后更新：2015年6月24日 17:40 适用人群： UI设计师、美工、视觉设计师、 对UI有兴趣的人。 简介 Sketch从入门到精通是由www.iamue.com …