经验分享 未读
Sketch进阶教程:如何批量重命名图层和画板?我们习惯使用command+R来修改图层和画板的名称,在上古时期我们想要批量重命名图层还需要使用插件才能完成这个工作,例如我们常见的插件Rename It
这些重命名插件感觉都是不太好用,因为插件作者都好多年没有更新过了。
sketch插件生态越来越差,不过好消息是重命名这个工作sketch终于集成到软件中来了。
选择你需要重命名的图层
选中我们需要更改的多个图层
按下command+R。是的,现在你可以选择多个图层来进行command+R的操作了。
我们可以看到重命名对话框。
我们来进行一些常用操作
批量删除图层名中的字符例如将所有图层中的备份删除掉。
我们只需要在匹配中输入“备份”即可。
批量替换图层名中的字符例如我们将所有的“矩形”替换为“图标”
在匹配中输入:“矩形”
在重命名中输入:“图标”
你可以在左侧看到图层名称的实时变化。
按照格式重命名在匹配中我们不填写内容,在重命名中点击右侧的加号按钮来进行格式的输入,例如:
总结sketch自带了重命名工具之后我们就不需要再使用插件来实现批量重命名了,这非常方便。你学会了吗?
经验分享 未读
Sketch94功能解析:组件支持自定义文字属性了,文字组件库无需设置对齐方式、加粗等状态了新的sketch94对于擅长使用组件标准化设计的设计师和团队意义重大。让我来说一下这次究竟更新了什么,为什么你需要更新到最新的sketch94。
Sketch相比figma一直有一个比较坑的点,就是你如果做整个产品的文字规范,你需要做文字每个状态,比如各个加粗状态、颜色、对齐方式。
现在你只需要设置组件库文字规范中的文字大小即可。
旧版组件库令人窒息的字符文本规范:
终于sketch愿意去解决这个问题了。
新版组件你现在可以使用command键直接选中组件里面的元素了。选中文本元素可以覆盖掉组件原本的加粗方式、对齐方式、颜色信息。
以后做组件库就不需要每个文字的不同样式都做一遍,只需要完成字体尺寸的设置即可。大大减少了组件的构建人力成本和使用组件耗费的成本。
可以说这个早该完成的功能拖到现在终于可以支持了。
新的组件颜色覆盖层你在sketch94后选择组件的实例时可以自定义颜色了。比如你选择了一个实例,可以在右侧的检查器中找到覆盖层。可以轻易修改颜色,覆盖掉组件的原本颜色。
线条终于支持旋转了天呐,sketch终于发现了这个问题,现在你在使用line画线条的时候,两个端点终于不再 ...
经验分享 未读
为Sketch项目文件设置封面图片,如何设置sketch缩略图当sketch文件比较多的时候,sketch的缩略图就会比较杂乱,作为设计师来说,这真的非常不美观。
那么如何自定义这个缩略图效果呢?
创建一个至少250宽度的画板这个很容易对吧。至少250宽度和250高度。
绘制图像绘制一下我们需要的封面内容
设置缩略图右键单击这个画板,选择设为缩略图
大功告成!重新启动sketch,你就可以看到被设置缩略图的文件了!
经验分享 未读
Sketch91:如何设置对齐的参考对象,根据指定元素进行对齐教程sketch91在更新了这么多年终于知道它的对齐功能有多么难用了。在91版本之前,我们还被迫使用锁定图层或者插件的方法来设置对齐的参考对象。
sketch91引入了「极为先进」的对齐方法(与illustrator一模一样)就是可以在选中两个元素之后再次单击一个元素作为对齐的参考对象。
示例现在我们有三个对象。「小红」「小蓝」「小绿」
选中这三个对象。
比如我们想要按照小蓝进行垂直居中对齐。我们选中这三个对象后单击小蓝。
我们可以看到小蓝现在拥有了一个橙色的选中框。
我们选择垂直对齐(在检查器里点击图标也可以)
现在就可以按照小蓝的意志来进行对齐了!!!
最后sketch这万年不改的破功能终于得到了应有的改动,对于效率有了极大的提升。sketch终于意识到了危机,它那个烂交互再不改好没用户了。
更多更新内容Sketch 91的新功能复制文件你现在可以从工作区窗口中复制工作区文件到你的草稿中。你可以通过右键/控制键点击一个文档的缩略图找到这个选项。当你复制一个文档时,它将不包括任何评论、版本历史或特定的共享设置,所以你将有一个干净的板块来进行迭代,而不会干扰原始设计。你也 ...
经验分享 未读
如何用Sketch设计网页,创建栅格辅助线教程我们设计网页通常使用栅格来做屏幕的自适应,我们在sketch上设计虽然不支持自适应画板,但是我们一般都是先完成pc端的画板布局。
工具栏我们需要创建栅格需要通过工具栏的显示组件,如果你没有这个组件需要手动来添加。
如果没有的话右键单击工具栏,选择「自定义工具栏」。将百分比缩放组件拖拽到工具栏中,记得把「显示/隐藏布局按钮也拖拽上去」。
创建你的画板sketch预置了非常多的网页画板,选择一个适合的即可。
设置你的栅格
我们选择布局设置。
通常来说我们可以按照下面来设置。
你需要更改的是
总宽度pc网页设计的话,总宽度推荐1200px,按照bootcssv3文档我们可以看到。推荐的大桌面显示器宽度就是1200px。
超小屏幕 手机 (<768px)
小屏幕 平板 (≥768px)
中等屏幕 桌面显示器 (≥992px)
大屏幕 大桌面显示器 (≥1200px)
栅格系统行为
总是水平排列
开始是堆叠在一起的,当大于这些阈值时将变为水平排列C
.container 最大宽度
None (自动)
750px
970px
1170px
类前缀 ...
经验分享 未读
Sketch89模版画板功能解析:如何创建模版画板,使用Artboard TemplatesSketch89推出了全新的功能模版画板。你如果想制作一个基础框架,或者一个画板作为基础画板被大量使用时,模版画板会非常方便的帮助你。相比将画板创建为组件,模版画板会让你更加自由的编辑画板,而不影响其他任何画板。
你可以理解为组件画板创建完取消所有关联的快捷方法。
如何创建模版画板要将任何画板保存为模板,请选择或创建画板,然后在检查器中启用模板选项。
你在画板本身中包含的任何内容、网格或原型导航都将成为模板的一部分。如果你更新模版画板,它将自动更新模板。
画板现在将显示在画板模板库的当前文档下拉选项下。它的名字遵循原始画板的标题。
注意:从Mac应用程序的第89版开始,任何现有的画板预设都将迁移到画板模板库,并放置在迁移的画板预设下拉选项下。
你可以通过在同一文档或库中添加名为Prepreviews/Artboard_Template_Name的画板模板创建自定义预览缩略图。
画板模版还可以在插入窗口中展示(快捷键c)
画板模版可以作为资源库用于其他文档。
如何管理模版画板你可以在显示组件窗口中非常方便的管理模版画板。
经验分享 未读
蓝湖Photoshop插件上传的文字图层都被切成图片了怎么办?上传的图层在蓝湖无法点击?因为一直在用sketch没有遇到问题,今天一个别的公司的设计师问我她photoshop蓝湖上传的图层都是图片形式,包括文字等:
其实这个就是你在没必要切图的图层手动切图造成的。
更改图层结构在photoshop中,-s-代表的意思就是将这个文件夹作为切图提交。那么我们就可以发现这个psd文件的所有文件夹都是-s-命名的。
我们发现明明是一个文字图层,结果还用-s-包裹了起来,这是有问题的。我们可以手动将-s-删除,也可以将代表图层范围的-slice-删除。
这个编组我们也可以取消掉。
上传蓝湖之后我们就可以发现修改好的位置不会再以切图的形式保留在蓝湖中了!
上传的图层无法点击
她在使用ps插件上传之后所有图层就像一张图片一样无法点击,什么都点不了。原因就在于蓝湖对于编组的识别问题。不允许用户自己去新建编组。所以我们只需要把自己建的编组都取消掉就行了。
依旧有问题建议更新Photoshop版本为2021或者2022,然后使用最新版蓝湖ps插件即可。
经验分享 未读
Sketch如何批量替换字体?批量更改字体教程在Sketch中偶尔会遇到替换掉全局字体的需求,以往我们经常使用的是通过筛选的方式选择所有文字图层来更换字体。但是一旦文档涉及到多字体,这种方式就废掉了。
筛选文字图层法(仅限文档只有一个字体)先来说一下基础的方法吧,如果文档只有一个字体可以通过图层的筛选功能来筛选出所有的文字图层。
然后就会发现图层列表只会显示着一种类型的图层。
全选所有图层,编辑字体即可。
插件替换法首先下载字体替换插件,解压后双击安装。
然后我们打开文档,进入插件,选择Find & Replace Font
左侧显示了用到了什么字体,右侧显示这个字体用在了哪些图层。
将左侧的字体替换掉点击Replace即可。
经验分享 未读
Sketch如何修改缺失的字体?该字符层所用的字体在系统中找不到解决方法如果多设备编辑一个Sketch文档,很容易出现字体缺失的情况。
寻找这个字体我们通过Sketch给的字体名称,可以通过搜索引擎直接搜索的方式来查找字体的中文名称,进而传输或者下载。
例如搜索:REEJI-ZhenvanGB2.0-GX
安装完成这个字体之后即可正常使用。
替换这个字体有的时候我们不打算再使用原来的设计进行设计了,那么直接将缺失的字体换成一个比较接近或者想要的另一个字体即可。
我们在右上角的消息中心找到缺失字体。
对缺失的字体进行替换。
点击替换即可。
经验分享 未读
Sketch83如何嵌入字体?如何将第三方字体嵌入到Sketch文档中?虽然我们做UI的时候一般使用的都是系统自带的字体,但是做Banner、胶囊图等等都会有嵌入第三方字体的需求,但是给到运营同学的时候就会需要不仅给Sketch文件,还要给字体文件等(就跟Keynote一样麻烦)那么如何来解决这个问题呢。Sketch新版本给了我们答案。
从Sketch83以后,在首次保存时Sketch会提供一个保存字体的选项供你选择。
首次保存时嵌入字体在首次保存时点击嵌入的字体可以直接进入文档设置。那么如果错过了这次保存,或者在之后添加了字体,就需要手动进入文档设置。
如何嵌入字体首先我们进入文件然后在文档设置中嵌入字体
我们将需要嵌入的字体勾选后即可。
旧版本嵌入字体如果需要83之前的版本Sketch嵌入字体,可以访问Sketch教程:如何在文档中嵌入第三方字体。
经验分享 未读
Sketch83边角功能解析:如何绘制圆角矩形,圆角多边形绘制,快速更改边角大小方法Sketch83提供了全新的边角编辑方式,与illustrator中备受喜爱的边角构件相似,但是不支持钢笔绘制的自定义形状的边角编辑。他可以帮助你更加轻松的绘制圆角矩形、多种角的形状。
使用边角控制柄编辑边角Sketch83提供了全新的绘制圆角矩形方式,让你避免了手动输入圆角数值或者拖拽横向手柄的方式,以更加符合直觉的操作模式来编辑圆角。
你可以按住command进行拖拽边角的控制柄以调整单独一个角的圆角大小。
使用检查器编辑边角Sketch83提供了全新的边角检查器。旧版的圆角控制在多个角数值不同时,Sketch采用分号来分隔不同的圆角。这样的展示方式不仅不符合直觉,而且受限于检查器的尺寸,编辑框的宽度很小,导致编辑起来非常不便。设计师们无法将横向的四个数值与现实中的圆角位置一一对应,导致修改时一般会在形状的编辑模式下编辑锚点调整数值。这样编辑起来非常麻烦。
全新的边角检查器由一种非常直观的方式进行展示。你可以从独立、统一(暂译)两种模式中自由切换。
在统一模式下,所有边角的大小相同。
在独立模式下,所有边角的大小通过一个2X2的矩形阵列编辑框来一一对应的编辑。
冷知识: ...
经验分享 未读
Sketch如何给组件黑白效果?将指定元素调整黑白或者调整颜色在国家公祭日的时候我们可以看到很多应用的首页都是黑白效果。我们平常也经常使用黑白效果来表达这个组件已经失效。那么组件我们可以通过制作一个单独的黑白组件来进行替换,但是这个方法不适用与开发去表达。
需求我有一个卡片,卡片整体是图片传过来的,但是我想通过黑白效果来表达这个卡片已经失效了。这是一个黑白效果的典型用法,但是总不能每种卡片都添加一个黑白的样式图吧,所以就用到了混合模式。
在需要的元素上绘制混合层在我举的例子中,一个正常的卡片是这样的
背景层的图片是后端直接传到前端的(包括颜色也是属于卡片)。前端对于卡片的编辑只剩下文字。那么不同种类的失效卡片都需要黑白效果时,就需要用到混合模式了。
我这里以做黑白效果为例,其他效果可自行探索。
绘制一个覆盖卡片的纯黑矩形。
调整混合模式选中黑色层,点击混合模式按钮,选择任意一个色彩相关的混合模式。
我们就可以直接看到颜色的变化了。
组件制作我们也可以将这个黑色层放入卡片的组件中,然后将黑色层设置为组件,这样的话我们就可以直接调整卡片一键切换是否黑白了。
经验分享 未读
Sketch教程:已关联的素材使用方法,JSON素材,链接数据(Linked Data)Sketch71版本支持了全新的链接数据功能,这个功能支持设计师自己编辑json文件,将多个文本/图片参数作为一个整体嵌入到设计稿中。相比过去单一的批量嵌入,使用json可以将多个素材的关系链接起来,作为一个整体。让设计稿更加真实。
通过链接数据,你可以使用以有意义的方式组合不同数据集的JSON文件,从而更轻松地对设计进行更实际的压力测试。
制作JSON文件JSON是常见的数据存储格式,被应用于各个场景。对于没有开发经验的设计师来说其实想要用这个功能也无需去研究JSON文件的格式等。在这里推荐没有开发经验的设计师使用Excel来完成这个工作。
首先按照下面的格式来填写内容。第一行填写类型,第二行之后添加对应的数据。
然后打开Excel转Json网站,将填写好的内容粘贴到工具中。
制作数据将JSON文件和所需要的图片文件放到一个文件夹中。
添加数据进入首选项->素材中点击添加素材,选择我们的json文件。
创建组件通过组件我们能够更好的管理我们的展示效果。我们根据我们在表格中制定的类型来作为图层名创建图层,然后再创建组件。
注意:当使用图片数据时,如果使用矩形 ...
经验分享 未读
如何用Sketch制作斜体文字,不支持斜体的字体如何做斜体在调文字的时候想要给文本增加一个斜体效果,但是选了半天的字体原生并不支持斜体。那么这个时候一般就会用变换工具了。变换工具和photoshop的自由变换工具很像,但是缺少了一点点自由。大致能调整的就是8个点。
将文本轮廓化因为变换工具无法针对文本图层和组件进行操作,所以我们需要将文字图层转换为路径。
选中图层后选择轮廓化。
使用变换工具在菜单或者工具栏找到变换工具,打开变换控制点。
使用上下两个倾斜控制点,然后左右拖动
大功告成如果字体本身带斜体,可以通过更改字形为Italic更换为斜体。
经验分享 未读
Sketch进阶:调整控件后如何自适应实例大小?调整控件后尺寸问题解决方法在用sketch时调整一个控件后,使用这个控件的实例(图层)并不能根据新改动的控件自动调整大小。这个时候我们可以自动修正。
范例
我们可以看到调整前的底部因为没有跟新改动的控件进行变化,所以底边出现了问题。
解决方法
Sketch提供了一个方法,可以将没有自动调整尺寸的控件实例自动调整为正常的尺寸。点击缩小实例以适配内容即可。
经验分享 未读
Sketch的图形、图层、画板以矢量的方式粘贴到Figma从sketch到figma的过程中总是伴随着导入和部分图层的复制粘贴,那么怎么才能将sketch的矢量内容导入到figma中呢?
复制SVG右键单击需要复制的图层/编组等,选择复制SVG代码
粘贴通过SVG代码的方式可以直接粘贴到Figma中,并且还可以进行矢量的锚点编辑。
经验分享 未读
Sketch教程:如何制作绘制断点,绘制MBE图标基本操作从统计里看到有人在找Sketch绘制断点的问题,其实Sketch完成这些矢量编辑问题非常容易。你可以非常方便去编辑他们。这个时候就要派出断点神器——「剪刀工具」。
找到剪刀工具剪刀工具还算一个比较常用的工具,我们可以给他放在工具栏上
绘制形状我这里绘制一个胶囊形状
编辑形状双击形状进入锚点编辑模式
然后在需要打断点的位置添加两个锚点,两个锚点之间的空隙就是空白区域
断点使用剪刀工具,点击一下两个锚点之间的路径
大功告成断点成功打好了,你可以修改边框属性来调整边缘
经验分享 未读
Figma和Sketch如何选择?你世界的一部分:为什么我们为构建真正的本地Mac应用而感到自豪从个性化和性能到熟悉性和灵活性-有很多理由喜欢本机应用程序而不选择在线程序
Sketch首次发布十年后,发生了很多变化。设计工具的空间已经扩大。我们惊人的社区也有。甚至macOS本身也在发展。但是有一件事情保持不变:我们热衷于开发真正的本地Mac应用程序。
本地应用程序带来了许多好处-从个性化和性能到熟悉性和灵活性。尽管我们一直在努力使Cloud成为令人惊叹的协作空间,但我们仍然认为Mac是让你的想法和想象力蓬勃发展的理想场所。
在这篇文章中,我们认为我们只强调了本机macOS应用程序带来的一些好处。
这就是你看到的东西当你使用真正的原生应用程序时,你将获得该平台的所有标准好处–而对于MacOS来说,它有很多好处!你可以在多个窗口或多个选项卡中工作。你可以在Finder中管理自己的本地文件,还可以浏览Mac内置存储器上保存的以前版本。还有Time Machine,它可以帮助你保存本地文件的完整历史记录,以防你想恢复到更老的布局,抓取几个月前意外删除的重要符号,或者只是将你的所有工作从v1.0完全备份到你完成的文件中。
然后是内置的定制选项。想要调整你经常使用的工具的快捷方式,还是完全 ...
经验分享 未读
Sketch教程:颜色变量的使用方法在Sketch最新的69版本中添加了颜色变量功能。颜色变量通俗的意思就是可以将一个纯色命名一个名字,修改一个其他被绑定的相同名称的组件颜色同样更改。
使用颜色变量,你可以设置在整个文档中同步的颜色。对颜色变量进行更改时,这些更改会显示在使用它的所有层中。你可以创建特定文档本地的颜色变量,也可以在“组件库”中共享它们以用于其他设计文件。
颜色变量可以加快你的工作流程并使设计井井有条。它们在你的文档之间同步。更改颜色变量时,它将更新使用它的任何图层。现在,任何现有的“全局颜色”预设都是“颜色变量”,位于它们自己的本地库中。
如何查看颜色变量你可以直接从颜色弹出框创建颜色变量。我们还引入了一个菜单,可帮助你快速访问和应用现有的颜色变量。你可以从“置入窗口”或新的“组件”中编辑和查看它们。
颜色变量替换旧版本的纯色预设。当你打开文档时,Sketch将自动转换其中的所有现有纯色预设。任何全局纯色预设都将成为其自己的本地库,可供使用它们的每个文档使用。如果要编辑它们,只需从首选项的“组件库”中打开“迁移通用颜色”文档,就像使用其他任何库一样。
如何使用颜色变量创建颜色变量组件视图切换到“组 ...
经验分享 未读
Sketch教程:Sketch快捷键完整版Sketch教程:Sketch快捷键完整版
好像从来都没整理过Sketch的快捷键,今天来整理一下Sketch的快捷键吧。快捷键其实只需要记住常用的就可以了,当你的某一项操作十分频繁的时候,你可能就需要一个快捷键,这篇文章应该能帮到你。
普通快捷键
快捷键
操作
⌘ C
复制
⌘ X
剪切
⌘ V
粘贴
⌘ ⇧ V
粘贴选择
Space 拖动
粘贴到选中内容的位置上
⌘ ⇧ N
新建页面(貌似失效)
fn ↑
上一页
fn ↓
下一页
⌘ +
放大
⌘ -
缩小
Ctrl R
显示/隐藏标尺
Ctrl P
显示/隐藏像素
Ctrl X
显示/隐藏像素网格
Ctrl G
显示/隐藏网格
Ctrl L
显示/隐藏布局
Ctrl E
显示/隐藏切片
Ctrl F
显示/隐藏原型
⌘ F
在“层列表/组件”面板中过滤
⌘ ⇧ F
在组件面板中过滤
⌘ Ctrl K
运行自定义插件
⌘ Z
撤消
⌘ ⇧ Z
重做
⌘ N ...
经验分享 未读
Sketch教程:为什么我的Sketch非常卡?速度慢?Sketch非常适合处理复杂的设计,但是如果遇到性能问题,可能是由于某些原因导致的,而你可以采取一些步骤进行修复。
如果以下任何建议都无法解决你遇到的问题,请与官方联系以获取更多帮助。、
常规故障排除检查你的插件Sketch会尽力检查插件,并直接与插件开发人员合作以防止出现问题。但是有时它们会引起问题。要确定插件是否有故障,请按照如下方式进行操作:
如何使用安全模式要临时禁用插件,请退出Sketch,然后在按住Shift的同时再次启动它。这会在安全模式下将其打开,如果一切正常,则可能是插件导致了崩溃。
要找出导致问题的插件,请关闭Sketch并启动,而无需按住Shift键即可再次启用插件。选择草图›首选项›插件,然后禁用或卸载所有插件。然后将它们一个接一个地添加,直到找到引起你问题的插件。
请注意:即使禁用了某些插件,例如Craft,它们仍然会加载,因此,卸载是确保它们不干扰Sketch的唯一方法。
如何手动禁用插件如果某个插件在启动时使Sketch崩溃,则可以通过将Plugins文件夹移动到桌面上来卸载所有插件:
退出Sketch
打开查找器
选择转到›转到文件夹…(Cmd + S ...
经验分享 未读
Sketch教程:在Sketch中我该选择什么样的颜色配置文件?Sketch教程:在Sketch中我该选择什么样的颜色配置文件?
Sketch可以使用两种颜色配置文件(sRGB和Display P3)渲染文档。为简单起见,Sketch默认使用非托管颜色配置文件。这仅意味着Sketch使用你系统的默认颜色配置文件-例如MacBook Pro上的“ Color LCD”。
但是,根据项目,你可能需要使用其他颜色配置文件。以下信息对每个配置文件以及何时使用它们进行了一些说明。
默认情况下的颜色配置文件如前所述,默认情况下,Sketch文档使用非托管颜色配置文件。如果你不想管理你的颜色配置文件或你的项目不要求它,那么你可以直接保留这些首选项。
你将从应用程序中更好的性能中受益,但请注意,导出文件时,颜色看起来可能与Sketch中屏幕上看到的颜色不同。
如果确实需要使用特定的颜色配置文件,则可以在sRGB和P3之间进行选择。
sRGB颜色配置文件如果你是网页设计师或移动UI设计师,则可能会习惯于使用RGB颜色配置文件,仅因为这是你在HTML中表达颜色值的方式。但是,你可能不习惯选择颜色配置文件,因为它通常是由浏览器分配的。
如果必须在“草图”中的屏幕上 ...
经验分享 未读
Sketch教程:Sketch如何不对齐像素点,或对齐半像素?Sketch教程:Sketch如何不对齐像素点,或对齐半像素?
在绘制插画和图标的时候,我们经常需要调整自由曲线,这些曲线可能不和像素点格进行匹配,这个时候我们就需要不对齐像素点了。
不对齐像素点进入首选项
取消勾选像素对齐
对齐半像素有的时候我们绘制居中的时候需要对齐半像素,那么如何对齐半像素呢?
使用钢笔工具快捷键V
设置为对齐半像素在钢笔的右侧属性中可以调整对齐模式,有多种对齐模式可以选择。
然后就可以开始绘制啦!
经验分享 未读
Sketch特别卡?来清理一下Sketch的缓存吧!让你的Sketch健步如飞Sketch特别卡?来清理一下Sketch的缓存吧!让你的Sketch健步如飞
随着项目的越来越大,动辄几个G的Sketch文件让每次Sketch打开和运行都变得令人痛苦。并且打开一堆组件库文件的时候,卡顿令人绝望。那么怎么才能加快Sketch文件的运行速度呢?清理Sketch文件不失为一个很好的选择。
danger 危!如果使用这篇文章清理缓存,你将失去Sketch的版本控制中保存的旧版本信息。不使用Sketch版本控制而使用其他版本控制方式的小伙伴可以继续。
下载软件首先我们需要下载Sketch缓存清理的软件(下载地址在文末)
然后下载签名工具立即下载
安装软件解压清理缓存软件,拖入到应用程序中
应用签名打开下载好的mac小助手,选择应用签名,选择刚才拖入到应用程序中的软件
如果失败可能是因为电脑没有安装xcode命令行工具,可以打开终端输入以下代码安装
1xcode-select --install
(过程可能需要输入密码,直接输入按回车即可)
开始清理在启动台打开软件
开始清理
重启Sketch后体验飞快的Sketch吧!
番外一些老牌清理软件也支持清理Sket ...
资源中心 未读
iPhone手机设计样机源文件(Sketch)下载 做宣传图、商店屏幕快照必备iPhone手机设计样机源文件(Sketch)下载 做宣传图、商店屏幕快照必备
质量超高的iPhone手机源文件下载,Sketch格式分层,方便自定义。App Store屏幕快照图片、宣传图制作必备素材。App带壳图片。这里准备了两种热门机型:iPhoneXs和iPhone8
iPhoneXs
立即下载
iPhone8
立即下载
经验分享 未读
Sketch教程:如何获取Sketch图层内填充中嵌入的图像有的时候我们发现一些好看的图片,使用图层的填充后,插入的图片就像是掉进大海的针,一去就不复返了。如果源文件删掉,导出就要费九牛二虎之力,还不一定能成功导出高清无损的图片。那么如何才能获取Sketch图层中填充中嵌入的图片呢?
我这里用一个文件来举例子:
我们可以看到这里通过填充功能插入了图片,但是没有办法获取原来的图片了。而且调整矩形再导出会不可避免几个像素的裁剪,或者是图片尺寸大小的缩放。那么如何获取图片呢?
方法一:通过查看源文件的方式更改名称
将扩展名改成zip压缩格式并且解压
找到图片
进入images文件夹
大功告成!
成功获得原图像!
方法二:直接复制找到填充图层直接选中复制
这个时候按下Command+C
直接粘贴
选择制作导出项
大功告成!
直接使用1x尺寸导出即可
经验分享 未读
Sketch教程:如何在文档中嵌入第三方字体虽然我们做UI的时候一般使用的都是系统自带的字体,但是做Banner、胶囊图等等都会有嵌入第三方字体的需求,但是给到运营同学的时候就会需要不仅给Sketch文件,还要给字体文件等(就跟Keynote一样麻烦)那么如何来解决这个问题呢。Sketch新版本给了我们答案。
从Sketch83以后,在首次保存时Sketch会提供一个保存字体的选项供你选择。
首次保存时嵌入字体在首次保存时点击嵌入的字体可以直接进入文档设置。那么如果错过了这次保存,或者在之后添加了字体,就需要手动进入文档设置。
如何嵌入字体首先我们进入文件然后在文档设置中嵌入字体
从版本67-83,你可以将单个字体文件嵌入文档中。此功能支持大多数OpenType和TrueType格式,但仅适用于非系统字体。
重要:为了嵌入任何字体,你必须确认你拥有有效的许可证-以及将该字体分发给他人的权利。我们的服务条款禁止在没有有效和适当许可的情况下嵌入字体。
如何嵌入字体要嵌入字体,请从菜单栏中选择“字符”>“文档字体… ”。在出现的工作表中,你将看到文档中所有非系统字体的列表。单击字体旁边的下拉菜单,然后选择“ 嵌入文档”。 ...
经验分享 未读
SketchData 资源库:使用资源库插入的文本结尾会有空行?SketchData 资源库:使用资源库插入的文本结尾会有空行?
之前有个问题一直困扰着我,就是在使用sketch插入文本的时候每次插入都会在结尾有一个空行。
一般资源库的数据都是爬取和Python生成的,经常复制粘贴来自各种地方的数据,数据奇怪也很正常。
这种空行明显会影响组件的嵌入和文字替换,后来经过折腾的时候猜测是由于文本末尾多了一个换行符\n,但是我找不到一个方便删除换行符的方法。
今天研究了一个修复方法:
使用微软的VSCode打开这个txt文档
更改行尾序列
将CRLF改为LF
保存Command+S
使用接下来在Sketch使用就没有空行啦!
经验分享 未读
Sketch教程:原型中单击后使用保持滚动位置Sketch教程:原型中单击后使用保持滚动位置
当你创建从一个滚动Artboard到另一个滚动Artboard的链接时,滚动原型的位置通常会在你播放原型并单击该Link时返回顶部(开始位置)。在某些情况下(例如在移动应用程序中的选项卡之间切换),这是很好的情况,但在其他情况下(例如,当你想在滚动内容的顶部显示模式或覆盖图时),这是好的。
随着保持滚动位置后点击关闭,点击该链接,打开叠加导致画板来滚动回到顶部,显示不正常。
为了确保在单击原型链接时滚动的Artboard保持在原位,请选择要使用的链接,然后在检查器中启用“ 单击后保持滚动位置”选项。
启用此选项后,当你播放原型时,滚动内容将保持在你单击链接并在画板之间进行过渡时的相同位置。这使你可以创建感觉更逼真且不会中断原型流程的叠加样式效果。
随着保持滚动位置点击后启用,该叠加出现在的地方,而不会影响其后面的内容的滚动位置。
经验分享 未读
Sketch教程:自定义Library中的缩略图Sketch教程:自定义Library中的缩略图有的时候为了更加快捷方便的区分多个组件库真的是煞费苦心。当你的组件库是多人合作的时候,美观的缩略图必不可少。
如果要为“库”创建自定义预览,请在文档中的某个位置创建一个新的1:1(正方形)画板,并将其命名为“Library Preview”。