搜课云网 > 上海仁和会计 > 资讯总汇 > UI设计提速的Sketch使用技巧

UI设计提速的Sketch使用技巧

机构:上海仁和会计 时间:2016-02-06 20:35:20 点击:563

 

  越来越多的设计师开始选择使用Sketch设计网页、UI了,开发团队Bohemian Coding居功至伟。虽然这个还在不断迭代的软件还有不少Bug,并且在功能上尚未完全替代PS,但是已然可以逐渐降低使用PS这款臃肿软件的频率了。上手新软件,许多功能都不太就手,设计一个界面可能会比在PS上耗费更多的时间。所以,掌控一些实用的小技巧就非常重要了。哪怕你是Sketch新手,下面的10个小技巧也能帮你节省不少时间。

  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中去了

  了解更多关于UI设计方面的知识,请访问上海UI设计培训学校