1、文字变形方法
新建文字图层,然后使用工具:文字轮廓化,
然后用到变换工具,就可以进行斜切,斜体放大缩小了。
2、预览模式
新建相应的画板大小,比如我的手机是iPhone8的,所以我新建一个画板,选择它,用手机版的sketch mirror和电脑版连接,就可以进行预览。
这里要注意了,我发现,如果你做的尺寸是1倍图的iPhonex, 你肯定会说新建一个画板,选择375812的——也就是截图中的iphone11pro,但是这样的话,手机版mirror会自动展示高度全屏,所以宽度就不是自适应的。像这样:
所以如果是x的尺寸,我选择的方法是:选用8的画板,但是增高对应的刘海和底部高度。这样就可以宽度正常查看了。
3、切片和导出方式
sketch工具有一个特别方便的小技巧:
选中某个图层,直接拖动到桌面就可以生成png,你还可以直接拖动整个组或者整个画板。
切片功能:
选择某个内容,按S(切片)快捷键拉动,出现下方切片图层,输入命名,这就是这个切片内容的名称。
常用的是这两个,第二个,仅导出组内元素,这是用在你的按钮有背景的情况,我不用隐藏所有背景图层,直接导出组内元素就可。
第一个,修剪透明像素,可以把多余的都修剪掉,好处是,你建立切片的时候就没有太大的限制。
4、常用快捷键
command+1 选中的某个画板1:1比例 居中显示;
command+2 选中的某个画板 填满屏幕居中显示;在“草图”中的任意位置按“⌘”+“,”或选择“草图>首选项”以打开“首选项”窗口。
里面有八个标签:
不管系统的版本是多少, 外观 都为您提供了一个light或dark的sketch用户界面选项。
画布为您提供了明/暗两种画布的选项, 而不管您的外观设置如何。
默认情况下,“自动保存”处于启用状态,并在工作时自动保存文档。对于本地文档,这包括使用macOS版本功能访问以前的保存。
隐私允许您选择共享完全匿名的诊断和使用数据,这些数据不能用于识别您的身份。
颜色配置文件为sketch提供了不同的颜色配置文件选项,可用于渲染文档。
“缩放”应用一个转换,以帮助您在缩放到文档的特定部分时看到所处的位置。
放大所选内容将在放大时聚焦于当前所选内容,而不是缩放到画布的中心。
缩放到上一个画布位置在放大之前缩小到画布上的位置,而不是从中心缩小。
使用“微移”可以通过使用箭头键微移layer来设置移动layer的距离,以及按住shift键时该距离的变化方式。
颜色允许您自定义任何辅助线的外观,以及任何原型的显示颜色。
(像素拟合/契合像素)会将图层四舍五入到最接近的整个像素,并确保在绘制、移动或调整其大小时它们不会位于小数像素上。
新编组 使您可以在创建的任何新组中选择图层,而无需按住或先打开组。
位图导入为您提供了缩小图像以适应艺术板内部大小的选项,或者让它们以全尺寸溢出。
矢量导入尝试解释导入的PDF和EPS文件中的路径数据并使其可编辑,而不是将它们作为平面图像导入。
导出画板使您可以选择在将画板导出为PDF时如何对其进行排列(左到右/右到左)。
编辑形状允许您在编辑打开的路径时,通过单击第一个或最后一个端点来选择是否关闭路径。
偏移复制的图层将使任何复制的图层与原始图层偏移10px/或者选择重命名副本。
“拼合位图”允许您选择在使用“层>拼合选中图像”命令时希望拼合位图图像的 分辨率 为多少。
通过切换插件的复选框,在不卸载插件的情况下快速禁用插件。
右键单机插件将显示禁用、卸载或在Finder中显示该插件的选项。
获取插件将带您到sketchcom上的插件目录。
使用复选框切换素材源的可见性,这在需要 管理大量素材 时非常方便。
右键单击某个素材将显示选项,以便在查找程序中显示该素材、将其全部删除或显示任何已连接的素材插件(对于内置素材插件不可用)。
添加素材允许您通过标准的macOS打开对话框从计算机上的任何位置添加素材。也可以将素材直接拖动到“首选项”窗口中。
可以查看前面的其他教程,第7讲,数据。
若要添加新库,请在“首选项”选项卡中选择“添加库…”,然后选择sketch Library文档。
团队库、远程库和本地库将显示在单独的部分中。
使用复选框在草图中切换库的可见性,这在需要管理大量库时非常方便。
右键单击列表中的库将显示选项,以便在查找器中显示、打开它、在sketch cloud中查看它或将其全部删除。
添加库允许您通过标准的macOS打开对话框从计算机上的任何位置添加库。
注意:删除任何sketch文档正在使用的库将取消该文档中任何控件的链接,这是破坏性的,你不能撤消这个过程。
如果在库首选项中看到有关缺少库的警告,则表示Sketch找不到该库。
如果知道仍有本地文档,请单击库,或单击列表底部选中库的图标,选择“定位…”,然后再次选择库。
如果你希望为你的库创建一个自定义的图标预览,那么你可以在你的文档中的任何位置创建一个1比1的画板,给她一个名字,“Library Preview”。
在“导出预设”首选项选项卡中,您将找到所有预设的列表,这些预设可用于将图层、切片或画板导出:
单选按钮设置默认预设值。
“添加”按钮将新预设添加到列表中。
“删除”按钮将删除您选择的任何预设。
“名称”字段用于命名预设集。
预设名称的工作方式与在检视器的“生成可导出”面板中找到的名称相同。
在这个tab下,你可以登陆或者登出你的账户,或者开始使用sketch cloud进行协作。在Sketch中选中一个图层,然后在检查器就会看到Resizing选项,左边是位置选项,可以理解为能钉在上、下、左、右4个方位的钉子;右边是大小选项,可以固定宽度或高度。
我们来看一个位置选项设置的具体例子:原图是一个矩形和头像的编组,然后分别设置左、左上、垂直居中、垂直居左、四周固定和无设置,当把原图200220等比例放大到260286时,他们的变化如下图所示。从中,我们可以看出,某个方位的位置固定后,头像和边框的距离会相应地保持不变,见绿色距离标记。
我们再来看看大小选项的具体例子:分别设置固定宽度、固定高度和固定宽高,依旧是把原图200220等比例放大到260286时,他们的变化如下图所示。从中,我们可以看出,头像设置宽/高固定后,宽高不会变化,见橙色大小标记。
2Resizing的实际应用
了解完Resizing的设置之后,我们来看看在实战中的应用。在实际工作当中,网页适配十分常见,我们只要利用好Resizing,就可以很方便地向上下游快速直观地展示设计适配方案。这里以App Store的Today推荐详情页“哈士奇”应用,在不同尺寸中iPhone SE、iPhone 8、iPhone X中的适配表现为例,具体说明Resizing的实际解决方案。首先我们来看看效果图:
接下来,我们可以分析一下页面元素的变化情况:背景图像大小有缩放;右上角关闭按钮大小不变,位置固定在右上方;APP图标大小不变,位置固定在左下方;APP名称和简介位置固定在左下方;“获取”按钮大小不变,位置固定在右下方
如果把这些元素转换为Resizing设置选项,则得到如下图所示的指示图:
把所有元素细心设置完成之后,我们就会发现,即使任意变化到iPad mini的大小,也能稳稳地完成适配展示,注意,如果是以画板作为编组的缩放,则需要在画板的设置选项中选中“Adjust content on resign”。
3Resizing的其他妙用
值得注意的是,Resizing的设置不是针对整个画板或者整个页面的,而是针对成组的元素,所以,合理利用这个规则,就可以在其他组件中应用中达到意向不到的效果,例如柱形图组件,可以设置柱形固定宽度和贴底,这样在放大缩小柱形时,也能保证柱子宽度不变,且贴住X轴。
延伸阅读:
Sketch50正式版更新解读,以增强功能和bug修复为主
Sketch49正式版发布,这次它说要成为可交互的原型设计工具(附教程)
Sketch文字工具描边、文本路径、转换为形状等使用介绍
Sketch制作简单剪影效果1选中需要缩放的组件。
2激活缩放工具,出现控制点。
3将鼠标移动到其中一个控制点上,该点颜色会由绿色变为红色,同时与之对应的控制点也会变为红色。(每两个控制点为一对)
4单击这个控制点,就是等比例缩放状态;按住CTRL键进行比例缩放,则是以物体中心为缩放中心。
5拉动鼠标或是直接输入缩放比例。
注意:对组件的缩放 *** 作只对当前的组件单体起作用,其他组件依然维持自己的比例。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)