sketch傻瓜式入门教程(二)超详细的界面中文翻译[附快捷键]

北京/设计爱好者/9年前/5159浏览
sketch傻瓜式入门教程(二)超详细的界面中文翻译[附快捷键]

本文站在初学者的角度对sketch软件界面进行翻译,更多的是我自己对软件的理解,和官方手册有所区别,旨在为新人无从下手提供一种引导,因水平有限,如有不妥,望海涵!后面会更新有关sketch的一些技巧和其它相关软件!

          

       几个月前,写了一篇sketch傻瓜式入门教程(一)超详细的界面中文翻译,只翻译到软件的菜单栏,每个菜单进行详细的中文翻译后,发现内容太多就没接着写下去,一放就好几个月过去了,今天有空就想着来填坑,后面如果有时间,会出几个软件技巧插件发面的教程,如有需要,可以保持关注!


上一篇教程传送门:

http://www.zcool.com.cn/article/ZMzkwMjAw.html



好了,正文开始,来认识下四大区域:

78d6578ee6730000018c1b3a727b.jpg


       最上面工具箱+左侧的图层区+中间画布(艺术画板)+右侧检查器


       

 一.认识工具箱

        

          有的同学发现你的工具箱图标没有我的多,因为我的工具箱自定义了,就是把我经常用的图标都调用出来放在上面,比较方便。方法:在最上面工具栏空白地方点击右键,出现“customize toolbar”点击,所有的工具图标就出现了,把图标拖到下方方框里就可以了。下面,我们来认识一下:


4191578ee94f0000012e7eb49c8d.jpg


按照顺序:插入,钢笔工具,铅笔工具,文字工具,图像工具,切片,artboard(艺术画板,可以在右侧检查器里定义大小/位置),直线工具,箭头工具,图形库,矩形,圆角矩形,圆形,三角形,多边形,星型,元件,有格式的文本,组合,解除组合,结合路径,这三个就是两个矢量图像进行组合,挖空等等,图层进行上一层,下一层,tools(工具),变形,平面化,剪刀,图形排列,编辑路径,旋转,字符格式,描边,缩放,蒙版,标尺,显示标尺,显示网格,显示布局,显示像素,导出,创建元件,类似于psplay的在手机上预览效果图的工具,缩放,制作网格,颜色,字体,空白,分隔空间。



二.图层区域


08f8578f12da0000012e7e25d8e8.jpg

  

        如上图:通过Insert插入2个Artboard艺术画板,出现sketch傻瓜式入门教程(一)和(二),每个画板里的内容收在目录下,画板下会出现组合Group,Aa是文本框,还有图形,插入的图片等等,就相当于ps里的图层啊,要想改名字,双击就可以了!画板的名字也是可以编辑的!你也可以拖动他们调整图层位置,或者选择锁定或者隐藏某些图层。

    

       

三.画板区域


     这快区域是无限大的,可以建立多个艺术画板,特别是做app的时候,可以排列上下2排,方便比较,也可以在艺术画板区域外做标记,写注释。说明一点:当我们拖动元素,sketch的辅助线是自动显示的,这对于我们对齐/居中非常有用,比ps方便多了,不用拉参考线!


 

四.认识检查器


      当你在艺术画板中,选中了某个元素后,在软件右边的属性器里可以修改一些元素的属性,比如描边,字体颜色,大小等等。和常用的ps等软件基本类似。如下图:

118c578f157b0000012e7ecd6cb3.jpg

         好了!到这,已经把sketch剩下的界面都翻译完了,以后的时间会再整理其它sketch的小技巧,希望给初学者带去一些帮助,下期见!


[附录]快捷键:



Insert          插入                   快捷键
New Artboard [NEW]           插入 Artboard                     A
Slice [NEW]                 切片                     S
Rectangle                矩形                     R
Rounded Rectangle            圆角矩形                     U
Oval               椭圆                    O
Line                 线                     L
Vector Point             矢量点                    V
Pencil                铅笔                    P
Text                文本                    T




