美文网首页有意义的杂谈
新手使用Sketch小技巧

新手使用Sketch小技巧

作者: 王晋丽 | 来源:发表于2017-03-17 18:10 被阅读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 从用户体验角度去思考。

    相关文章

      网友评论

      • 77c78a1df2a3:写的不错:smile::smile::smile:
      • 王晋丽:凤毛麟角,之后不断总结与设计UI相关的技巧,大家多多支持。

      本文标题:新手使用Sketch小技巧

      本文链接:https://www.haomeiwen.com/subject/myzenttx.html