Sketch 3 布尔运算教程

 

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

在Sketch里面,有四种布尔运算,分别是合并形状(Union),减去顶层形状 (Subtract),与形状区域相交 (Intersect),排除重叠形状 (Difference)。

 合并形状: 两个矢量元素合并成为一个整体,相当于加起来的总和。

  1. 减去顶层形状: 上面的图层矢量区域会从下面的矢量区域减去。
  2. 与形状区域相交:两个矢量元素相交的时候,只会留下中间交集的部分。
  3. 排除重叠形状: 这个会把重叠的部分去掉,只会保留重叠之外的区域。

在Sketch里面,这几种布尔运算都显示在工具栏里,你会很容易找到他们,如下图,工具栏上右上角的四个蓝色符号就是布尔运算的四种形式:

而且当你进行布尔运算的时候,左边图层区域也会有变化,比如我先做一个简单的合并形状,我先画一个圆,然后在圆的上方在画一个五角星,居中对齐,选择布尔运算的第一种合并形状,然后看下图右侧图层里面的变化:

 

进行布尔运算后,左边的图层自动把圆和五角星分成两个图层,而且五角星的右侧有两个小方块重叠,其实就是工具栏里的第一种布尔运算,它会显示在图层里,当你进行布尔运算的时候。

这样有个好处就是,即使你已经进行布尔运算的情况下,仍然可以改动图层里的原图形,你可以随意修改后在合并,非常的方便又规范。看吧,我用一个圆和一个五角星,通过四种不同的布尔运算,就可以得到下面的四种形式(如下图),当然我都是很简单的图形,为了大家明白,你们可以练习的时候,自己画一些复杂的图形,来用用布尔运算,开开脑洞。

 

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

(0)
iouedioued
上一篇 2015-08-19
下一篇 2015-08-19

相关推荐

  • 交互设计中如何求最优解?来看这篇超全面的分析!

    hey熙:今天想探讨的主题有三个关键字:交互设计、最优解、理性。设计就是解决问题——原研哉《设计中的设计》

    2017-10-20
  • 【用户体验.春节特辑】一本相册(总第269期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第269期我的发小蔡廷是我们这座江南古镇的一位”达人”,这并非他有什么才气,而是他的行为举止与这座千年古镇淳朴温和的民风相违和。天气刚有点热他便剃了个秃瓢,赤裸着上身,永远穿着条军裤,再热也不换装。腹部有两条贯腹的伤疤,象两条粗大赤红的蜈蚣僵卧其上。他从不拉帮结派,依附于任何人,不欺行霸市,不欺凌老弱,但是蛮不讲理。他...

    2018-02-20
  • Project Flow 重新定义人机交互

    摘要 : 渡鸦科技在2015年8月6日晚上召开的Project Flow 发布会,推出了一个服务系统,旨在建设成“只一个APP”的生活场景。 2015年8月6日晚上7点钟 渡鸦科技发布了一款产品,名叫:project flow ,据渡鸦科技负责人 9…

    2015-08-06
  • 这5个技巧帮你设计出眼前一亮的App引导页

    现在新手引导已经成手机客户端标配,但是通用的做法不见得是最有效的。这篇文章中我们将会看到为什么新手引导经常无效,以及如何借鉴游戏设计的原理来提高用户的参与度。

    2017-05-22
  • Axure玩出新花样,做个游戏玩转Axure9大常用功能 | 免费直播课

    产品经理会画原型,是入行的基本门槛。一个可用可交互的原型可以帮助开发和设计人员从不同的维度上来了解你的产品设计,降低需求的沟通成本。那么,对于产品经理来说,如何才算是“会画”原型呢?你可能会认为,会画基本的线框图就足以满足日常需求了。但是借助静态的线框图解释你的设计,始终都不会像可交互的原型这么直观有效。原型的工具虽然有很多,但Axure还是最经典的一款画原型工具。虽说Axure用的溜,并不代表你就能成为一个产品经理;但作为产品经理,更...

    2018-03-04
  • 提高交互技能点,一些常见移动端交互方法

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-05-30
  • 实践分析产品第一天

    【分析思路】 首先要明确,产品是面向用户的,当分析一个产品的时候,我们要先以用户的角色按照设计师的引导整体走一遍,也就是遍历每一个操作,每个设计师都会有一条设计主线,把杂乱无章的功能点根据用户的期望及…

    交互设计 2015-08-25
  • 界面交互动效核心知识的分类与总结

    这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。

    2017-05-02
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18