Type 排版 快捷键
Bold        粗体            Cmd + B
Italic       斜体            Cmd + I
Underline       下划线            Cmd + U
Increase Font Size      文本增大           Alt + Cmd (+) +
Decrease Font Size      文本减小         Alt + Cmd (+) –
Change Font [NEW]      更换字体            Cmd + T
Convert Text to Outlines      将文本转为轮廓        Shift + Cmd + O
Align Left      左对齐       Cmd + Shift + {
Align Center      中对齐       Cmd + Shift + \
Align Right      右对齐       Cmd + Shift + }
Special Characters     特殊字符       Control + Cmd + Space

 


Canvas View 画布视图               快捷键
Zoom In 视图放大                 Cmd (+) +
Zoom Out 视图缩小                Cmd (+) -
Actual Size 实际尺寸                 Cmd + 0
Center Canvas 中心显示所有项目                Cmd + 1
Zoom Selection 视图匹配选择项目                Cmd + 2
Center Selection 中心显示选中项目                 Cmd + 3
Temporary Zoom to Actual Size [NEW] 临时放大到实际大小                       §
Focus on First Input Field [NEW] 不知道中文该怎么说                A lt + Tab
Toggle Rulers 标尺开关               Control + R
Toggle Grid 显示网格               Control + G
Toggle Layer Guides 图层辅助线开关               Control + L
Toggle Pixels 像素显示开关               Control + P
Toggle Selection Handles 控制手柄开关              Control + H
Toggle Pixel Grid 像素网格开关               Control + X

 


Window            视窗                     快捷键
Toggle Layers List             图层列表开关                    Alt + Cmd + 1
Toggle Inspector              查看器开关                    Alt + Cmd + 2
Toggle Layers, Inspector         图层与查看器开关                   Alt + Cmd + 3
Toggle Toolbar             工具栏开关                   Alt + Cmd + T
Presentation Mode [NEW]               演示模式                   Cmd + .
Enter Fullscreen               全屏视图                  Alt + Cmd + F

 


Editing Shapes 图形编辑 快捷键
Keep Current Selection [NEW] 保持当前的选择 Cmd + Alt
Use as Mask span (Works for Layers & Groups) 作为蒙版使用(对图层和组有效) Control + Cmd + M
Union 合并形状 Alt + Cmd + U
Substract 减去顶层形状 Alt + Cmd + S
Intersect 与形状区域相交 Alt + Cmd + I
Difference 减去重叠形状 Alt + Cmd + X
Change Object Size 改变对象尺寸 Cmd + Arrows
Change Units by 10 以10为单位改变对象尺寸 Shift + Cmd + Arrows
Change Vector Point Style 改变矢量点风格 1, 2, 3, 4

 


Editing Layers 图层编辑                    快捷键
Show Distance to other Layers 显示与其它图层的距离                            Alt
Show Distance to other Layers inside Group 显示与组内其它图层的距离                     Alt + Cmd
Duplicate (Repeat with ⌘D) 复制(与 ⌘D 重复)                    Alt + Drag
Copy Style 复制样式                  Alt + Cmd + C
Paste Style 粘贴样式                  Alt + Cmd + V
Color Picker 拾色器                      Control + C
Transform 变形                      Cmd + T
Rotate 旋转                Shift + Cmd + R
Toggle Fill 填充开关                             F
Toggle Border 描边开关                             B

 


Arranging Layers, Groups and Artboards 图层、图层组与 Artboards 管理 快捷键
Bring Forward 将图层提高一层 Alt + Cmd + ↑
Bring to Front 将图层提到最上层 Control + Alt + Cmd + ↑
Send Backward 将图层降低一层 Alt + Cmd + ↓
Sent to Back 将图层放到最底层 Control + Alt + Cmd + ↓
Hide 隐藏图层 Shift + Cmd + H
Lock 锁定图层 Shift + Cmd + L
Rename 重命名图层 Cmd + R
Group Layers 创建图层组 Cmd + G
Ungroup Layers 图层解组 Shift + Cmd + G
Select Above Layer 选择上一层 Shift + Tab
Select Layer Below 选择下一层 Tab
Select Parent Artboard 选择父级 Artboard Esc
Find Layer by Name 搜索图层 Cmd + F



780a578f1a5d0000018c1ba0eebd.jpg


133
Report
|
85
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一楼咖啡
Homepage recommendation
x oasis coffee
Homepage recommendation
大家都在看
Log in