Sketch使用小技巧有哪些?

2021-04-14
2397
0

  Sketch使用小技巧有哪些?UI设计师擅长分析和理解用户的需求,让信息的架构更加合理。尽可能简化使用难度,同时找出用户使用产品时哪里会遇到问题。那么,今天和绘学霸小编一起了解下:Sketch使用小技巧有哪些?

Sketch使用小技巧有哪些?

 

  1、为画板选择合理尺寸

  好吧好吧,看起来这并不是太高端的技巧,但是在Sketch中,画板的设定非常实用也非常易用。Sketch中提供了非常多预设的画板尺寸(要不怎么说它是UI设计神器呢?这个软件就是为UI设计而生的啊!),你只需要点击A按键,就可以选择你需要的画板了!

 

  2、搞定栅格

  借助栅格系统来设计UI和网页是经常用到的技巧,在Sketch中,你只需要选择View(视图)->Layout Settings(布局设置)就可以快速配置布局,或者使用Ctrl L这个快捷键来调用默认的布局。

 

  3、几秒内快速复制……任何东西!

  这一功能在AI和PS中常常使用,Sketch的开发者将这一功能也完全实现在这一软件中。你可以按住Option键,点击要复制的元素拖动就可以。当你将这一元素拖拽到你要的区域之后,然后使用Command D的快捷键,就可以复制这一动作了。

  注意:如果你发觉无法操作的话,可以去Preferences(偏好设置)->Layers(图层)中解锁pasted&duplicated objects(粘贴&复制对象)这一选项。

 

  4、距离测算

  如果你想设计出精美的作品,那么一定要对所有的细节了如指掌。如果你想测量页面上所有元素之间的距离,只需要选定元素,按住Option键就可以。接下来,就是属于你自己的强迫症时间了~

 

  5、善用共享样式,你会获益匪浅的

  如果你的这个项目有一百多个页面,并且项目的评审已经推进到第三轮了。眼看着终止日期要到了,奇葩甲方深夜打电话给你:“咱们把所有的按钮都改成蓝色的咋样?”

  好吧,先不要忙着掀桌子砸电话骂娘,你可以说“OK”的,因为你可以使用共享样式来搞定这些按钮。当你在创建你这些UI元素的时候,对于那些要重复使用的样式,你可以在左侧菜单中点击“No Shared Style”调出菜单,然后给这个样式起一个难忘的名字,然后就可以运用到更多的UI中去了。

 

  6、”滥用”符号(Symbols)

  符号,也就是Symbols是Sketch中一个非常实用的功能,尽管看起来有点滥用的趋势,但是它确实非常有用。

  如果你设计的UI上有许多不同的状态、模式或者选项,那么你可以将单个屏幕设定为一个“符号”,然后单击工具栏中的“转化为符号(Convert to Symbol)按钮”,再在画板上复制这一“符号”,并且创建你所需要的不同状态,唯一需要做的就是添加你设定的这个符号(Insert->Symbol)。当你改变这个符号中的元素的时候,所有的屏幕会同时跟着更新,绝对够快捷。

  7、绘制图形时拖拽它们

  这是一个超级实用的技巧。当你在绘制图形的时候,比如你要画一个圆形,但是你很难一次画好并放置在正确的位置。不过,如果你在绘制过程中按住空格按键,那么你就可以在创建好之后立刻移动它到对的位置,然后继续调整尺寸。

 

  8、飞速改变透明度

  这一功能应该也是来源于PS,尽管很多人并不太去使用它。当你要调整一个元素的透明度的时候,不用去慢慢调节进度条,你只需要使用数字按键(1-0)来设定透明度,比如3就是30%透明度。

 

  9、善用“比例(Scale)”功能

  很多时候,你在创建的UI元素并不一定符合需求,大了或者小了都很正常。比如你设置了一个边缘半径20px、边框4px的按钮,如果你直接鼠标拖拽缩放,效果恐怕不会理想。如果你点击“比例(Scale)”按钮,这样来调整,效果会好很多。

 

  10、最大限度地利用你的工作空间

  大家都扛着笔记本干活儿,但是几乎所有的软件在笔记本上显示的时候,都感觉屏幕空间不够,但又不是所有时候都正好有个屏幕在旁边帮你输出屏幕内容,这个时候,就需要你善用屏幕空间了。如果你要隐藏左右两边的菜单栏,点击Ctrl Option Cmd 3组合键,如果要单独隐藏左边或者右边,快捷键是Ctrl Option Cmd 1和Ctrl Option Cmd 2。

 

  绘学霸除了课程内容全面,还有着丰富的实训项目内容,让你能够接触到行业前沿的影视素材,在学习中累积一定的工作经验,让你就业后就能够直接参加项目,告别刚入行时的迷茫期,所以如果你有这强烈的就业意愿,绘学霸是个很不错的选择。

 

  那本期关于Sketch使用小技巧有哪些?的分享就到这里结束了,也欢迎喜欢UI设计的小伙伴,关注我们的官网绘学霸,经常分享各类教程、资源、经验,助你开启UI设计提升之门。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6