Alison Hong的学习笔记| 极客学院《Sketch 界面

Alison Hong

🍎

a 选择模型大小 iPad iPhone web design

Option 添加图形起始点是中心点

Shift 正圆 矩形

🍎多图形选择

Shift 点1 3 选中123  command 点1 3 选中 13

🍎多图层选择

两个group重叠 下方的图形选不到时 按option 可以选下方的

🍎移动图形

按shift拖动图形 行动轨迹被限制在❤️正上下左右

Option 按着 拖动图形 直接复制

🍎改变图形大小

Cmd + ⬅️／➡️／⬆️／⬇️    +-1

Cmd + shift + ⬅️／➡️／⬆️／⬇️    +-10

🍎锁定图层对于已经完成设计的部分是很重要的 不会移动

🍎旋转复制

画个图形

点 rotate copies

🍎文字自适应文本／可修改

🍎textstyle 新建自定义字体格式

🍎文字转化为轮廓（路径）

右键-convert to outline

每个都成为单独的路径可以随意修改

可以修改成渐变效果

🍎选择字体的技巧

选中字体右键-font （字体有分类）

也可以在字体册里看效果

🖌️修改图片效果

🍐单击图片

边框 高斯模糊 颜色 亮度

🍐双击图片

反选 裁剪 填充

🍐九宫格（图片放大缩小扭曲）

单击图片

layer-image-convert to 9-slice image

放大后

🖌️复制多个图形的时候

Option拖动复制完了之后 按command+d 就可以重复之前的动作不断复制

图片 阴影 可以多层叠加

🖌️蒙版

先画一个图形 然后拖入一张图片 拖重叠在一起 在layer图形右键mask 结合在一起啦

🍐限制蒙版 如果字不想被蒙版挡住 右键-ignoring underlying mask

🍐渐变

选中布尔效果之后的圆形 layer-mask mode-alpha mask

点右边的渐变

🖌️布尔

建两个图形

复制圆形

在layer圆形右边点👀隐藏

如图叠加

在layer 将一个图形拖到另一个里

布尔选项四选一 subtract

圆形点👀取消隐藏，缩小放入适当位置

🖌️钢笔工具

画完按右侧finishing editing

封闭钢笔画 layer-path-close path

双击 编辑点

按command添加点 可以在两点正中间

📚完整app login页面制作

图片放大适应界面 多余的裁剪掉

File-new from template- iOS UI design

复制粘贴需要的部分到界面