新手使用Sketch小技巧
作为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 从用户体验角度去思考。