有意义的杂谈

新手使用Sketch小技巧

2017-03-17  本文已影响498人  王晋丽

作为Sketch学习的新手,总结了以下的使用小技巧,希望大家有用。

地址http://www.sketchcn.com/sketch-chinese-user-manual.html中文学习手册

1 快捷方式整理

command+option+1 ——hide/show layers list

command+option+2 ——hide/show inspector

command+option+3 ——hide/show layers and inspector list

command+option+t——hide/show tools

command+n——新建文件

按住option键,并拖动鼠标,查看该图层和其他图层或者是面板的边距

A ——新建画板

S——切片工具

R——新建矩形

U——圆角矩形

O——椭圆工具

L——直线工具

V——钢笔工具

P——铅笔工具

T——文本工具

文本相关的快捷方式:

粗体L——command+b

斜体——command+i

下划线——command+u

增大字号——option+command++

减小字号——option+command+-

更改字体——command+t

(需要在文本编辑状态下使用)

增加字间间隙——option+command+l

减小字间间隙——option+command+t

文本左对齐——command+shift+{

文本居中对齐——command+shift+i

文本右对齐——command+shift+}

画布视图相关快捷方式:

放大画布——command++

缩小画布——command+-

移动画布——space+按鼠标拖拽

2 绘制线框原型的注意事项:

1 操作系统习惯:iOS系统导航菜单一般使用底部标签菜单。而安卓系统多采用material design的侧滑菜单样式。

2 导航菜单的数量:底部标签菜单最多不应超过5个标签,超过5个的可以采用侧滑菜单。

3 用户使用频次:页面之间需要切换频繁且功能权重差不多,建议使用底部标签菜单;如果应用某一项功能占据应用大部分的功能,且切换不频繁,建议使用侧滑菜单。

一般图层有5种,从上往下一次为:形状组合涂层 形状图层 文本图层 位图图层 切片图层。

option+command+上/下——将图层上/下移一层

control+option+command+上/下——将图层移至顶层/底层

command+d——快速复制图层到图层列表

选中多个图层,command+g——对图层进行编组,shift+command+g——取消对图层的编组

shift+command+h——隐藏/取消隐藏图层

shift+command+l——lock layer/unlock layer

command+r——重命名图层

3 各种插件的安装及使用:

两种方式:

方式1:通过Sketch Toolbox安装

Sketch Toolbox下载官网地址:http://sketchtoolbox.com/,然后单击官网中的download the beta按钮,即可下载该工具的zip包。下载完解压安装即可。

打开Sketch Toolbox,在全部插件列表下单击,即可跳转至该插件的Github主页。若单击Install按钮,即可下载并自动安装相应插件。更多情况下,使用搜索工具搜索插件安装使用。若删除已安装插件,只需要在已安装列表中,单击Uninstall按钮即可。

方式二:通过从Github下载插件后手动安装,对于插件的管理用Sketch自带的插件管理器。

插件下载地址:https://sketchapp.com/extensions/plugins/,也可以通过Sketch——Plugins——Manage Plugins....——Get Plugins....,进入到下载插件地址,直接搜索需要的插件进行下载。下载插件的zip文件,双击解压该文件后,双击文件后缀名为.sketchplugin的文件,安装成功即可使用。

4 使用sketch设计移动界面的注意事项:

1 共享样式的使用。建议大家一定养成多使用共享样式的习惯,可以提高效率。

2 养成为图层以及图层组命名的好习惯。

3 细节处的把握。色彩的填充。

4 关于文本。很少直接用纯黑色,一般使用 #333333 #666666 #999999,分别由深到浅代表三个层次。

5 从用户体验角度去思考。

上一篇下一篇

猜你喜欢

热点阅读