- cloud123
-
Jean-Marc Denis(原文作者,前Sparrow设计师,现在在Google工作)在参加WWDC 2013时认识了Sketch的开发团队,所以在第一时间尝试了Sketch,当时由于一些功能的缺失,所以还是折回去使用Photoshop了。过了一段时间,他发现设计师社区开始疯狂着迷于这款新的设计工具,所以决定再试一试,想看看迭代了一段时间的Sketch现在能完成多少原先他需要用Photoshop来做的工作。现在,他80%的设计工作都是由Sketch来完成的,所以写了这篇文章来帮助大家一起了解Sketch。
为什么我们会期待一个新的设计工具?因为当我们更多的关注效率和关注协作,就越发现Photoshop已经不足以满足我们的期待了。下面看看具体的理由:
Photoshop是为图像处理开发的,诸如路径和矢量工具都是后期才加上去的,所以如果你关心一下Photoshop的更新路径,用户界面设计师完全不是Adobe做这条产品时关心的用户群。所以,如果抛去那些复杂的功能,一个为用户界面设计师打造的设计工具完全可以做得更简单,更高效。
相信我们都会觉得为不同的设备输出不同分辨率的素材而痛苦不已吧。或许,你会使用一些第三方插件或是启用一些模板来处理这些事,但依然是很浪费时间的。
Photoshop的引擎是上个世纪为图像处理而打造的,非常的耗费资源,即使是启动一下都要等很久,更别说一次移动多个分组了。话说回来,由于要兼顾Mac和Windows平台,能做到这样已经不容易了。
大公司的执行效率实在太低。不知道大伙是不是和我一样,非常痛苦地等了好几个月才等到Photoshop对Retina屏幕的支持。诸如自动对齐的等功能我已经不做期待了。
有没有梦想过拜托机械的手动保存?Sketch可以做到。Sketch在工作的时候会不断地自动保存成果,并且允许你回复到此前的任一版本。
矢量图意味着可以任意扩展。你没有必要不断地去调整素材的尺寸,Sketch会自动就帮你维持一个像素级完美的作品。如果有的时候你必须用像素点来作图,比如说是画图标或者是插画设计,Sketch 也提供了从矢量切换到像素视图的功能。
你喜欢xScope吗?还是正在用选框工具来进行测量?又或者是难用的网格?Sketch的智能标尺可以帮你轻松地把设计元素的对齐方式、内外间距都调整完美。就我个人而言,这个功能非常节省时间而且避免了复杂的人工计算,是我觉得最有用的功能之一。
在Sketch里我们可以随时随地修改一个元素的圆角、高度和宽度。只需要简单地修改数值就可以轻松调整元素,对于刚从Photoshop切换过来的设计师而言非常好用。甚至会让你产生强烈的依赖。
在Sketch 里你可以很轻松地把多个图形合并,构成一个新的图形。并且Sketch在提供了多种图形合并模式的同时,还允许你随时修改已经合并图形的子图形。这项功能使得你可以很轻松地管理和创造更复杂的图形。
在Photoshop里想要让一个图层有多种混合效果是很困难的。但在Sketch里,你可以很容易给一个图层加上多种混合效果,看看下面的示例就知道了。
自动选择最接近的像素边界可以让一个图形或者是图层自动修正边距到一个像素级完善的位置。比如可以把一个宽度是5.3px的图形自动修正到5px,这样就不会有模糊的像素点和粗糙的图形了。我自己给这项功能设了一个快捷键(Command+Opitons+x),来确保我做出的每一个图形都像素级完美。这比人工一个一个按照网格修改图形高效得多。
有的时候你会做一些充斥文字的设计,样式链接可以帮助你设定一个固定的样式来快速地应用在新的文字上。如果你修改了其中任何一处的样式,那么所有链接该样式的文字都会自动更新到新的样式。并且,这项功能也可以应用在图形上。
用Photoshop的时候,最痛苦的事莫过于切割元素,然后到处素材。Sketch则可以帮助你快速地导出各种分辨率和格式(pdf, eps, svg, png, jpg, tiff)的素材,通常导出只需要一个点击,并且不用借助任何第三方应用程序。
作富文本设计的时候,布局会变得非常重要,这项功能可以帮助你快速地试验不同的方案。
其实可以把网格功能理解成按照纵横两个维度自动地结构化布局内容。这个对于排版布局而言,非常方便。
Sketch的文字渲染引擎非常出色,可以用来做很出色的文字布局和字体设计。因此,你可以放心地放弃Photoshop的抗锯齿功能。
如果你在做一些网页设计,Sketch可以帮助你快速地把你的成果到处成CSS样式。
这是一项小功能,但是确实可以节约你很多时间和精力。
Sketch Mirror是一个Universal App,可以方便你在iPhone或是iPad上查看自己的成果。(作者撰写这个文章的时候Sketch还没有推出官方的镜像工具,所以这一段是译者补充的)。
Sketch是一个小团队,发展非常快速。简单扫一眼Sketch的升级日志,你会发现每一个更新都会带来新的功能。
我非常建议你去使用Beta版本,你会见证Sketch快速的升级。
Sketch团队非常善于聆听用户的诉求,因而软件不断地变得更好。你可以去tenderapp上向他们提出新功能的要求。
sketch是什么意思
sketch英 [sketu0283] 美 [sku025btu0283] n.素描; 草图; 梗概; v.速写; 草拟; 简述; [例句]I always sketch with pen and paper. 我总是用钢笔和纸画素描。 [其他]第三人称单数:sketches 复数:sketches 现在分词:sketching 过去式:sketched 过去分词:sketched 形近词: spetch2023-08-05 05:40:531
Sketch干货:这些Sketch快捷键命令大大提升工作效率
Sketch是面向所有设计师的矢量绘图应用程序。矢量绘图也是迄今为止设计网页、图标和界面的最佳方法。除了矢量编辑,还添加了一些基本的位图工具,如模糊和颜色校正。可以看得出来,Sketch这款软件的强大之处!很多人说在操作Sketch的时候总是提不起速度,总是工作效率提不起来!其实,只要将Sketch的快捷键命令给记住以及灵活运用了,我敢保证工作速率一定大大提升!下面就为大家分享几个Sketch快捷键命令~Sketch快捷键命令1.形状的描边和填充:形状的描边快捷键是B,填充的快捷键是F,其实就是Borders和Fills首字母。2.直接吸取颜色:直接吸色快捷键Control+C,然后就可以吸取屏幕上任何地方的色彩。3.拷贝样式:Command+Alt+C拷贝样式,Command+Alt+V粘贴样式。4.对齐的特别用法(锁定对齐):当两个对象没有任何关系时,可以锁定其中一个对象(Command+Shift+L),选中被锁定的元素及其他元素以它为参照物进行对齐。5.重新定义对象大小:选中一个对象,按住Command+方向键来改变对象大小。按住Command+Shift+方向键,可以每次以加减10个像素改变对象大小。选中一个对象,按住Alt缩放时,矩形两侧会同时进行缩放。选中一个对象,按住Alt缩放时,矩形两侧会同时进行缩放。6.直接选取和框选:按住Command直接点选需要的元素,再按住Command+Shift对所有元素进行框选,就会发现只选择了该元素以外的元素。7.隐藏图层和锁定图层:选中图层Command+Shift+H隐藏图层,Command+Shift+L锁定图层。当界面中元素较多时需要修改,我们就可以锁定背景图层,进行框选需要修改的对象。8.设置线段的中点:双击绘制完成的Vector图层,按住Shift键,会出现中点提示。以上这八个就是我们在操作Sketch绘制图形的时候可以使用到的一些快捷键命令了,大家一定要牢牢记住,方便今后的绘图使用~最后,还是那句话,学习设计,软件入门,就上~2023-08-05 05:41:011
sketch是干什么用的?
简单理解,sketch就是设计师用来界面设计的软件它比ps更好上手也更专一些ui设计师通过sketch做好图之后上传蓝湖,蓝湖实现自动标注和切图。开发直接去蓝湖看,很省事。2023-08-05 05:41:126
iOS开发中,Sketch是什么?
Sketch是专门为Mac的ios开发的一款矢量图形绘制软件,关于这款软件介绍如下:1.Sketch是一款界面优美,功能强大的图形绘制软件。在Sketch软件中,ios开发者可以十分方便地设计图层面板等图层常用操作,普通用于产品的交互设计和UI设计。2.Sketch为开发者提供了许多使用的功能。如多层式填充绘制,渐变绘制,噪点绘制,混合模糊绘制等视图设计中常用的操作。另外,Sketch与其他绘图软件不同的是,它还提供通过布尔运算来将多个简单形状混合更为复杂的形状。这在一定程度上增加了开发的可扩展性。3.Sketch这款软件的主旨是为了给广大产品界面和UI设计师一个简洁实用的创作平台。因此许多公司的界面开发者往往选择使用Sketch进行开发工作,而不是Photoshop,illustrator这类软件。扩展资料:1.Sketch 的画布尺寸是无限的,可以向任意方向无限延伸,你将拥有绝对的自由来规划自己的创作区域。2. 如果想在画布中设置一个固定的画框,只需新建一个或多个新的画板。举个例子,设计移动应用界面时,很多设计师会为应用的每一个屏都创建一个画板,然后排列开来以便查看。3.Sketch允许用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子。值得注意的是,有些效果——比如模糊——会自动将画布的一部分以像素模式显示,因为模糊本身就是一个基于像素的效果。参考资料来源:百度百科-Sketch2023-08-05 05:41:511
Sketch导入、导出功能说明及技巧
Sketch可以导入以下各种格式的文件: (1)位图图像文件:PNG,JPG,TIFF和WEBP (2)矢量格式文件:PDF、SVG、EPS,如果导入包含多个页面的PDF文档,则每个页面将单独生成一个画板。 (3)GIF文件:可以导入,但是不会动起来,只能支持GIF透明格式。 (4)AI和PSD文件:只能作为单个展平图层打开,即变成位图图像文件,不是直接转换为矢量格式。如果实在要导入,先输出成SVG或者EPS格式文件,再导入Sketch中即可。 然后,有4种路径方法可以把文件导入到Sketch中: (1)通过菜单栏的“文件-打开...”(英文版“File-Open...”),快捷键是“command+O” (2)将文件拖放到Dock中的Sketch图标上 (3)将文件直接拖放到打开的文档中 (4)把其他文件复制,然后粘贴在Sketch工作区中 我们可以通过选中图层的方式导出单个文件,这个方法适用于导出icon、单张图片、单个组合图层或者单个画板,首先选中单个图层,点击检查器右下角的“Make EXPORTABLE”,再点击“Export Selected...”,最后选中导出的路径即可。在导出之前,我们还可以设置图层的导出倍率(默认是1x)、前后缀以及格式。 另外一个方法是通过切片工具来导出,因为有时候我们可能只需要导出图层的某个区域,例如在背景上的icon,这时,我们就需要通过工具栏的“切片slice”来处理。点击工具栏的切片工具(快捷键“S”),然后圈选要导出的内容即可,后续的导出流程和选中图层导出是一致的。 然后,导出的时候,我们还可能遇到这种情况:我们需要用切片工具导出某个分组的图形的一部分,例如两个镂空圆组成的icon一部分,然后他们恰好在一个蓝色的背景上。如果我们用切片工具直接导,就会出现蓝色的背景。 但是我们显然是不需要蓝色背景的,我们需要的透明底的icon,这个时候,我们就需要把切片工具放在icon所在组里面,然后勾选检查器中的“只导出分组内容Export group contents only”选项即可。 如果我们需要批量导出图层、或者画板,可以通过“文件-导出”(英文版“File-Export...”),或者快捷键“shift+command+E”批量选中要导出的内容即可。 第二种方式是选中多个图层,然后通过检查器右下角的“Make EXPORTABLE”导出。 第三种方式是在图层栏选中多个图层,并拖动到文件夹中,即可生成图片文件在文件夹中。 推荐阅读: 最新版: 性感Sketch52正式版发布,全新UI,在线换暗黑皮肤 使用手册: Sketch中文手册(2018) 好书推荐: 新书《Sketch交互设计之美:从零基础到完整项目实现》上架2023-08-05 05:42:311
sketch新手入门(中文版)-9 控件
控件帮助我们加快我们的工作流,我们可以不断的重复利用我们设计中的元素,当我们对其中的元素改动时,所有的控件也都会更新,我们也可以利用覆盖层来控制我们的独立控件。 要创建一个控件,我们可以选择一个群组,一个美术板,一个层然后在工具栏中选择创建组件,或者选择层>创建组件。给你的组件取一个名字,这是你的控件的父级元素,当你创建一个模板的时候,sketch会自动帮助你创建一个实例,如果你对母版进行了更改,会显示在所有实例中。 如果你在创建控件的时候,勾选了发送控件到控件页面,那么控件就会自动发送到控件层,如果你没有勾选,那么你将在当前页面看到控件。 选择 图层>从控件中分离,任何与其有关的实例将变成文件夹,母版和实例分开,无关联。 当您创建了一个符号时,您可以在设计中插入任何现有的层。要执行此操作,请在层上单击控件,选择“替换为”,然后选择符号。您选择的符号将调整大小以适应层的大小。 有两种方法可以访问和在sketch中插入符号。 1.通过单击层列表顶部的组件,可以通过画布左侧的组件面板插入符号(图层和组件之间切换)在组件库中可以选择查看“所有”可用的符号以及仅属于文档或特定库的符号。 2.您可以使用“组件”面板底部的搜索栏快速找到要查找的符号,找到所需的符号后,只需将该符号直接拖放到画布上。 快捷键(command +shift+ f) 或者,可以通过顶部工具栏中的“置入”或使用“置入”菜单插入符号。从这里您可以查看文档符号或属于任何已启用库的符号并从中进行选择。 编辑控件有两种主要方法。可以编辑符号母版中的内容,也可以使用替代编辑单个实例。 找到你的母版或双击它的任何实例直接转到它。对主控形状所做的任何编辑都将同步到设计中主控形状的任何实例。完成更改后,选择“返回到实例”返回到实例并查看更改是如何跨实例同步的。 选择一个控件实例,您将在检查器中看到一个覆盖层。通过在检查器中编辑这些覆盖层,可以更改单个符号实例中的内容,而不更改其主实例或影响其任何其他实例。 注意:您还可以直接在画布中为符号实例设置文本覆盖。 选择符号实例并将鼠标悬停在其上以高亮显示任何可用的替代,单击其中任何一个以快速找到它,并在检查器中单独显示它。如果符号具有大量替代(或嵌套替代),则这很方便。 或者,在检查器中单击符号名称旁边的三角形,然后在那里选择。也可以控制单击“图层”列表中的替代以查看与其相关的选项。 注意:即使您已经专注于某个特定的覆盖,移动或复制它之类的操作也将应用于整个实例,而不是特定的覆盖层。您需要使用符号母版来更改覆盖层本身。 可以通过几种方式更改文本覆盖的内容。您可以双击画布上符号实例中的文本层,然后键入新内容,或键入检查器中的覆盖字段。删除该字段中的任何内容都会将其更改回符号母版中的文本。也可以使用字段上方的数据图标填充覆盖。 注意:如果替代文本比符号母版中原来的文本长,则sketch将在文本层扩展时移动文本层旁边的任何层。如果要修复图层并使文字在其上流动,则需要将其锁定在符号母版中。 可以使用填充检查器覆盖任何图像层或形状。您可以将图像拖到预览中,或选择“选择图像…”也可以通过单击数据图标使用数据填充图像覆盖。要删除图像,请单击图像预览并按backspace。 如果在设计中设置了文字样式或图层样式,则可以在检查器的“替代”面板中找到这些样式。 如果已将热点作为原型的一部分添加到符号母版,则可以覆盖其目标艺术板,或选择“无”将其禁用。 选择符号主控形状,并使用检查器中“管理替代”面板中每个可用替代旁边的复选框来选择在设计中的任意位置选择该符号的实例时哪些替代可用。 选择任意实例,然后单击检查器中“覆盖”面板标题旁边的“重置”图标,以删除和重置已应用于该实例的任何覆盖。 若要在不使用覆盖的情况下对单个符号实例进行编辑,您需要从菜单中选择图层u203a从控件中分离,将其与其主实例分离。您也可以快捷方式控制单击它,然后在那里选择“从控件分离”。按住选项键可将命令更改为从控件中分离所有内容,从而将控件及其包含的任何嵌套控件转换为组。 可以使用检查器中“控件”面板中的“组件”弹出框交换符号。从列表中选择控件或搜索要查找的控件,然后单击将其与当前选定的符号控件。 默认情况下, 交换控件将调整所选实例的大小,以适合其新的控件母版 。要在交换 控件 时保持实例大小不变,请取消选中组件弹出窗口顶部的“按原始大小交换”选项。 使用“缩放”命令,可以像任何其他图层或组一样缩放和调整控件的大小。从菜单中选择Layer>Transform>Scale…( 或按u2318+K) 。边框等样式和属性将与符号本身成比例增加或减少,而不会影响母版控件形状。 若要在“元件”面板和“插入”菜单中将符号组合在一起,请使用以下格式命名符号:控件组名/控件名。 例如,名为Button/Normal和Button/Pressed的两个符号将成为名为Button的组的一部分。 注意:在一个组中出现两个或多个控件之前,它们必须出现在自己的子菜单中。 也可以通过“组件”面板组织控件。只需双击任何控件或组即可重命名它。您可以将控件拖放到现有的组中,或者只需拖动一个控件就可以创建一个新的组。 控件的排列是按照字母表的顺序排列的。 将控件母版发送到“符号”页可以帮助保持事物的组织,特别是在复杂的设计中。它也有助于减少使用控件母版或实例之间的混淆。 若要手动移动控件母版,请将其拖到“图层”列表中的“控件”页标题上,或控制单击它并选择“发送到“控件”页。 若要创建嵌套控件,请将符号实例插入“控件”页上的控件母版。现在,编辑该控件实例的主控形状时,它将在任何位置更新,包括其他控件主控形状中的实例。 也可以通过选择两个或多个控件实例并在工具栏中选择“创建控件”来创建嵌套控件。 注意:可以在彼此之间嵌套多少个控件是没有限制的,但不能在其主控形状中使用控件的实例。 #如何使用嵌套控件替代 若要使用嵌套控件以使其显示为替代, 需要有两个或多个大小相同的控件母版 ,并将其中一个用作嵌套控件。 当您在设计中选择控件实例时,您将看到将嵌套控件替换为任何其他相同大小的控件的选项。这在菜单中很有用,例如,当菜单中的按钮处于活动和非活动状态时。 若要快速访问某个嵌套替代的主控件,请在检查器中单击嵌套替代控件旁边的箭头图标。 当覆盖更改控件的大小时,智能布局将保持控件中各层之间的填充和间距。设置智能布局后,更改控件实例中的替代将自动调整其大小。 要使用智能布局,只需创建一个控件,并为其提供水平或垂直布局。创建该控件的实例并编辑其替代时,智能布局将使用控件主控形状中各层之间的间距和填充作为蓝图,并在调整实例大小时保持它们的一致性。 可以在检查器中设置智能布局属性(当编辑现有的控件母版)或创建新的符号时。 若要使用具有现有控件的智能布局,请指向它的主控器(您可以通过选择该控件的任何实例并在键盘上按Enter键快速到达那里),并选择您希望智能布局如何在检查器的布局面板下调整其大小。 除了选择控件是水平调整大小还是垂直调整大小外,还需要设置控件的调整方向(请将其与文本对齐方式类似)。可以从以下布局属性中进行选择: 垂直: 自上而下 自下而上 从中间 水平: 从左到右 从右向左 从中间 创建新控件时,可以使用“创建新控件”工作表中“名称”字段下的下拉菜单设置这些属性。 注意:将智能布局属性应用于具有文本层的符号时, 需要确保将其设置为“自动高度”(对于垂直布局)或“自动宽度”(对于水平布局) 。智能布局将符号母版中文本层的尺寸与实例中文本层的尺寸进行比较,以确定符号中其他层应如何调整大小,因此固定大小的文本层不会工作,因为它们始终保持不变。 当您提供符号智能布局属性时,您将在显示其布局方向的图层列表中,在其名称旁边看到一个新图标。 如果在已设置智能布局属性时更改控件母版的布局,则该控件的实例可能会出错。 若要解决此问题,请尝试单击检查器中“覆盖”面板下显示的“缩小实例以适应内容”按钮。 注意:您仍然可以对具有智能布局特性的控件中的图层应用调整大小约束。如果你想让一个特定的图层忽略你给它一部分的布局设置,这很方便。例如,可以使用调整大小约束来固定图层的大小,并使用具有水平或垂直布局的符号实例阻止其调整大小。 选择符号的智能布局属性时,将在检查器的布局面板下看到最小高度(垂直布局)或最小宽度(水平布局)字段。 将尺寸添加到这些字段将阻止符号缩小到最小尺寸以下,而不管其替代内容如何。如果将这些字段留空,则符号将缩小到任何大小以适合其内容。 #如何在符号中使用多个智能布局属性 对于更复杂的UI组件,您可能希望在垂直布局中包含水平布局(反之亦然),如下例所示。为此,可以将智能布局特性应用于符号主控形状中的组,以便在不同方向调整不同图层集的大小。 为此,请打开控件母版,选择要在不同方向调整大小的对象,然后对它们进行分组。现在,您可以将一组单独的智能布局属性应用于检查器布局面板下的该组。与符号本身一样,您将在图层列表中看到一个新的组图标,显示它们的布局方向。 如果您有一个控件,其中一个图层指示该符号的最小高度(如下面卡片示例中的图像),则对其旁边较短的文本图层应用覆盖将导致该符号使用不必要的填充调整大小。如果是这种情况,则需要在控件母版中将文本层和指定符号最小高度的层组合在一起。完成后,您将能够覆盖文本层,并且智能布局将知道在文本超过其最小高度之前不会增加整个符号高度。 智能布局不仅在覆盖更改符号实例的大小时有效,在隐藏符号时也有效。为此,您需要一组遵循符号母版布局方向的嵌套组件(例如,具有水平布局的菜单中的一行按钮)。通过覆盖面板隐藏其中一个控件将导致其他控件向上移动并填充空白点。这甚至适用于不同高度和宽度的符号。2023-08-05 05:42:391
《Sketch(一) 软件介绍及安装》
1、2009年BOHEMIAN CODING公司研发了一款叫DrawIt的矢量绘图软件,当时这个公司只有一名员工,他在大学课余时间进行设计研发。 2、2010年12月发布了DrawIt的最后一个版本,并将软件更名为Sketch。 3、2012年5月发布了Sketch2,并获得了苹果公司的“苹果设计奖”,此时公司只有两名员工。 4、2014年发布了Sketch3,修复了大量的bug,使得Sketch在界面设计领域占有了一席之地。 5、2016年9月27日,推出了4.0版本。 1、简单易学,不需要其他软件学习基础。 2、及时自动保存功能。 3、矢量绘图,在矢量图和位图之间相互切换不会失真。 4、可以建立多个画板,适合于大量界面同时操作。 5、“复用样式/符号”功能可以批量修改界面元素。 6、画板无限放大。 7、倍率导出功能自动换算图像尺寸。 8、新建画板时提供不同尺寸的设备模板。2023-08-05 05:42:571
Sketch - 给设计师的10个Sketch小技巧
已经使用了Sketch一段时间了,当然觉得非常不错。所以我觉得可以把我觉得有用的一些小技巧分享给大家,在日常使用Sketch的时候,也许能更加顺手。 通过这个技巧,我们可以快速的复制的样式到其他图层上,而不用一个个的重新设置。 在做设计的时候,会经常碰到图层需要移动的状况,用鼠标来拖动图层实在是效率太低,因此这个方法可以很好地减少不必要的操作时间。 这个技巧可能大家没有太注意到,在使用Sketch的颜色选择器的时候,可以提取到屏幕里所有可见目标的颜色,而不用再麻烦的截个图,扔进Sketch,再提取颜色,简单的把Sketch往旁边拉开一点吧,然后随意的提取吧。 又是一个值得学习的技巧,Sketch支持设置不同的圆角,那如何设置呢?只需要在Radiuses里填写想要的数值即可。 顺序为: 左上角/右上角/右下角/左下角。 Sketch里有一个Symbol的概念,在做设计的时候极其方便,比如不同页面里同样的导航栏,同样的按钮。Symbol是一个可以重复使用的元素,改变一个Symbol元素的内容,其他的也跟着改变。那么如何操作呢? 只需要选择打组工具,“ u2318+G ”。再将所需原色打组后,点击“ Create Symbol ”,这时候,你就会拥有一个新的Symbol。 面对经常使用的功能,我们不应该每次都去在下拉菜单选择使用,而是应该常驻在我们的工具栏里面。 在工具栏右键选择“ Customize Toolbar ”,我们就可以拖拽想要的工具到菜单栏,也可以把菜单栏里不需要的快捷操作删除。 官方其实已经提供了我们这样的工具,Mirror(¥30),支持同一WIFI下的连接,新版支持IP直连,更加稳定。 Mirror功能唯一且简单,支持各个Artboard的切换,左右滑动可快速在相邻Artboard查看设计稿,值得拥有。 这部分原作者只推荐了SketchToolBox,也是大家应该相对比较熟悉的工具。 在这我再补充推荐一个网站,一个根据使用场景来分的Sketch插件网站。名字叫Sketch Plugin Filter。 进入首页,会列出很多的插件,我们点击左侧的“ FILTER BY USE CASE ”按钮,会进入下图界面。 我们此时就可以根据自己的使用场景需求来选择最合适的插件,而不用在成千上万种插件里去大海淘针一样的去找到需要的插件。 [插件地址] 当我们给其他人展示我们的设计时,不想出现那些条条框框和格子,这时候我们就可以点击“ u2318+. ”,进入全屏模式,去掉那些烦人且不重要的部分。 有时我们碰到了一些好的动态效果,但没法记录下来,但想保存下来,作为素材库中的素材。那么如何实现录屏功能? 首先,将iPhone或者iPad用线与电脑连接(必须),之后打开” Quicktime ”,选择 ” Moive Recording ”,在下拉菜单里选择我们的设备,iPhone或者iPad,最后的事,当然就是愉快的录屏了。 Sketch其实还有很多小技巧,原文作者只是分享了其中的一部分,而工具终究是工具,需要的还是提高我们自己。2023-08-05 05:43:041
sketch只能苹果用吗
自从2010年Bohemian Coding公司推出了Sketch,目前已经历经了多个版本。那么Sketch只能在苹果产品上使用么? Sketch只能苹果用吗 Sketch只能在苹果系统上使用,Sketch目前只支持Mac系统。Win系统短时间不会Windows版本,Sketch很多技术和特性是基于mac os的,做Windows成本太高。也有部分设计师在Win系统电脑安装Mac虚拟机,用虚拟机体验Sketch。 Sketch是什么 Sketch是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量我的功能之外,Sketch同样添加了一些基本的位图工具,比如模糊和色彩校正。 Sketch 软件的特点是容易理解,上手简单,对于有设计经验的设计师来说,入门门槛很低。对于绝大多数的数字产品设计,Sketch 都能替代 Adobe Photoshop,Illustrator 和 Fireworks。 Sketch的优势 1、提高非设计部分工作的效率。可快速输出1倍、2倍甚至自定义尺寸的切图,可智能标注任何元素。把一天需要做的任务,变成一分钟的事。甚至连设计师不得不经常按的Command+S都不需要按了,自动给你保存好。 2、帮助设计师聚焦他们真正关心的事情。UI设计师做设计稿的核心其实是:定义颜色、控件样式、页面结构、字体和图标样式等。每次的调整稿件,设计师最常经历的也是,把全局的颜色、字体、图标和控件再更新一次。 Sketch也是站在设计师的角度,把这些核心作为首要考虑的重点。比如全局控制的颜色库、标志库、字体样式等。只要你更新一个,全局运用到的便会同步更新。 还有一个很有意思的点是,Sketch一份文件其实更多是一个项目的概念,而非一份设计稿。打开一份Sketch文件,其实是一系列稿件的汇总。 这种使用软件的方式也会利于设计师转换思维。例如同时看到多画板,可以培养设计师的全局观,观察页面的统一性和跳转逻辑;全局控制字体、颜色和控件,可以培养设计师对拓展性和统一性的把控度。 3、不得不提的插件。Sketch开放了插件,让众多出色的插件也不停再完善Sketch。帮你批量命名图层、智能标注页面、智能填充头像和文字等,让Sketch越来越能满足不同人群的设计需求。2023-08-05 05:43:131
80%的人不知道的Sketch小技巧
绘制矢量图形时,你可以按住 shift 键再画之后的点,Sketch会自动帮你对齐到前一点的45度角方向,这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键,你便会得到两点间的锚点。 如果你按住 command 键,单击两点间的线条,Sketch则会帮你在线条的正中间添加锚点。 绘制 如果你想改变图形的起始点,你需要按住空格键,这样你将会修改起始点,而不是图形的大小 大小 我们有一个很特别的输入框,鼠标悬停上去时你会看见上下两个小剪头出现在文本区域右边,你可以单击他们来增减图形的大小。如果你按住 shift 则会以 10 为单位变化。如果你按住 option 键,则会以0.1 为单位变化。 一旦你开始直接编辑输入框,上下剪头就会消失,但这个功能依然可用,你可以用键盘上的上下方向键配合 shift 或 option 键来完成。 渐变 你可以按下1-9的数字键来在渐变线的 10%-90% 的位置添加新的节点,所以如果按下 5,就能将节点添加在正中间。 如果你想在两个节点的正中间添加,则按下 = 键即可。 还可以使用 tab 键快速的在不同节点中切换,用方向键(也可以同时按住 shift 键)移动节点。 背景模糊 背景模糊是在苹果发布 iOS 7之后添加的功能,需要确认有一个半透明的图层在表面应用了背景模糊,这样下层的内容才会出现模糊效果。 需要注意的是,模糊是一种非常消耗资源的渲染效果,图层越大,模糊就需要占用更多的内存空间和处理器能力。尽量少使用模糊,如果你一定要在背景模糊和普通模糊中选择,那么选择普通模糊吧。 分离路径 所有的复制图形都会被视为原图形的子路径,如果你想让他们成为完全独立的图层,你只需从菜单栏进入 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。 转曲 不要将很长一段文字都转化为矢量图形,这会大大减缓文件的运行速度。 将一小段文字转化为大量包含布尔运算的子路径是非常非常消耗系统内存的,如果你不得不转换一段文字,那么你可以先将一段文字尽可能分成多个短文本,然后再一个个的转化为矢量。 不过既然你现在可以直接在文本上运用渐变等效果,大多数时候你都不会需要将文本转化为轮廓。 路径文字 当你进入顶端的编辑菜单 > 文本路径 (Edit > Text on Path),Sketch会帮你把文本图层贴合的放在它下一层的矢量图形上面。值得注意的是,两者的顺序必须是矢量图形在文本图层的下面,才能得到这样的效果。 抗锯齿 顺利实现子像素抗锯齿效果,文本必需出现在一个不透明的(有色的)背景上,因为系统需要知道最终的颜色对比结果是什么样的。这一点与图层混合模式是相冲突的。要实现图层混合模式,Sketch 需要在一个透明背景上渲染所有的图层,这样这些图层才能像你所期望的那样混合在一起,最终结果再渲染回 Sketch 的白色画布上。 如果没有一个不透明背景我们就不能渲染抗锯齿的文字,但是有了不透明的背景我们又不能渲染图层的混合模式了。这就意味着,一旦你的画布中出现了一个有混合模式的图层,Sketch 就不得不运用透明背景的算法,而无法给文字实现子像素抗锯齿效果了。 色彩校正 如果你想微调一张现有图片的颜色,那可以使用检查器中的色彩校正面板来实现,在这,你可以改变图片的饱和度,亮度和对比色。 需要注意的是,这一个不破坏原图的操作,所以你稍后还可以再次更改这些参数。 九宫格 正常情况下,你缩放一个位图时,他们会对称的向各个方向变化。但有时这并不是你想要的,比如说你在做一个网页设计,你也许会想要一个 safari 里的白色背景,随着网页内容变多而变长。 我们特意增加了针对图片的九宫格缩放来解决这个问题。进入图层 > 转化为九宫格图片 (Layer > Convert to Nine-slice Image),你会发现图片被划分为了9个区域。你可以单击拖拽四个中心点的任一个来调整9个区域。 普通蒙板 Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版,那么这张图片就只会显示出圆形内部的内容。 所有的图形都可以变成蒙版,你只需要先选中图形,然后进入图层 > 使用图形蒙版(Layer > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。 限制蒙版 如果你不想接下来所有的图层都被蒙版剪切,那么你可以将蒙版和想要被剪切的图层单独编组,一次来限制蒙版的使用情景。一旦蒙版被编组,其他一切在组外的图层就都不会被蒙版剪切了。 在无法编组的情况下,你还可以通过以下方式限制蒙版: u30fb选中一个你想从剪切蒙版中释放出来的图层 u30fb进入图层 > 忽略底层蒙版 (Layer > Ignore Underlying Mask) 这一层图层和它以上的所有图层就都不会被蒙版剪切了。当你调整图层顺序的时候则需要格外注意,个别图层可能会意外的被蒙版剪切。 ALPHA 蒙版 默认情况下,一个蒙版会显示出所在区域的图片,隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域,来具体选择图片的各部分是否可见 使用这个方法你可以先选中蒙版,选择 图层 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。 复制 command + D,Sketch则会重复你刚才的操作,复制出一个一样的图层。 编组选择 想从深深的编组层级中直接选中某一具体图层,你可以按住 command 键,来直接选择埋在组里的图层,无需不停的双击以进入更深的层级,这将省去你不少的时间。同时按住 shift 键,则能选择多个图层。 叠加选择 右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表。 按住 option 键,Sketch 会选中第二层图层,而不是最上层的。如果某个区域有多个图层重叠,而你想选择第三层,那么还是需要用到上面说的右击鼠标的方法来选择了。 鼠标框选 如果你同时按住 option 键,则只会选中完全被包括在所画选取内的图层 改变大小 可以直接使用键盘调整图层大小。按住 command 键和方向键来操作。u2318→会将图层宽度增加 1px,u2318←则会将宽度减少 1px。同样的,u2318↓ 和 u2318↑则分别将长度增加和减少 1px。如果你同时按住 shift 键,每一次更改的数值将会变成 10 px。 改变一个图层的大小时,它的式样元素并不会随之变大变小:一个 10x10的图形上 1px的描边在这个图形被拉伸至 50x50的时候,将仍保持 1px的描边。想要更改图层大小的同时一起更改式样,那就使用编辑菜单当中的缩放工具吧。 图层扁平化 当你使用扁平化功能( Flattening),Sketch 会试着将一个图形里的多个子路径呈现为一个路径——也就是将层级结构变得更扁平。但是有些图形是无法扁平为一个路径的,比如说一个环状图形,将只能被呈现为两个路径:一个是外圈路径,一个是内圈路径 当 Sketch 不能完成扁平化的命令时,会出现一个小警告,如果你继续坚持,那有的子路径可能被替换,也许比之前少,也许和之前一样多。 也许在你之前使用的绘图应用中,你每次添加布尔运算后到要让图层扁平一次,但在 Sketch 当中大可不必这么做,你可以尽情添加无数曾布尔运算,而无需使用扁平命令。 你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子。值得注意的是,有些效果——比如模糊——会自动将画布的一部分以像素模式显示,因为模糊本身就是一个基于像素的效果。值得注意的是,当模糊半径被设置为0的时候,文本图层的内阴影才是最好看的。扩散并不适用于文本图层。 可以按住 command 键并滚动鼠标滚轮来放大查看。 还能用 Z 键来快速放大某一特定区域,单击画布任一点拖拽出矩形区域即可。 如果你在文件名中加入了一个斜杠 (一个"/"),那么Sketch就会自动新建一个文件夹,并把这个文件放入其中。举个例子,如果你将切片命名为 foo/bar.png ,那么Sketch会先帮你创建一个叫做 foo 的文件夹,然后在里面创建一个叫 bar.png 的图片。2023-08-05 05:43:331
sketch 使用教程
sketch 快捷键 插入: 新画板 A 切片 S 矩形 R 圆角矩形 U 圆形 O 直线 L 钢笔 V 铅笔 P 文字 T 文字: 粗体 Cmd + B 斜体 Cmd + I 下划线 Cmd + U 增大字体 Alt + Cmd (+) + 减小字体 Alt + Cmd (+) – 增加字符间隙 Alt + Control + L 减少字符间隙 Alt + Control + T 改变字体 Cmd + T 转换字体为路径 Shift + Cmd + O 左对齐 Cmd + Shift + { 中心对齐 Cmd + Shift + | 右对齐 Cmd + Shift + } 特殊文字 Control + Cmd + 空格 画布查看: 放大 Cmd (+) + 缩小 Cmd (+) - 1:1 尺寸 Cmd + 0 显示所有画板 Cmd + 1 放大所选对象 Cmd + 2 中心显示所选对象 Cmd + 3 临时放大到 1:1 尺寸 § (有些键盘上没有此键) 焦点移至首个输入框 Alt + Tab 标尺开关 Control + R 网格线开关 Control + G 栅格层开关 Control + L 像素模式开关 Control + P 显示/隐藏手柄 Control + H 像素网络 Control + X 窗口 Sketch 文档间切换 Cmd + ~ 显示/隐藏左边栏 Alt + Cmd + 1 显示/隐藏右边栏 Alt + Cmd + 2 显示/隐藏边栏 Alt + Cmd + 3 显示/隐藏工具条 Alt + Cmd + T 演示模式 Cmd + . 全屏 Control + Cmd + F 图形编辑 保持当前选择 Cmd + Alt 作为蒙版使用(针对图层和组有效) Control + Cmd + M 合并形状 Alt + Cmd + U 减去上层形状 Alt + Cmd + S 截取重叠区域 Alt + Cmd + I 合并及减去重叠区域 Alt + Cmd + X 改变对象尺寸 Cmd + 箭头 以10为单位改变对象尺寸 Shift + Cmd + 箭头 改变节点样式(节点编辑状态下) 1, 2, 3, 4 图层编辑 显示与其它图层距离 Alt 显示与组内其它图层的距离 Alt + Cmd 复制(与 u2318D 功能一样) Alt + 拖曳 复制样式 Alt + Cmd + C 粘贴样式 Alt + Cmd + V 取色 Control + C 变形 Cmd + Shift + T 旋转 Shift + Cmd + R 填充开关 F 描边开关 B 整理图层、群组和画板 向上一层 Alt + Cmd + ↑ 置于顶层 Control + Alt + Cmd + ↑ 向下一层 Alt + Cmd + ↓ 置于底层 Control + Alt + Cmd + ↓ 隐藏图层 Shift + Cmd + H 锁定图层 Shift + Cmd + L 重命名图层 Cmd + R 群组图层 Cmd + G 解组 Shift + Cmd + G 选择上一图层 Shift + Tab 选择下一图层 Tab 选择父级画板 Esc 搜索图层 Cmd + F 创建自定义快捷键 除此之外,你也可为 Sketch 创建自定义快捷键。 进入 Mac OSX 的 系统偏好设置 > 键盘 > 快捷键 设置窗口。在应用程序一栏中选择 Sketch.app 项,在菜单标题中输入需要的 Sketch 菜单命令单词,必须要与菜单中的文字一模一样,然后在键盘快捷键中定义想要的快捷键。2023-08-05 05:43:401
如何高效使用Sketch
如何高效使用Sketch自从知道xcode6支持使用矢量图后就开始用sketch,顺手记录下使用中的一些能够提高效率的方法Sketch适用范围sketch主要是做图标和界面的。如果是板绘或者处理照片还是用Photoshop之类的比较合适。和ps相比,sketch的优势是开启速度会快很多,是用来原生开发,支持退出后再开启保持退出状态等特点,这些都是ps所没有的。图层操作command+d复制图层,或者按住option键拖动按住shift键能够选择多个图层按住shift键能够能够严格按照垂直活水平移动按住shift键改变图层大小是按等比变化按command加上方向键会精确到像素的调整图层透明度可以使用快捷键进行调节,选中一个图层按1到9的数字快速将图层透明度从10%到90%,按0调成100%command+shift+l 锁定图层绘制图形可以在Insert > Shape里找到预设的一些图形,比如圆形,方形等基本图形。按o添加圆,r添加矩形,l添加直线,u添加圆角矩形,t添加文本按v可以自己绘制图形绘制时按住shift画Sketch会自动按45度对齐前一个点适合绘制直线善用布尔运算将简单的图形组合成复杂的图形,布尔运算有四种,合并形状(Union),减去顶层形状(Substract),与形状区域相交(Intersect),排除重叠形状(Difference)布尔运算后可以使用扁平化功能(Flattening),使用后会将其合并成一个图形复制旋转是个比较有意思的功能,能够很方便绘制出类似花瓣的效果,通过菜单进入 图层 > 路径 > 复制旋转 (Layer > Paths > Rotate Copies)即可。如果希望让复制的图形独立出来,可以分离路径通过菜单 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。画出粗细不均效果的线条效果可以使用描边宽度 通过菜单进入 图层 > 路径 > 描边宽度 (Layer > Paths > Stroke width),然后点击希望加宽的地方以添加锚点拖动使之变宽填充可以按从下到上的顺序叠加选中图层control+command+m创建蒙版control+c会出现放大镜,然后可以方便选择颜色替换当前选择对象的颜色画布的控制使用空格进行抓手移动画布按command加鼠标滚轮进行画布放大和缩小control+p能够切换到像素模式查看,相当于输出png后点开图片查看的效果。control+g开启关闭网格按住option键能够看到各个对象之间的距离command+1缩小至能看到所有对象,command+2放大到选中对象到屏幕适合的大小,command+0缩小至100%Symbol共享元素,一次编辑所有地方都能够生效。什么会影响Sketch的性能模糊阴影多页面文本转轮廓2023-08-05 05:43:471
sketch点击功能
步骤如下:1、在Sketch中,选中需要添加点击功能的图层。2、右侧的图层面板中点击Prototype选项卡,在Interactions部分点击+按钮。3、在弹出的编辑界面中,选择对应的交互类型。4、调整触发交互事件的参数。5、点击Done保存交互事件的设置即可。2023-08-05 05:43:541
在Sketch里怎么切图
sketch里面切图其实非常简单,我们常用的切图有两种,一种是单独对于某个图标,或者界面里的某些元素:另一种就是把效果图也就是每个界面单独切出来给开发们,方便他们看效果图用。但无论是哪种切图,都需要用到切片工具,快捷键s当你按s的时候,画布上的指标就变成类似切刀的形状,说明可以开始切图了,按住s,出现一个选框即你的切片范围,你可以单独在某一图标上切成你想要的大小,切片大小是可以更改的,第一张图是切片切出的范围区域,下面的图是显示切片的大小坐标和所切区域的预览效果。你还可以更改切片范围。切整个界面也是一样的,再就是切图的时候,其实也可以不用去刻意拉取你的切片范围,还有一种方式是你按住s切片工具的时候,当指标由箭头变成小刀的形状时,单击一下,会自动切你想切出的区域,尤其是切大片区域的时候,会更快捷一些,更好的提高工作效率。2023-08-05 05:44:031
mac电脑的sketch文件突然打不开了
这个问题我终于解决了,来发下帖子,希望能帮助到大家,有的原因是因为装了一个不兼容的插件造成的;首先,卸载了安装一个破解版的低版本,然后打开之后执行“plugins/插件“然后点击“manage plugins/管理插件‘进入后把插件删除,然后再从官网下载最新的安装程序就能打开了,希望能帮助到大家;2023-08-05 05:44:143
如何使用sketch绘制矢量路径
绘制一个合适大小的圆。绘制一个矩形,置于圆上。调整两者相对位置关系,直到适合绘制最终结果的程度。使用路径相减功能,利用矩形对圆进行切削。该功能在 菜单栏→ Edit → Combine → Substract 中。因为各个路径组合命令相当常用,建议添加 Combine 工具图标到工具栏中,或是记熟快捷键。使用剪刀功能(菜单栏→ Edit → Paths → Scissors),将弓形的弦切去。这是上述操作得到的结果。复制一份,垂直翻转,移动位置直到两者节点相接。然后连接路径(菜单栏→ Paths → Join,快捷键为 Command + J),得到如图结果。调整描边粗细至所需的值,并且将路径端点形式设置为圆弧。位置在界面右侧的参数调节区域中。最后,将描边矢量化为形状。命令的位置在 菜单栏→ Edit → Paths → Vectorize Stroke.过程如下图,可点进原图观看。在第八布可能需要进入路径编辑模式(双击形状,或者选中后使用工具栏中的 Edit 图标)来调整中间锚点的控制杆,以使曲线过渡更为自然。同时,我使用的是 Sketch 2,功能位置有可能与 Sketch 3 存在些微的差异,可使用 OS X 帮助菜单中的搜索框来查找。2023-08-05 05:44:411
Sketch怎么做标注?
不用做标注,上传到蓝湖就行了,蓝湖能自动生成标注切图2023-08-05 05:44:514
sketch可以在windows上用吗
不能哦,目前sketch只支持os系统如果是windows系统可以试试adobe出的XD哦不管是xd还是sketch对于设计师来说都是好用的而且蓝湖这两种软件都支持哦都有对应的插件2023-08-05 05:45:194
在sketch中如何阵列
选取物体后,按快捷键M(移动),再按ctrl,复制移动物体后,输入Nx,物体就等距重复复制了N次2023-08-05 05:45:294
Sketch 画原型比 Axure 好用吗?为什么
Sketch是一款轻量、易用的矢量设计工具,Axure RP是一款专业的快速原型设计工具。你问我Axure和Sketch两款软件哪个好用?我不可能直接回答你,关于软件对比好不好用。你不能一概而论,不管是从功能、使用感觉都应该做出分析。虽然说这两款软件都是对画原型的,而实际上你们团队都在使用Sketch这款软件,你肯定倾向于它,而如果我的团队都在用Axure,我肯定毫不迟疑的告诉你Axure好用。这个问题我没办法做出准确的回答,对于使用习惯,更多的还是看个人。当然,因为我一开始自学软件的时候就在用Axure,对于他的而功能、结构、目录都异常了解,你要是问我,我肯定要告诉你,啊,我在用Axure ,我觉得它很好用哎。是啊,你让我说出哪好用,我能说出一堆,其实Axure这款软件,大部分功能都比较简单,学起来也不怎么费力,对于我这个自学的人来说,也不会遇到太多阻碍。透露一点,我刚开始都不太了解,原型是什么?建模吗?哦,其实就是画图是吧,那我再本子上手绘应该也是可以的。但其实我错了,Axure能做出产品,我在Axure里面画原型的话,我可以直接拿给客户看,我可以导出不同的格式。那你们肯定要说Sketch也可以,是的,它当然可以。为了让我的问题更多说服力,我去下载了这个软件。真的是一款很高逼格的软件,对于做ui设计师产出是非常迅速的。在功能方面没办法做出对比,只能说各有千秋,所以,你看,我也说不出个所以然。我只能说,我在找目录方面,觉得Sketch不如Axure,Axure的目录结构更能让我接受一些吧。所以归根结底,我觉得这个问题其实没有意义的,都是工具而已。但如果你是个初学者,朝产品经理方向发展,你可以选择Axure,做原型的话可能用不到Sketch,就是没必要上升到这个高度吧,但如果你在做ui设计,你可以选择Sketch。但不管选择哪个,都希望你能用心学吧,就酱,最后一句心灵鸡汤,学海无涯苦作舟。参考自网页链接有兴趣可以看一下吧。2023-08-05 05:45:509
sketch是不是有个插件可以导出html的标注文件
sketch可以导出html的标注文件的,具体用法如下:1、Marketch的功能只有一项就是导出画板标注:可以导出Sketch中的画板为html文件,可在浏览器本地直接访问,可查看所有元素的样式信息,可以复制样式代码和文本,可以导出各种大小的切图文件等。Marketch导出标注的主界面2、选中图片的界面3、选中文本的界面4、导出界面也很简洁,将其导出后的文件解压,打开其中的index.html即可查看所有标注和切图。2023-08-05 05:46:171
如何用sketch设计图标
如何用sketch设计图标。产品设计中的图标设计技巧一些产品设计师会更加注重对自身需要的产品图标的形象化设计。产品设计图标是最具识别性的产品设计符号,它的主要功能之一就是传达信息,使用户与产品之间产生更好的互动,提升对于产品设计的亲切性,所以,在图标设计过程中要多注意。产品设计中的图标设计技巧二。图标设计中的图标设计技巧1. 线条的应用在图标设计中的应用线条的运用也是非常常用的一种方式。线条是极简化设计当中的重要元素,线条可以是直线、折线、斜线、矩形线条等。线条的种类最多,最有表现力,经常以曲线来。2. 空间层这里。是线性设计师设计出的一款空间层次感较好。2023-08-05 05:46:241
如何用sketch制作精致的APP原型
1. sketch自带模板Sketch做的非常人性化的一点,就是自带了很多模板,而且用来画交互完全够用,省去了从网上各种非正规渠道找资源的麻烦,如果你是sketch的老用户,而不知道自带模板功能的话,真的是要面壁思过了。其中,APP相关的模板有两个“iOS用户界面设计”和“Material Design”,顾名思义,分别用来设计ios界面和Android界面。以ios为例,模板中包含了常用的各种控件:状态栏、导航栏、弹窗、键盘等等,当我们需要的时候,直接拿过来用,不仅省事而且非常精致,并且如果我们多去研究并拆解一下官方的这些控件的制作过程,能给我们提供很多设计思路,比如如何用各种形状拼合成想要的图形,如何利用填充和阴影达到想要的视觉效果......这部分就不展开讲解了,留给你自己去发现。2. APP原型样式知道利用sketch自带的APP界面模板之后,我们首先讨论一下APP原型采用哪个样式比较合适。2.1 待选样式在Sketch中插入画板的时候,软件会提供一些常用设备的尺寸供用户选择,我们需要用到的是iPhone6(375×667px),为什么一定要采用iPhone6呢?非常重要的一点,是因为上边提到的sketch自带模板,iOS界面的所有控件大小全部是以iPhone6尺寸为基准的,拿过来可以直接使用。如果采用了plus或se的手机型号尺寸,控件大小和画板大小标准不一致,还得需要人为调整,异常的繁琐。当我们在同一个画布(或称为页面)下插入多个iPhone6画板时,sketch会自动排列所有的画板,间隔100px。然后经过一番设计,在各个画板上填充相关元素之后,大概就形成了这样一份交互稿,如下图:看上去,整齐划一、非常美观,所以这种样式比较适合从全局的角度来展示APP所有页面的交互样式,但并不适用于作为交付物,提供给开发和测试同学在实际工作中使用,主要的问题有以下两点:标注信息无法体现,标注信息包括了“页面之间的跳转关系”和“相关交互逻辑的说明性文案”。在sketch内,由于位于画板之外的元素无法显示并导出,如上,即以一个iPhone6页面为一个画板,造成画板之外的“箭头”或“文字”就无法派上用场;功能点结构化的展示比较欠缺,上面也提到了,这种形式比较适合进行全局展现,但在实际项目运作中,会拆分成多个相关的独立功能点,并且每个主要功能点,又要分为正常主干流程和多个异常分支流程,同时对于分支流程来说,不一定需要整个页面做信息呈现,很可能局部模块展示就足够了。针对第1个问题,其实也有专门用来做标注的sketch插件,比如Notebook,直接用插件做标注虽然方便,但是格式太受限,非常的不灵活,尤其是经常需要修改时候,所以在我试用了两次之后,最终还是放弃了。2.2 采用样式否定了上边提到的APP原型样式后,我们又该如何通过其它的样式来解决遇到的一些问题呢?在sketch中,是以画板或切片为单位进行导出的,所以我们可以根据需要,自由把握一个画板的大小,而不是局限于以一个iPhone6页面为一个画板。比如如果需要全局展示APP整体样式,则可以将所有APP页面放在一个画板中,如果只是讲解某个具体的功能点,则可以只将涉及到的APP页面放在一个画板中。那每个具体的APP页面该怎么体现呢,很简单,通过一个375×667px 的矩形框来表示一个常规的APP页,或许你已经注意到了,这个尺寸正好是sketch默认的iPhone6画板的大小,采用这个尺寸矩形的好处就是,所有自带的控件仍可以继续无缝的使用。这样做的另一个好处,APP页面之外可以体现更多的元素,比如表示跳转关系的“箭头”,比如解释性“文字”,比如表示分支流程的“局部模块”如图所以,其中有几点使用习惯可以参考一下:可以针对每个画板或者某个功能模块,宏观上用一句话概括一下功能点,从而帮助阅读者能快速的知道下面的交互针对哪个具体功能,如图中左上角的标题所示,说明这是与“增加在线客服”相关的需求;可以对每个具体的页面取一个小标题,从而帮助阅读者快速定位这是哪一个页面,如图中“1.1 个人中心”、“1.2 在线客服”两个页面标题,同时在需要引用其它相关页面的时候,也可以通过1.1、1.2的序号进行快速定位;对于每个页面的注释信息,可以采用一个固定的特殊颜色来进行区分,对于颜色选择恐惧症来说,直接从sketch全局颜色库中选择一个即可,另外注释部分放置的位置,可以在相关页面的右侧,也可以在下侧,具体怎么选择可以根据信息多少等实际情况来考虑;对画板中相关的元素根据相关性进行灵活的编组,比如可以将如图所示的1.1和1.2两个页面编成两个大组,同时对每个大组,再根据“页面”和“注释”两部分分别编组,当然层级可以继续下探,比如“注释”组中可以根据“文字”、“箭头”维度继续分组,具体维度的和粒度,可以根据个人习惯而定;3. 控件使用技巧讲完了原型样式,下面说一下控件的使用技巧,主要有组件和文本样式两部分3.1 组件上边提到过,sketch自带模板中包含了很多常用控件,我们可以直接在自带的模板基础上进行设计,也可以自己创建一个新文件作为模板,然后根据情况,将需要使用到的控件复制过来用。我个人倾向于后一种,因为很多时候不需要这么多,按需提取即可,另外除了直接采用自带控件,自己也可以创建,同时可以灵活的维护多套模板,使用在不同的项目中。无法采用哪种使用形式,控件的使用中都会涉及到了一个非常重要的sketch功能点,那就是“组件/Symbol”,sketch自带模板中的控件实际上就是组件的形式,它能够帮助我们方便的在多个页面和画板中重复运用某组内容,其实类似于Axure中的母版功能。比如APP端常用的cell控件,可以将常用的几种类型维护成组件,需要使用的时候,直接拖过来用,方便快捷。除了系统层面的“状态栏”、“导航栏”、“键盘”等组件,针对特定的项目,自己也可以将常用的某个模块创建为组件,比如电商项目中常用的商品模板,可以创建“商品/横排”“商品/竖排”两种形式的组件,从而可以不断的快速复用。并且有个命名的小技巧可以参考一下,通过符号“/ ”进行名称的层级划分,sketch会自动将“/”符号之前名称相同的组件归为一组,分门别类之后,我们在插入组件的时候就能快速定位,尤其是组件比较多的时候。在使用“组件”功能的时候,我们会经常遇到一种情况,视觉样式都是一样的,但是文案有不同,比如“按钮”控件,和上边提到的“cell”控件。sketch非常完美的解决了这个问题,当我们插入一个组件后,可以用特定的文字去覆盖原有组件的文字,甚至不透明度、混合形式、阴影都可以自定义。如下图所示,我从同一个组件插入了三个按钮,每个都可以配置不同的文案和不透明度。综上,我们可以直接复制sketch中自带的控件(以组件形式存在),也可以自己把常用的某些模块创建为组件,这些就组合成了针对某个项目的特定组件库,在画交互的时候直接可以复用,并且还支持文案、不透明度等自定义,效率和美观性都得到了保障。3.2 文本样式“组件”功能的核心使用场景就是某些元素经常需要复用在不同地方,字体和图层也如此。在一个项目的交互稿中,使用到的样式种类是有限的,如果对每个元素如果都单独维护,会比较繁琐,sketch中的“文本样式”和“图层样式”功能就完美解决了这个问题,针对文字和图形元素,在“检查器”中选择需要共享的样式,能够快速的将颜色、阴影、不透明度等样式配置套用过来,而不再需要做重复性的样式配置,非常的便捷。可以根据需要,整理一套自己常用的样式规范,比如”正文常规性文字”,统一采用“微软雅黑,色值#ffffff,字号18pt”的样式,在之前提到的“页面注释说明”,统一采用“微软雅黑,色值#5CD600,字号20pt”.......将规范维护成共享的样式文本,在需要的地方直接复用即可,不仅仅提高了效率,并且保证了交互稿统一美观性。熟练使用“组件”和“文本样式”,不仅仅是在创建的时候能提高效率,尤其是在涉及修改时,你会发现只要修改一处,全局同步调整完成,那种快速带来的痛快感更加明显。当然效率的提升是一方面,通过不断复用标准精致的控件,采用统一规范的文本样式,也保障了交互稿整体的美观性。4. 原型文件维护和导出原型设计的一些思路说的差不多了,那不同项目以及不同版本的原型该怎么维护比较合适,将原型同步给团队成员的方式有哪些呢?4.1 原型文件维护需要注意的一点是,上边提到的“组件”和“文本样式”,它们均保存在某一文件中,并不能在不同文件中共享,并且这两个东西是跟项目有比较大的相关性,所以我比较倾向于一个项目维护一个sketch文件,比如“某某应用APP端原型”文件。以一个页面(或称为画布)呈现一个版本的原型内容,然后在某个页面/版本内,以一个画板呈现一个功能点模块的原型内容。当然,主体思路是这样的,特殊情况也可以做灵活的调整,比如对应用的第一个版本来说,原型内容会非常多,也可以分成多个页面来呈现。这样做,不仅仅是“组件”和“文本样式”可以在一个项目内复用,其它相关的元素,比如某个页面,或者某个画板,都可以更加方便的复用。4.2 导出和共享然后简单说一下导出,对于交互稿来说,基本上以画板为单位进行导出就够了,至于是图片格式,还是PDF等其它格式,以团队内其他成员普遍接受的形式既可。当然也可以用插件,以HTML的格式进行导出,我常用的就是这一种,好处就是以网页形式打开,在左侧可以看到所有画板的列表,也就是某个版本内所有的功能点信息,相互切换也比较方便。最后推荐一个sketch插件,sketch-measure 下载地址: utom/sketch-measure 这块插件功能非常强大,导出只是其中一个(我就是用这块插件来导出html格式原型),更多功能可以自己去探索。2023-08-05 05:46:421
SKETCH是什么牌子?
美国的品牌SKETCH,大家熟称“S”鞋,鞋子logo是个SSKETCH是创建于美国加利福尼亚州。它的产品包括男鞋、女鞋、运动鞋及运动服装装备.截止至2017年该集团旗下已经在全球36个国家的各大城市的黄金商圈设立了450家门店.2023-08-05 05:47:051
如何高效使用Sketch
使用 Sketch 使用更高效的方法很多,举个例子,标注切图可以用蓝湖完成,一步到位。2023-08-05 05:47:152
sketch软件windows下怎么打开
不能哦,目前sketch只支持os系统如果是windows系统可以试试adobe出的XD哦不管是xd还是sketch对于设计师来说都是好用的而且蓝湖这两种软件都支持哦都有对应的插件2023-08-05 05:48:044
实用Sketch小技巧03——输入框的运算和圆角的设置
从今天开始,我将向大家介绍Sketch的一系列实用小技巧,这些小技巧能帮助大家更好的使用Sketch,提升工作效率。 这是该系列教程的第三篇——输入框的运算和圆角的设置。 本教程的第一篇:http://www.jianshu.com/p/109aac030ded 本教程的第二篇:http://www.jianshu.com/p/80b606f87f53 UI设计是一门很精细的学科,在进行设计师,往往需要我们精确到1像素。最好的精确是通过计算得出。在进行设计的时候,若每次口算计算量会很大并且很容易出错,而每次使用计算器又相对浪费时间。另外,除了加减乘除的计算,还可以输入一定格式的数值来让针对圆角矩形的每个圆角进行调整。在Sketch的检查器中,所有的数字输入框都可以直接输入数字,也可以在该输入框内做加减乘除的运算,如图所示。 在任意输入框内,我们可以输入一个算术式后,按下回车键,便可计算出结果。如上图中,要得出position处X轴的值24,我们可以输入“30-6”,然后按下回车,便可得出24。输入框中可以进行连续的运算,即当我们需要绘制一个距离左边距24像素,右边距24像素的按钮时,要计算该按钮的宽,可以用屏幕的宽-24-24,如屏幕宽为375像素时,可以直接输入375-24-24,如下图所示。在圆角半径处的输入框,我们除了可以做加减乘除的运算外,还可以输入“左上角/右上角/右下角/左下角”的格式,来对圆角矩形的每个圆角半径进行设置。如图下图所示,在圆角矩形处输入6/0/20/0,则可绘制出左上角圆角半径为6,右上角圆角半径为0,右下角圆角半径为20,左下角圆角半径为0的图形。以上是sketch中,检查器的输入框的一些小技巧,灵活运用该技巧可以在日常工作中节省大量的时间,提升效率,且能让界面设计更加精准。2023-08-05 05:48:191
Sketch和色彩使用
本文将介绍在 Sketch 中使用有用的“色彩理论”以及“工具和资源”进行工作。同时还将“专注于实际示例”,帮助你更加自信地进行设计创作,以及通过 Sketch 中的功能示例以帮助你更高效地进行设计。 颜色不仅能够使UI更具吸引力,还能为用户和企业带来诸多好处。 让我们在学习更多实用技巧之前先了解一些色彩理论。 这些是用于数位设计的最受欢迎的颜色模型: RGB: (红色,绿色,蓝色)是加色模型。这意味着将红色、绿色和蓝光以各种方式相加,以产生多种多样的颜色。 HSL: (色相,饱和度,亮度)RGB模型的替代表示。在HSL中,每种色调的颜色围绕中性色的中心轴以放射状切片放置,中性色的范围从底部的黑色到顶部的白色。 HSV/HSB: (色相,饱和度,值或亮度)这种颜色方案经常被误认为HSL,但这是RGB模型的另一种替代表示形式。和HSL一样,每个色调的 HSV 颜色都放置在径向切片中,围绕中性颜色的中轴,从底部的0%到顶部的100%不等。 Sketch支持上述所有模型,因此你能在工作中使用到它们。接下来,你将发现一些有用的提示,了解如何使用 HSB 模型来创建更好的色调。 正确使用调色板对于使应用程序更具吸引力至关重要。 有些颜色与另一种颜色搭配使用会看起来更好。这就是创建配色方案的原因。它们帮助设计师为其余色调找到合适的搭配。以下是几种配色方案: 下面将介绍最流行的4种配色方案。 单色 Monochromatic: 根据同一色调中的不同色调(tone),明色调(tint)和阴影(shade)创建的配色方案。如果要在应用程序中使用它们,请当心UI可能看起来不太有趣。 近似色 Analogous: 彼此相邻的3种颜色创建相似的配色方案。它很容易创建,并且比单色方案更具吸引力。 互补(对比) Complementary: 当你从色轮的相反两侧组合2种颜色时,该方案将被创建出来。它们可能还包括这些颜色的色调和阴影。 三等分 Triadic: 由3种色调组成的配色方案,这些色调在色轮周围均匀分布。这种配色方案很难获取到好的方案,但是它们可以使设计更具吸引力。 有一些Sketch工具和插件可帮助你快速创建自己的调色板。 60-30-10规则是室内设计行业中众所周知的永恒装饰原则。它非常简单和有效。该规则用于在配色方案中找到合适的平衡。 60% + 30% + 10%是所用颜色之间的比例: 尽管该原理已在室内设计领域产生,但你也可以成功地将其应用于数字化设计中。将应用程序或页面视为内容的空间,并应用规则以使设计更加平衡。 虽然灰色是不明显的颜色,但在用户眼中会获胜。如果你像我一样,你会在很多地方寻求灵感。看看建筑,当今我们使用很多灰色调,但是它非常适合现代建筑。我还注意到,越来越多的汽车是灰色的,但它们看起来非常吸引人。 这些中性色调如何为物体增添更多生命?这个秘密很微妙,但非常重要...... 当你考虑在应用中使用灰色时,纯灰色可能不会那么吸引人。为了使你的UI看起来更好, 尝试为中性色调添加一些色相和饱和度 。这样会使用户感觉到中性色调更自然。 使用非100%的灰色对于我们的眼睛至关重要。它使一切看起来更加自然。甚至苹果公司也开始使用“Truetone”,因此iPhone,iPad和MacBook的显示屏会根据照明温度进行调整,以感觉更自然。 尽管你必须记住以自己正确的方式设置中性色调,但是你也可以使用简单的插件 Convert to Grayscale 使你的画板呈灰色(纯灰色色调)。 在本节中,将向你展示如何使UI的色调变得更加生动和吸引人。 首先,让我们了解如何构建不同的颜色变体。 如果观察现实世界中的颜色如何相互作用,你会发现阴影和色调不仅仅是亮度的变化, 许多阴影还具有比主色更多的饱和色调。另一方面,启蒙区域更亮但饱和度更低。如果你想让你的设计感觉更自然,你也应该遵循这个发现。 通过这种简单的操作,你的颜色变体在调色板中看起来会很好。 记住那些以不同于我们大多数人的方式感知色彩的人非常重要。颜色在我们的感知中起着重要作用。 为了使你的 Web 或移动解决方案完全可访问,你应使用 WCAG 2.0准则 来确认你的解决方案是否符合标准。 如果你为特定平台(例如iOS或Android)设计UI,则应遵循其有关视觉设计可访问性的准则: 为确保所有颜色均符合Web辅助功能指南,我建议使用 Stark plugin 。它允许你检查对比度和模拟色盲。 颜色对我们如何感知解决方案产生了巨大影响。正确的语调在每种文化中都有其意义。他们也与我们的情绪有关。 以下是基本颜色及其与情感和含义的关系: 颜色的含义可能会因你所居住的文化环境而异。如果你想研究差异,请随时 阅读这篇文章 。 在针对特定市场进行设计时,必须了解其含义。这将帮助你的UI获得更多更多的意义并避免错误。 获取常用颜色: 要检查Sketch中常用的颜色,请单击“颜色选取器”标签右侧的图标。它显示了文档中最常用的颜色列表。 查找和替换颜色: 当你必须快速切换文档中的调色板时,在Sketch中可以做到这一点。要更改颜色,请从菜单中选择“编辑 > 查找(Edit > Find)并替换颜色(Replace Color)”(也可以按Option+Command+F键)。 还有一些其他选项允许你配置颜色修改是否还会影响具有不同不透明度的颜色。 这些工具可以帮助你为UI设计构建正确的调色板: 要构建良好的UI调色板,找到灵感很重要。以下这些站点将为你提供几乎所有调色板的帮助: 颜色在我们的设计中起着重要作用。 大多数时候,我们会直观地使用它们。但是,更加有意识的方法会得到更好的结果,并且会让用户会感受到与众不同。 (编译完)2023-08-05 05:48:261
界面设计常用软件有没有sketch
那肯定是有啊!Sketch 有很多优点也有缺点,下面会说优点:快,用 Sketch 好像没有冷启动时间一样,这也就是为什么 AI 和 PS 需要启动画面OSX 支持好,原生全屏,原生的版本控制,支持 Retina功能集足够,支持贝塞尔曲线,支持布尔运算,支持文字转曲,支持图层样式功能亮点原生支持 @2x 图片导出保存切片时,可以选择导出的图层。像素对齐不限制画布大小缺点:快捷键覆盖少像素图像编辑功能弱只支持SVG导入文字编辑弱生成文件支持率低(哪个设计师会把原文件给别人)总而言之,Sketch的优缺点明显,在现在的扁平化年代Sketch刚刚好希望可以帮助到你,希望采纳谢谢~~~~~2023-08-05 05:48:431
iOS开发中,Sketch是什么?
sketch是简单理解就是设计师做界面设计的软件设计师通过sketch做好图之后上传到蓝湖蓝湖帮忙自动标注和切图,还有样式代码。开发直接拖去用就行。很省事。2023-08-05 05:49:085
sketch怎么直接点选锁定图层
锁层快:shift+command(花键)+L隐藏层:shift+command+H2023-08-05 05:49:405
在Sketch里怎么切图
sketch里切图需要用到坐标轴,如果不熟悉的话可以考虑用蓝湖,蓝湖可以实现一键切图和标注元素信息,这样元素图片的长宽高都能一目了然,并且轻松就切好了,不需要在sketch里找点画辅助线之类的操作,省时高效~2023-08-05 05:50:414
在Sketch里怎么切图
sketch里面切图其实非常简单,我们常用的切图有两种,一种是单独对于某个图标,或者界面里的某些元素:另一种就是把效果图也就是每个界面单独切出来给开发们,方便他们看效果图用。但无论是哪种切图,都需要用到切片工具,快捷键s当你按s的时候,画布上的指标就变成类似切刀的形状,说明可以开始切图了,按住s,出现一个选框即你的切片范围,你可以单独在某一图标上切成你想要的大小,切片大小是可以更改的,第一张图是切片切出的范围区域,下面的图是显示切片的大小坐标和所切区域的预览效果。你还可以更改切片范围。切整个界面也是一样的,再就是切图的时候,其实也可以不用去刻意拉取你的切片范围,还有一种方式是你按住s切片工具的时候,当指标由箭头变成小刀的形状时,单击一下,会自动切你想切出的区域,尤其是切大片区域的时候,会更快捷一些,更好的提高工作效率。2023-08-05 05:50:491
如何使用sketch绘制矢量路径
如何使用sketch绘制矢量路径简书:http://www.jianshu.com/p/114b0433a51c2023-08-05 05:50:572
如何在手机中看sketch一张效果图
你可以将设计图上传到蓝湖,在蓝湖的手机 APP 上查看设计图的效果2023-08-05 05:51:073
sketch怎么直接点选锁定图层
1、首先打开sketch应用程序,选择打开需要编辑的文件,进入到首页中。2、然后在编辑首页中,点击选中需要锁定的图层。3、然后按下“command+shift+L”组合键,就可以锁定图层了。4、然后想要解锁已经被锁定的图层,就点击后面的小锁头就可以了。2023-08-05 05:51:461
sketch怎么标注?
在sketch里做完设计后,可以用墨刀给sketch设计稿做自动来标注,分享链接给开发哥哥,他们就可以查看标注了~ 操作办法:下载“墨刀sketch插件”并安装,在sketch里选择页面导出到墨刀项目里,点击“自分享”获取分享链接,发给开发,他们就能在“标注”处查看标注了。 墨刀官网sketch标注分享图:2023-08-05 05:51:531
sketch怎么切图?
1、实现选中想要的Group切图保留透明部分。 2、点击:+加号。 3、点击:刀的图标 。 4、勾选 Export Group Contents Only 的操作。5、实现的切来图效果如下。 6、实现Export如图。2023-08-05 05:52:001
sketch 文件格式怎么打开
sketch是在mac下的绘图工具,需要在mac下,通过官方的软件打开如果通过windows系统的电脑是打不开的如果你需要查看里面的文件,需要找相关朋友转成PNG或者PDF格式后,就可以在windows下查看了。2023-08-05 05:52:102
Sketch常用的6大快捷键
1.吸取颜色,ctrl+c2.复制粘贴样式,Alt+command+c3.图层移动,Alt+commad+方向键4.全屏显示,Commang+“.”5.显示标尺,ctrl+R 6.显示网格,ctrl+G 7.command+鼠标左键,选中之后,即可显示操作手柄2023-08-05 05:52:241
sketch图标导入ai
直接复制和粘贴就可以。1、直接在Sketch中选中图标,Command+C复制。2、在Ai的画板上Command+V粘贴就可以。3、Sketch中导出SVG格式,用Ai打开就可以。单个导出或者一起导出都可以。2023-08-05 05:52:311
如何使用sketch绘制矢量路径
绘制一个合适大小的圆。绘制一个矩形,置于圆上。调整两者相对位置关系,直到适合绘制最终结果的程度。使用路径相减功能,利用矩形对圆进行切削。该功能在 菜单栏→ Edit → Combine → Substract 中。因为各个路径组合命令相当常用,建议添加 Combine 工具图标到工具栏中,或是记熟快捷键。使用剪刀功能(菜单栏→ Edit → Paths → Scissors),将弓形的弦切去。这是上述操作得到的结果。复制一份,垂直翻转,移动位置直到两者节点相接。然后连接路径(菜单栏→ Paths → Join,快捷键为 Command + J),得到如图结果。调整描边粗细至所需的值,并且将路径端点形式设置为圆弧。位置在界面右侧的参数调节区域中。最后,将描边矢量化为形状。命令的位置在 菜单栏→ Edit → Paths → Vectorize Stroke.过程如下图,可点进原图观看。在第八布可能需要进入路径编辑模式(双击形状,或者选中后使用工具栏中的 Edit 图标)来调整中间锚点的控制杆,以使曲线过渡更为自然。同时,我使用的是 Sketch 2,功能位置有可能与 Sketch 3 存在些微的差异,可使用 OS X 帮助菜单中的搜索框来查找。2023-08-05 05:52:391
sketch里怎么用一个图形将另一个图形切开
sketch里面切图其实非常简单,我们常用的切图有两种,一种是单独对于某个图标,或者界面里的某些元素:另一种就是把效果图也就是每个界面单独切出来给开发们,方便他们看效果图用。但无论是哪种切图,都需要用到切片工具,快捷键s,当你按s的时候,画布上的指标就变成类似切刀的形状,说明可以开始切图了,按住s,出现一个选框即你的切片范围,你可以单独在某一图标上切成你想要的大小,切片大小是可以更改的,第一张图是切片切出的范围区域,下面的图是显示切片的大小坐标和所切区域的预览效果。你还可以更改切片范围。切整个界面也是一样的,再就是切图的时候,其实也可以不用去刻意拉取你的切片范围,还有一种方式是你按住s切片工具的时候,当指标由箭头变成小刀的形状时,单击一下,会自动切你想切出的区域,尤其是切大片区域的时候,会更快捷一些,更好的提高工作效率。2023-08-05 05:52:461
用Sketch如何做切图?
建议你安装一个蓝湖的Sketch插件,可以一键切图,很方便2023-08-05 05:52:569
sketch会不会出windows版本
不知道未来会不会,反正现在没有。如果你在寻找类似的工具,或许 XD 可以一试,同样适合用于 UI 设计,且都能用蓝湖标注切图,整体是不错的。2023-08-05 05:54:494
如何将sketch 生成页面 切图
用标注插件Marketch输出html就可以了下载插件管理工具搜索Marketch 插件管理工具下载地址: http://www.sketchcn.com/sketch-plugins.html2023-08-05 05:55:101
sketch是Adobe旗下的吗?
不是,sketch 好像是 Google 的2023-08-05 05:55:312
Sketch怎么样?使用Sketch进行UI设计好不好?
我之前一直使用PS进行设计,我觉得PS是个多面手全功能的一个软件。但是对于UI,其实使用Sketch更好!相信大家听到这里都会疑惑:Sketch怎么做UI?对于大家的疑惑,接下来小编就以“Sketch怎么样?使用Sketch进行UI设计好不好?”来为大家详细解答~:一个年轻人都爱的自学设计平台。软件入门、设计教学、软件下载,尽在~1、创建一个画布它自带苹果,安卓,网页,纸张和其他大小的画布,它是一个矢量软件,你只需要创建两倍的大小。2、插件目前,最常用的是阿里的Dapollo,哦,我的天~,一旦你使用它,你就知道什么是效率之王。你还需要担心规格吗?它是最好的教学工具。蓝湖插件,素描测量,和更多。因为使用的时间不长,有插件要用,继续探索3、组件将导航栏作为页面上的一个组件引用,该组件上的文本可以被修改。当一个组件被修改时,对它的所有引用都会被自动修改,而不是逐个修改。作为一个组件,你只需要修改组件,所有的列表都会被修改,组件的文本可以随意修改。组件可以嵌套组件,在页面中引用,可以替换,可以实现一个组件,一切都做完了,还有修改,只需要修改组件,大大提高了效率。这是我完成的一个APP组件库,修改后不怕~~~4、辅助线功能选择一个元素并按住ALT键来查看它与周围元素的距离。拖动一个元素也会显示类似元素的对齐线。简化对齐。5、切图选择要被切割的元素并设置其切割倍数(不规则图形,为了防止其虚拟边缘和正面对齐问题,在其底部创建一个不透明度为1的白色矩形作为其区域)。你可以选择IOS和Android,它会自动显示其常用倍数,删除不必要的倍数也可以。类似地,设置需要切割的元素。现在使用了SketchMeasure插件。选择“插件”—“SketchMeasure”—“Exportspecification”,设置参数,即可生成HTML规范,方便前端切割图,包括设置的切割图元素。最后,对裁剪后的图像进行压缩,完成了项目的UI部分。6、交互效应它与principle完美连接,一键导入SKETCH源文件,使想要移动的元素移动,文件夹名后添加*,不想移动的元素移动,导入principle为位图。Principle是由一位前苹果设计师开发的,它使UI的实现变得简单和快速。也推荐你使用,很多神工上的动态效果都是用它来做的,它比AE更简单直接,做一些常见的UI动态效果就完全足够了。总而言之,使用Sketch来进行UI设计制作还是相当的不错的!Sketch在制作交互动效,更好的表达你的设计理念。所以你还没有使用过Sketch进行UI设计的话,可以去尝试一下~2023-08-05 05:55:391
在sketch中怎么将一排字变成拱形或弯曲效果
具体步骤如下:需要准备的材料分别是:电脑、sketch1、首先打开sketch,点击钢笔图标,在页面中画出一条曲线。2、然后点击文字工具按钮,在曲线上输入想要的文字。3、然后选中文字和曲线,点击选择type中的type on path。4、然后就完成了。2023-08-05 05:55:561
Sketch可以在Mac上用吗?
Sketch只能在Mac上使用,类似设计软件在市面上早已成千上万令人眼花缭乱、应接不暇。比较好用易上手的设计协作工具可以尝试Pixso协同设计,你可以简单理解它为网页端的Sketch,不需要下载软件,用户打开网页就可以随时开始设计工作,也被人们称为中国版的Figma。可以访问 pixso.cn 看看Pixso相对于Sketch的横向测评。Pixso比较吸引人的是多人实时协同设计,设计师除了可以和团队同时在一个画布上进行协同设计,也少不了在工作过程中和产品经理或者研发人员频繁沟通,通过Pixso,可以做到用链接分享可编辑或者可查阅的文档,极大的方便设计师交付的能力,自动切图,获取代码也非常容易。对于原型设计,Pixso可以做到高保真交付,也可以从头搭建设计规范,利用原子化设计理念构建企业的设计元素,做到设计稿在某一个基础元素变化后,自动更新设计稿的效果。这类工具还有一个好处就是云存储,很方便设计素材和资源的管理,配合社区化,可以充分利用别人的设计经验或者积累自己的设计库。这些还不够?Pixso是一款免费在线工具,可以访问 pixso.cn 在线使用Pixso协同设计。2023-08-05 05:56:511