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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 2,486评论 0 1
  • 注意:这是一篇译文,如果你够装逼,完全可以浏览原文:Sketch Tutorial for iOS Develop...
    Andy矢倉阅读 17,140评论 10 158
  • Sketch 3 简介 “Sketch 3 是一款适用于所有设计师的矢量绘图应用”,“但除了矢量编辑的功能之外,我...
    逸如冀望阅读 1,841评论 0 49
  • 文字/好痛 晚上下了场雪,不大,我挑了顶白帽子扣在头上。院里静谧无它,直教人听到雪落的声音。那是吧嗒吧嗒的,一颗颗...
    好痛阅读 233评论 0 0
  • 2016不平凡,猴年,本命年,和大多数人的一样,本命年并没有多么的不平凡,只不过平凡的有点过头。2016,有遗憾,...
    Sunshine_girl阅读 266评论 0 1