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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
sketch五招-帮你节省设计时间
0.0°
2015-09-02 自译外文 教程 原作者: 原作者 举报 7133 53 18 7

我一直推荐身边的设计师用SKETCH来做设计。我也一直在不停思考和摸索小技巧,以期望作图更快,效率更高。今天,我分享几个招式给大家,希望对大家有启发或帮助。

一、使用文本样式

如果你想节省时间和保持设计风格的一致性,规范性,文本样式是不可缺少的常用功能。Skecth在软件中,独特的提供该功能。每当你创建一个文本样式的时候,软件会自动的保存在一个文本样式列表中。比如,你定义了一个样式1的A标题,样式1会被保存;标题B,C…F使用一样的样式,可以在选择后标题后,点击文本样式列表中已保存的“样式1”,所有标题都会一样。

使用文本样式,可以减少设计师的重复定义和记忆负担,文本样式能够保存文本的字号,粗细,颜色,字体等相关属性。如果需要调整刚才所说的标题样式,修改文本列表中的样式,则与其关联的标题都会自动同步修改

提示
在做迭代设计或修改的时候,请注意管理你的文本样式列表。复制,粘贴很容易产生使用频率很低或没有使用的样式。

二、学会快速切换画板视角

Sketch 有很多快捷键。里面我常用的有这两个:

  1. command+1 =缩放画板到实际大小

  2. z+点击拖动 = 放大所选区域

我觉得有用的原因是,当我制作一个巨大的UI项目时候。这种方式的放大和缩放,比如使用command+/command-或使用空格+拖拽效率高得多。


整理图层分组

Command+G 将选中的对象编为一组

整理较好的图层文件,也更容易方便我们的图层管理,也更容易使用目标定位(option+光标悬停在图层组)。分组,可能很多设计师没这个习惯,但是在无形中,可以帮大家节省很多时间。

三 学会使用元件

假如你现在想调整下面表格中所有灰色的部分:

情况是,你通过矩形的方式,已经把表格绘制完成了。你也不想重新做一遍。

你只能把第一个灰色背景转化为一个元件。


然后,依次选中剩下的灰色矩形背景,通过下拉,逐个转化为元件。

此外,你可以通过点击“Organize Symbols (整理元件)“按钮,在弹出的选中不要的元件,快速整理文件。

整理好后,你只用调整元件的样式,相同引用的元素样式,都会随之修改

四 使用sketch的计算功能

我们都用过网格布局,他能规范设计师项目中的UI元素的内边距,外边距。也可以帮你清楚的算出UI元素的xy轴,高宽距离。这不是今天重点,今天的重点是,我们要调整一个元素向下移动15px。

常见的方法是,选中元素,shift+down,移动10px.然后在手动按下down键5次,完成15px的移动。

Sketch在坐标输入框中,可以进行“加减乘除“运算,快速调整你的坐标。此外,在宽度输入框也可这样。比如,你想让宽度变为1/3。则可以在宽度输入框中敲入1600/3. 就好了

五 擅用插件

一般来说,sketch最出色的功能就是他的插件。很多设计师,开发人员为他开发了需要插件,如内容自动生成,响应式设计等插件,无形当中也帮助设计师提高了更多的效率。让设计师有空去喝喝茶。

Sketch toolbox就是一个自动收录和自动安装的傻瓜式插件聚合器。优狐哥也在努力汉化和翻译整理各个插件的功能和使用说明书。言归正传,大家要学会使用他的插件。

也许正是很多人不会用插件,才会觉得sketch仅仅是SOSO--其实不然,sketch是小而美的重量级杀手。


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

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

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

更新:2015-09-02

收藏

53人已收藏

asa1230

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

  • 8

    作品

  • 330

    粉丝

  • 5

    关注

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

    猜你喜欢

      2015-09-02 自译外文 教程 原作者: 原作者 举报 7133 53 18 7

      sketch五招-帮你节省设计时间

      0.0°

      你确定要举报sketch五招-帮你节省设计时间

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      18
      53
      7

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

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

      登录

      手机号

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

      登录
      第三方账号登录