sketch android切图,Sketch切图及导出图片尺寸

在讲这一章之前，先把上一章提到的布尔运算给大家讲一下(如下图)

这是顶部工具栏区域的一小部分。布尔运算有四种形式，你可以根据你的需求来选择不同的方式。

合并形状 (Union)：合并的结果是会得到两个矢量区域的总和。

减去顶层形状 (Subtract)：这一项的结果是顶层矢量的区域会从下一层的图形上移去。

与形状区域相交 (Intersect)：与形状区域相交的结果是会保留原图形重叠的部分。

排除重叠形状

(Difference)：排除重叠形状的结果是只保留原图形不重叠的部分，它是“与形状区域相交”这一运算的反向。相当于AI里面的相加，相减，合并，交集，是不是更容易理解一些。在图层中，图标也可以用布尔运算(如下图)也是同样的四种形式，使你更好的创作图标。

切图及导出

切图是在做Web设计和APP设计中比较常用，你想把你做的效果图，可以在手机上或者网站实现出来，就需要给程序员们切图文件，这时就需要在Sketch里面切图。举个例子，首先，我先建一个画板，

然后在画板里画一个圆，

现在我想把这个圆在sketch里单独切出来然后导出，怎么做呢？看下图

首先选中这个圆，然后按住快捷键S单击，就会看见选中的圆边缘出现了一个边框，然后注意观察左侧图层区和右侧检查器，会发现分别多了一个带切刀的框(就是切片)和切好的圆。右边的检查器的圆单独变成了一个，这说明图已经切好了。

接下来把切好的图导出成想要的倍数给程序员们。如下图，点击检查器里的中间的那个Export右侧的小加号，就自动出现1x,2x,3x的图，默认是png格式的，一般都要背景是透明的图，所以要导出PNG格式的，然后这时点击工具栏里的Export(也就是导出)

就会出现下图的界面，你刚刚要导出的圆已经选好，然后点击蓝色按钮，Export就导出成功了。

sketch android切图,Sketch切图及导出图片尺寸相关推荐

android 截图模糊,Adobe XD导出图片模糊？设置错误啦（切图详解）
Adobe XD CC是一款矢量设计软件,支持导出PNG.SVG.PDF.JPG四种格式,XD中文网(https://xd.94xy.com)的数万用户群和学员中,有非常多的童鞋表示Adobe XD ...
iPhone x 解决启动图适配上下黑边的问题（排除所有其他原因后，发现是图片尺寸问题）
今天从早忙到现在,才终于解决适配问题,期间大量搜索解决之道,几乎全部是差不多的答案,直到查阅到以下博客 https://blog.csdn.net/kuangdacaikuang/article/de ...
切图iOS和android区别,用sketch也要画iOS和android两套吗|Sketch如何用一套设计稿做iOS和Android两个版本 - PS下...
很多Sketch 新手刚进入接触UI设计的时候,不知道如何用一套设计稿来处理IOP和安卓两个系统的图,那么如何用一套设计稿较快速地做 iOS 和 Android 两个版本 app?是不是要做两套呢?然 ...
sketch android 切图,sketch mac怎么切图 sketch mac切图基础教程
类型:Mac图形图像大小:51.8M语言:英文评分:10.0 标签: 立即下载 sketch mac怎么切图?sketch mac切图基础教程.最近有使用Mac的用户询问不知道sketch mac怎 ...
sketch android 切图,Sketch如何快速切图？三分钟教你掌握切图方案
相信有相当一部分的设计同行在工作中碰到各种各样切图尺寸大小的问题,针对Sketch如何快速切图这个问题,今天小编特意出了一篇有关sketch切图尺寸教程的文章,学会了包你三分钟之内掌握设置切图方案的技 ...
sketch android 切图,Sketch 利器：简单三步，一「刀」切图
规范的切图会帮助开发人员理解设计师意图.提高代码效率.减少返工.但对于设计师来说,切图可以说是工作中最繁琐和重复的部分了. 切图往往意味着: 1.选择图层 2.导出文件 3.设置文件大小 4.命名 5 ...
sketch android 切图,三分钟教你快速设置Sketch切图方案
Sketch想必小伙伴们都已经用的挺熟悉的啦,在你的工作中,应该常常碰到各样切图尺寸大小的问题.陈踢缺er曾在设计App项目中也遇到过各种这样的问题,下面我来结合实际操作来分享给大家使用sketch如 ...
android与ios ui切图关系,APP－IOS与Android界面设计与切图
做一全套的APP设计,流程是: 1.界面设计:设计IOS界面:设计Android界面. 2.切图:切IOS的2倍图和3倍图:切Android的hdpi,xhdpi,xxhdpi这三个尺寸的图. 3.标 ...
Android APPUI设计、切图的常用尺寸大全
今天在APPUI设计群里 ,不少朋友在问 android APPUI设计.切图的常用尺寸到底是多少?很不清楚,所以老谭在此跟大家分享下. Android 系统就被设计为一个可以在多种不同分辨率的设备 ...

sketch android切图,Sketch切图及导出图片尺寸

sketch android切图,Sketch切图及导出图片尺寸相关推荐

最新文章

热门文章