经验分享 未读
Sketch教程:缩小被插入的图片所占用的空间在文档中添加大量图像会增加其文件大小,并减慢Sketch的速度。为了解决这个问题,你可以通过选择图层>图像>最小化文件大小来减小图像的大小。
提高了Sketch速度!
经验分享 未读
Sketch教程:编辑被插入的图片Sketch具有少量的位图图像编辑工具选择。要使用它们,请在“画布”上选择一个图像,然后双击它以进入编辑模式。从那里,你可以从Inspector中的两个工具中进行选择:
选择:让你选择图像上的矩形区域。
魔术棒:可让你单击并拖动图像上的任意位置以选择特定区域。阻力越大,选择公差越大。
做出选择后 ...
经验分享 未读
Sketch教程:给文本添加修饰、调整字符选项(下划线、删除线、调整大小写)
点击「字符」右侧的设置按钮即可看到选项
在Sketch中我们偶尔也会需要一些删除线,例如电商促销打折等等。我们通过删除线可以快速添加这个效果。
选中需要添加删除线的文本
在右侧的属性栏中找到「字符」
这里都是设置字符属性的位置。
点击「调整字符选项」
我们就可以看到更多字符相关的选项了
我们可 ...
经验分享 未读
Sketch教程:变换工具的使用要使用“变换”工具,请选择一个或多个形状,然后转到“ 图层”>“变换”>“变换”。或者,你可以使用键盘快捷键 ⌘+ ⇧+ T。你也可以通过“ 视图”>“自定义工具栏...”将“变换”工具添加到工具栏中。
变换工具可将点添加到形状的每个角以及每个角之间的点。单击一个点并将其拖动以变换 ...
经验分享 未读
Sketch教程:旋转时修改旋转中心点
使用工具栏中的旋转工具进行旋转,可以修改中心点。
选择形状并单击工具栏中的“旋转”按钮。然后单击并拖动到形状外部的任何位置以旋转它。
要更改形状旋转的轴,只需单击十字准线并将其中心拖动到要旋转的点。要重置此设置,只需重新选择形状即可。
经验分享 未读
Sketch教程:使用运算符调整图层的大小Sketch支持使用运算符来调整图层的大小:
例如宽度输入了250*2r代表的意思是宽度设置为250X2,并从右侧缩放。
默认情况下,是以左上为默认缩放位置。
你还可以使用数学运算来调整大小或移动以下图层:
最后,如果要编辑圆角矩形的拐角半径,则可;以为每个拐角指定不同的值(例如30; 40; ...
经验分享 未读
Sketch教程:根据图层的对齐
最开始的时候我看到很多教程都是锁定图层才能根据指定图层对齐,我一开始认为这是一个非常麻烦的方法,官方肯定有更好的方式,后来我研究之后发现,这个锁定图层再对齐竟然是官方给的方案。
你可以使用检查器顶行中的六个对齐按钮来对齐图层。
从左到右:水平分布,垂直分布,左对齐,水平对齐,右对齐,顶部对齐 ...
经验分享 未读
Sketch教程:如何框选时只选中完全在框内的图层
拖动时按 option 键
在Sketch中,默认的拖拽框选都是接触式框选,这就意味着只要接触到你的选框就被选中。
有的时候我们想要只选中指定的那一个,但是需要的图层被包含于外面的图层,比如说“如何用框选选中上图的C?“。
所以我们只要在框选的时候按住 option 就可以只选中被包含的图层: ...
经验分享 未读
Sketch教程:如何进入演示模式、全屏模式
⌘ + .
要隐藏Sketch UI,并仅在画布上查看你的工作,请在菜单中选择“ 视图”>“隐藏界面 ”(或按⌘+ .)以切换“演示模式”。
切换前:
切换后:
经验分享 未读
Sketch不常用功能整理(猎奇向)我自认为我对于Sketch的水平已经到了很高的阶段了,准备单独找段时间来研究一下Sketch这款工具。(因为我自认为它很简单,从来没认真研究过)当一个掌握其他设计工具的设计师一般都不太对Sketch用心,因为它足够的简单和易用。当然,静下心来仔细研究,说不定能发现一些惊喜。
本文主要对于想要猎奇的设 ...
经验分享 未读
Sketch教程:快速复制元素、快速布局、创建表格、制作网格
选择需要作为一个单元的图层,在工具栏中选择“制作网格”,输入行数列数间距等数值确认即可。
在Sketch中我们经常需要将一个元素复制成多份,并且这些元素还具备着相同的间距。这个时候我们可以使用Sketch的制作网格功能。
1.选择作为单元的图层/画板
2.在工具栏中选择”制作网格“
...
经验分享 未读
Sketch教程:竖排文字、文字垂直排版
将文字组件宽度设置为一个文字的宽度,这样每行为一个字,可以模拟垂直排版。字间距为行间距。
有的时候我们需要一些垂直排版的内容,这富有年代感气息的文字排版方式显得非常的古朴和文雅。常用在海报或者一些平面视觉作品之中。很难会用到UI作品中,但是一旦用到就很尴尬。专业的平面设计工具比如Photosh ...
经验分享 未读
Sketch教程:路径文字/文字按路径展示
选中文本,点击菜单中的字符→路径文字。之后将文字图层放到目标路径图层上部,移动文本图层接近路径。
虽然现代设计我们很少会用到路径文字,但是在用Sketch做一些视觉设计的时候我们偶尔会用到路径文字,那么怎么使用呢?
1.首先我们先创建一个对应路径:
2.创建一个文本控件
3.点击菜单中的字符→路 ...
经验分享 未读
SketchData 资源库:电影名称下载文件:
立即下载
数据范例:123456789101112131415161718192021222324地球脉动 第二季蓝色星球2猎捕我们的星球地球脉动 第一季最后的棒棒宇宙时空之旅久石让在武道馆:与宫崎骏动画一同走过的25年拯救生命演唱会生命冰冻星球涅磐纽约不插电演唱会人类星球BBC:非洲南 ...
经验分享 未读
SketchData 资源库:TXT Time-mm:ss 两位数时间分钟:秒下载文件:
立即下载
数据范例:123456789101112131415161718192021222300:0000:0100:0200:0300:0400:0500:0600:0700:0800:0900:1000:1112:5913:0013:0113:0213:0313:0413:0513 ...
经验分享 未读
如何将资源库(Data)导入到 Sketch ?Sketch有一个模仿XD的超好用的一个功能,Data。我经常用它为组件提供数据。今后我会花一些时间将一些我使用的资源库进行共享。这篇博客就是来介绍资源库是如何添加的。下载的内容格式一般为txt文本格式:作为文本内容的替换
包含大量图片的文件夹:作为图片内容的替换
建立文件夹首先建立一个固定的不随意 ...
经验分享 未读
如何用 Sketch 建立自己的资源库(Data)?文本类型资源库
文件格式:txt
数据每行一个,例如 0-10 数字组成的资源库
1234567891012345678910
图片类型资源库文件格式:文件夹
每个图片为一个数据,堆到资源库中
相关阅读:如何建立资源库?
如何将资源库(Data)导入到Sketch?
如何插入资源库(Data)中的 ...
经验分享 未读
如何插入资源库(Data)中的资源?为什么要使用Sketch资源库
目前自动填充一般使用的是SKetch的资源库(Data)填充,另一种就是使用插件填充。使用资源库填充的优点就在于资源都是由你进行收集整理,资源质量可控;但是缺点也是这一点,你需要自己去收集资源。所以用哪一种看看你如何权衡。当然小孩子才做选择,设计师应该“我全都要”。添 ...
经验分享 未读
Sketch 组件编组、组件化后蓝湖无法查看标注在使用蓝湖的过程中一直会出现各种各样的bug活着体验上的问题。有的时候我们给图层编一个组、加一个symbol等都无法查看蓝湖的标注。其实除了我们常用的单(双)击以外,也可以使用右键单击的方法来进行查看。
右键单击需要查看的组件,选择选中图层,你就可以看到以设计师的视角的图层列表。选择你要查看的组件所 ...
转载内容 未读
Sketch53 以上中文/英文语言设置
本文为转载文章,以下内容来源于
用惯英文版 如何让Sketch53以上中英文互换
tianshi198892
使用「终端」输入命令
切换到 ...
经验分享 未读
Sketch 旋转画板用于上传蓝湖Sketch不支持旋转画板,蓝湖也不支持。当你的设计稿是横屏但是需要竖屏的标注(便于开发)时,土方法是通过sketch的横竖屏切换进行变更。但是更改完里面的元素并没有旋转:
更改之前:
更改之后:
当然,还有人会选择选中画板中的所有元素,然后cmd+G建立群组,然后再旋转。这样虽然能解决一时问题 ...
经验分享 未读
如何将 Sketch 设计的图标上传至 iconfont很多小伙伴使用iconfont来做为app/网页中的图标,但是这些设计小伙伴使用的是Sketch来进行设计。如果你是用illustrator来进行设计,那么直接生成的svg不会有任何问题,只需要注意以下几点:
1.最好扩展你的图标(转曲)2.将多个相连的路径合并3.不要使用剪切蒙版4.不 ...