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

相关站点

Sketch中文网—技巧分享 Page2

文章收藏

Sketch中制作毛玻璃效果 - wkehui的博客 - CSDN博客

Sketch 进阶教程!利用Symbol 建立一套设计规范组件库? - 设计 - 掘金

快速用 Sketch 绘制30个图标 - 简书

Sketch上常用的快捷键 - 阅读 - 掘金

Sketch软件创建轮廓使icon不变形技巧

成为Sketch小能手!8个易用快捷键帮你提高工作效率 - 优设网 - UISDC

Sketch 汉化插件合集-UI中国-专业用户体验设计平台

未整理

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 插件

已安装 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格式标注)

已安装


Table of contents


回到顶部

Copyright © 2017-2024 1px.run (像素教程) Distributed by an MIT license.

Site updated at 2024-10-06 11:35