学习自视频:
- UI设计教程2019版 400集完全入门 达到UI设计师水平_哔哩哔哩 (第 P311 - P317 集 讲 Sketch)
- Sketch软件视频教程
Tips
- 使用 星形工具 绘制 等边三角形,把 points 调整为 3
- 使用 阴影和内阴影工具 模拟发光效果
- 毛玻璃效果,选择 Background Blur,并调整 fill 属性的透明度
- 字体附加到路径,开启 Text On Path,拖拽,注意要让路径在下面
- 文字变为矢量路径,Convert to Outlines:cmd + option + o
- 创建带 alpha 通道的 mask:Menu - Layer - Mask - Mask Mode - Alpha Mask,修改mask上 需要隐藏的部分的透明度,透明度为 0 即不显示
- 按住 option,将鼠标放到 图层上,可以显示边距
- 按住 option,拖拽图层,可以复制图层并移动
常用快捷键
- 画板:a
- 缩放:cmd + 鼠标滚轮
- 圆形:o
- 矩形:r
- 圆角矩形:u
- 线:l
- 钢笔:v
- 铅笔:p
- 文本:t
- 修改文本样式:cmd + t
- 文字变为矢量路径:cmd + option + o
- 变形:cmd + shift + t
- 缩放:cmd + k
- 旋转:cmd + shift + r
- 取色:ctrl + c
- 粘贴纯文本:cmd + v
- 粘贴富文本:cmd + shift + option + v
- 复制并粘贴到当前位置:cmd + d
- 创建组件:cmd + y
- 从组件分离:cmd + shift + y
- 从组件返回画布:cmd + esc
- 合并形状:cmd + option + u
- 减去顶层:cmd + option + s
- 区域相交:cmd + option + i
- 排除重叠:cmd + option + x
- 文本左对齐:cmd + {
- 文本右对齐:cmd + }
- 文本居中:cmd + I (试验发现无效啊)
- 上移图层:cmd + ]
- 下移图层:cmd + [
- 置顶图层:cmd + option + ]
- 置底图层:cmd + option + [
- 水平分布:cmd + ctrl + h
- 竖直分布:cmd + ctrl + v
- 显示 / 隐藏图层:cmd + shift + h
- 锁定 / 解锁:cmd + shift + l
- 组:cmd + g
- 解组:cmd + shift + g
- 显示/隐藏 标尺:ctrl + r
- 显示/隐藏 网格:ctrl + g
- 显示/隐藏 栅格:ctrl + l
- 数字键可以快捷调整透明度