Sketch进阶教程-快速复制、测距以及边界
发布时间：2022-04-29 16:44:57
Sketch Mac是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。能够满足网页、用户界面、图标等的设计需求。 Sketch是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。制作出漂亮的图形是一件很有挑战性的事情，你所需要的是一款精心设计的应用 程序。此次小编带大家了解Sketch快速复制、测距以及边界。
1、夜视项目的框架设计
经过初步整理之后，我们得到夜视项目的框架，方便我们利用Sketch进行具体界面设计，框架如下：
另外，因为虚拟项目的变更，所以在《夜雨原创玩转Sketch第五期：原型设计入门》的基础上，对首页进行了重新设计，设计后的界面如下：
2、图像变色处理
细心的同学可能发现了，界面的图像进行了黑白处理，这是在《夜雨原创玩转Sketch第六期：最全图像处理方案》中没有提及的，所以这里补充一下Sketch图像变色的处理教程。变色的处理比较简单，选中图像后，在检查器处找到“Color Adjust”选项即可，“Color Adjust”对应的4个子选项功能分别为“Hue（色相）”、“Saturation（饱和度）”、“Brightness（亮度）”、“Contrast（对比度）”，可以拖动滚动条对图像进行调整。
以首页的banner配图黑白处理为例，只需要将“Saturation（饱和度）”选项数值设置为0即可得到黑白的图片。
3、快速复制
我们在画原型时，往往会遇到重复的元素需要不断复制的情况，除了通过复制、粘贴之外，利用Sketch的快捷键可以事半功倍。以首页的banner定位小圆点为例，我们需要复制数个重复样式的小圆点，则可以使用到这个小技巧，具体操作步骤如下：
1）首先需要画出一个小圆点，选中小圆点后，按住键盘的“option（alt）”键，鼠标往右拖动复制一个小圆点
2）然后，按下“command（⌘ ）”+“D”组合键，即可复制一个相同的圆点，并且可以新复制的小圆点水平位置和前面的小圆点保持一致，且间距都设置好了。
如果在第1）步中拖歪了，会导致重复复制的元素出现偏移，那也不要紧，利用Sketch的对齐和分布工具即可，在工具栏处即可看到。
4、测距
在Sketch中进行设计，对尺寸、间距的把控必不可少。Sketch中提供比较方便的测距方式，在拖动图层的时候，就可以看到相邻图层间距的展示；也可以通过选中图层，按住“option（alt）”键，然后鼠标移动到其他图层，查看两者的间距。
5、边界
这里说的边界，是指页面的边界，以首页为例，首页底部还有什么内容？底部最多展示多少内容？是否有边界还是一直无限刷新？这些都是我们在进行原型设计时，需要考虑的问题。
考虑清楚之后，我们可以在原型设计时，把首页底部需要呈现的内容全部画出来，也可以用文字注明边界的设置。
在实际演示时，我们往往会默认展示一屏的内容，这个时候，我们可以用隐藏图层的方式，把下方的边界内容隐藏起来，在需要的时候再进行展示。隐藏的方法也比较简单，找到边界的图层，点击眼睛符号即可在展示和隐藏之间进行切换。
0
投稿猜你喜欢
若论互联网的“创世纪”从何时开始，恐怕还得追溯到1991年。因为在这一年的8月23日，欧洲核子研究中心（CERN）向公众开放了WWW的访问权- 企业公司有员工辞职或者因事辞职，次月我们需要统计该人员的考勤方便计算工资。很多企业都是用钉钉去记录考勤，那么我们怎么使用钉钉导出离职员工的考
- 笔记本插入U盘后没反应怎么办？笔记本电脑不识别U盘该如何解决？下面就给大家介绍笔记本电脑无法识别U盘的解决方法。解决方法：1、打开注册表文件
- ATAN 函数返回数字的反正切值。适用版本Excel 2003+说明ASIN 函数返回数字的反正切值。返回的角度以弧度表示，其值在-pi/2
- 微软不久前把“Win10预览体验计划”的“快速预览通道（Fast Ring）”更名为 Dev Channel（开发频道），那么随后推送的Wi
- 许多用户在使用电脑的时候，都会为自己的电脑磁盘进行合理的分区，但是有些小伙伴在装系统的时候没有分区，想要进入系统后再进行分区，下面小编就带着
- COVARIANCE.S 函数返回样本协方差。适用版本Excel 2010+说明COVARIANCE.S 函数返回样本协方差，即两组数据中每
- 咱们在 操纵WPS文档与Word文档 停止 一样平常办公时， 常常 需求在文档 傍边 输出 林林总总的 标记， 好比 各类 特别 标记 大概
- win10正式版在今年夏季会发布，而win10预览版已经可以下载使用了，那么win7、win8系统要怎么升级到win10，升级方法又是什么呢
- 办公中经常会用到excel中的换行功能，设置换行功能可以让数据变得更加有条理更加清晰，如果不懂得如何使用的朋友不妨一起来探究学习一番吧，下面
- win10任务视图记录可看到用户使用的活动历时记录，可更快的帮助用户办公或者游戏，轻松的切换找到之前进行的步骤，win10如何关闭任务视图记
- 网易云阅读是一款拥有众多书籍的阅读软件，可以让我们找到自己喜欢的书，并且网易云阅读支持本地读书，那你知道网易云阅读怎么导入本地书籍的吗？接下
- Windows 10 Build 14316版本今天推送给了Insider内测用户，这也是Windows 10年度升级版的第一个预览版本，更
- Win8系统如何查看mac地址？本文将提供Win8系统查看mac地址的两种方法供大家了解，希望可以帮助到大家 Win8系统查看ma
- PPT2010怎么为幻灯片添加编号？Powerpoint2010如何插入幻灯片编号能与矩形框前的序号一一对应呢？下面分享具体的教程，需要的朋
- 在使用优酷客户端的过程中，难免会遇到一些无法自行解决的问题。当然，除了在网上搜索解决的方法外，用户还可以求助于优酷在线客服！那么，在优酷中该
- Word缓存文件夹是根据当初安装者设定office的安装路径而决定，如果选择安装在C盘那么缓存文件夹就是在C盘。可以通过下列步骤查看本机的w
- 注意：和PDF转word一样，如果PDF文件是加密的，是不能够转换的;对于一些完全没有excel特征的表格请不要尝试使用下面的软件进行转换，
- megui怎么用？megui是全面的开源的基于MPEG-4视频转换应用程序（高清视频压缩软件），功能非常的实用。那要怎么借助megui进行视
- 怎么给自己的U盘换一个个性化的图标？许多用户为了方便办公，通常都会随身携带一个U盘，而许多小伙伴不知道的是，我们可以自己设定U盘的图标，让你
