Sketch 笔记
插件（必备插件推荐）
常见问题
Sketch 上传到蓝湖后图标有背景色或者透明空白部分被切割的问题
- 将图标转为组件（symbol）
- 在组件上增加切片
- 上传后会使用组件的元素会自动关联
请勿直接使用顶部工具栏切图，导出图片会有背景色。选择图标直接选导出会自动切图。
Sketch 快捷键速查表
结尾有ps表示此快捷键ps通用
- 新建画板：
A； - 形状工具：
文本T、矩形R、圆角矩形U、椭圆形O、直线L、钢笔V; - 编辑形状：
enter；旋转形状：按住command； - 打组：
command+shift+G； - 选择组内元素：
command； - 调整位置：
command+← →； 10像素位置调整：command+shift+← →；
编辑样式
- 吸色：
control+C； - 快速复制颜色：选中修改形状、字体
control+c再点击要复制的颜色； - 去描边：
B； - 调整多个圆角值：“
5；5；10；0”；
图层操作
- 拷贝图层样式：
command+option+C；粘贴图层样式：command+option+v - 锁定图层：
command+shift+L； - 隐藏图层：
command+shift+H； - 调整层级关系：
command+option+control+↑↓（或option+control+↑↓）； - 重命名：点击页面侧栏中的画板或者图层
command+R可以快速重命名，tab直接命名下一个展开项； - 选择图层：从上往下
tab，从下往上tab+shift；
缩放、跳转
- 查看全部视图：
command+1；查看单个视图：command+2； - 缩放画板：当前画板100%
command+0，页面所有画板适合窗口显示command+1（ps）； - 缩放：
command+K；
小技巧
插入组件调整大小 描边比例失真
自定义工具添加【缩放功能】然后再进行调整大小，组建所有内容按同比例缩放。
资源下载
UI Kit
- Oz Pinhas - iOS 9 UI kit for Sketch and Photoshop
- iOS 9 Complete UI Kit PSD - GraphicsFuel
- Free PSD UI Kits
- iOS 9 GUI for Sketch - Design+Code
- iOS 10 UI kit
- iOS WeChat UI Kit
- iOS WeChat UI Kit
相关站点
文章收藏
Sketch中制作毛玻璃效果 - wkehui的博客 - CSDN博客
Sketch 进阶教程！利用Symbol 建立一套设计规范组件库？ - 设计 - 掘金
成为Sketch小能手！8个易用快捷键帮你提高工作效率 - 优设网 - UISDC
未整理
OurSketch 善用新功能，老司机带你榨干Sketch UIKit－uikit下载|Sketch下载|PSD素材|sketch源文件|AE模版SketchActive 免费分享图标 国内 国际 Sketch App Sources
Sketch Cloud - Elements UI Kit Keyline Shapes 24px Sketch freebie - Download free resource for Sketch - Sketch App Sources Sketch App Sources - Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch
Sketch
Sketch 插件
- Sketch Plugins
- Sketch 插件大集合 —— Using Sketch Like A BOSS
- Sketch 汉化插件合集·UI中国
- 100+ Best Sketch Plugins·CSS Author
已安装 Runner已收录
Update Text Layer Name 文本图层名称于本文内容保持一致
收藏未安装
- FontRapid——在Sketch中直接设计和创建字体
- Duplicator 指定方向快速复制图层或画板
- Content Generator - 快速填充头像、名字、地理位置等信息
- Craft 同上
- Flavor 同上
- Map Generator 快速基于谷歌地图生成填充
- 蓝湖 - 从此无需手动标注，高效的产品设计协作平台
- Fontily 批量查找替换的同时还可检测丢失字体
- Nudged 像素微调位移工具
- Sketch Palettes 让你轻松保存取色器中色板
- Flow Exporter 一键将原型流导出为 HTML
- Artboards To PDF - 批量导出画板为 PDF 幻灯片
- Auto Layout - 一键搞定全系适配
- Style Inventory - 一键归纳导出设计规范
- SketchSize 一键生成多尺寸的闪屏和屏幕截图
- Replace Colour 一键查找替换填充、边框、文本色值
- Looper 更强大的组合循环复制工具
- Pixel Perfecter 一键按要求对齐页面所有像素
- Sketch Emmet - 根据 Emmet 命名方式导出 HTML 片段
- Kitchen 来自蚂蚁金服效率提升 Sketch 工具集
- Sketch Measure 让创建规范成为开发者和团队协作的乐趣（导出html格式标注）