恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
高效使用sketch的10条秘诀
0.0°
2015-09-07 自译外文 经验/观点 原作者: 原作者 举报 28865 133 44 6

“周一好!”。优狐哥再分享10个SKETCH的小秘诀。此篇主要写一些常用到的快捷键和隐形功能。有些功能和PS是相通的,希望各位UIer在两个工具间互相打通学习

一   元件设置-排除文本值

这个是我最想分享给大家的秘诀!在各位大侠的设计生活中,难免不遇到许多重复无聊的表格…

一般的做法是选中所有的数字文本,然后移动,移动,移动,移动。但…这样做,真的好吗?


Duang,元件上场!(该功能类似PS智能对象,但又优于PS)

当你设计表格的时候,可以把做好的一行变成元件。注意:元件的参数设置记得取消勾选“排除文本值”(该功能是为了避免表格内容都一样,无法修改)。

https://cdn-images-1.medium.com/max/1277/1*O3KVrbGy61y_ORTXp0-h6Q.png

通过多次复制,再借助插件自行填充内容,一个完整的表格完成了。


老板让你调整,没问题,单独调整一行,其它的行就跟着变了。

https://cdn-images-1.medium.com/max/800/1*8MeGYGY6JkzWMQPtvjhmNg.gif

二   快速选择图层

推荐快捷键:command+悬停/点击

这种操作比双击图层更好,它能直接点中你想要的图层,免去了一层一层点击,多次点击才能选中嵌套图层的麻烦。


与他接近的方法是,点击选项面板的右侧列表,也可直接进入你想要的图层

三   复制图层样式

option+command+ C

https://cdn-images-1.medium.com/max/800/1*9gxghY0uoUVmSNcalrwTuQ.gif

这个功能同比photoshop的复制图层样式,粘贴图层样式。

快捷键为“option +command+ C“复制图层样式,“option +command+ V“粘贴图层样式。

 

四   修改默认样式

Sketch默认的样式是灰色背景,图形形状带带灰色描边。可是,当咱们画UI的时候,并不需要到处都有灰边。但是在每次创建的时候,又不得不每次去都调整…

优狐哥告诉你个小办法。

创建一个新的图层,把你的视觉风格都放上去(先做一个灰色背景为例)。选中对应的图层,在菜单中依次选择“编辑”→“设定为默认样式”。再重新创建,是不是默认样式被修改了

五   等分间距

https://cdn-images-1.medium.com/max/800/1*0SNFdz4G9dTVhJhn7qHrGA.gif

类似于photoshop的功能


六   与其它元素的对齐

https://cdn-images-1.medium.com/max/800/1*225ohABEdMCtA_kNsbjv7Q.gif

通过按住shift键,点选2个及以上图形,即可使用啦。功能与PHOTOSHOP对齐工具一样


七   用图层列表快速选择

https://cdn-images-1.medium.com/max/800/1*bqcooMQOYl2ARP7-Gj2ZzA.gif

使用Tab键(⇥)浏览到文件夹,Shift + Tab键(⇧+⇥)浏览到层。点击回车(↩)进入图层文件夹。点击退出(ESC)回到上一级文件夹。


八   重命名图层和文件夹

你可能想在浏览你的图层面板想重新命名。敲command+ R,就好了。


九   像CSS一样定义圆角

https://cdn-images-1.medium.com/max/800/1*tmcTIFb1Fxwl78nEk4g6_w.gif

按照html的写法,你可以依次设定每个圆角的角度,书写顺序依次为:
左上/右上/右/左下。


十   快速绘制单侧边界

有时候,咱们设计只需要一个方向描边边。借助内阴影和外阴影,在一个图形中就可完成绘制。方法是设置阴影的渐变都为零,只需要一边的方向为负数即可。

此方法,PHOTOSHOP也可通用。

https://cdn-images-1.medium.com/max/800/1*QKikBeyPBtjaBmniuxazsw.gif

 



PS:优狐哥在努力的每天汉化翻译sketch相关的文章给大家

这是我的微信号: i-sketch  (sketch哪些事)。

一个人走,难免孤独,欢迎大家关注我,与我一起加入到这个学习的乐趣中吧

更新:2015-09-07

收藏

133人已收藏

asa1230

好到违反广告法的国外sketch/origami教程翻译~~

  • 8

    作品

  • 330

    粉丝

  • 5

    关注

  • 主题大师-国人首款sketch主题管理插件
  • iPhone x 源文件(sketch)
  • Sketch-缓存清理助手
  • sketch 快速导出psd文件
相关标签

    猜你喜欢

      2015-09-07 自译外文 经验/观点 原作者: 原作者 举报 28865 133 44 6

      高效使用sketch的10条秘诀

      0.0°

      你确定要举报高效使用sketch的10条秘诀

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年09月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      44
      133
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录