美文网首页
Alison Hong的学习笔记| 极客学院《Sketch 界面

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

作者: AlisonHong | 来源:发表于2017-02-15 12:18 被阅读0次
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

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

相关文章

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

    ? a 选择模型大小 iPad iPhone web design Option 添加图形起始点是中心点 Shif...

  • Flutter学习资料

    一、Dart学习资料 1.语言 Dart编程中文语言网 Dart学习笔记 极客学院Dart教程汇总 为 Java ...

  • 面试或者深入学习资源

    极客学院 Android(2017-2018)BAT面试题整理(java篇,含答案) Android学习笔记Git...

  • 跟着极客去阅读

    极客学院 Wik阅读周强势来袭 国内最大的IT职业在线教育平台极客学院打造的极客学院Wiki将举行为期两周的“极客...

  • 极客学院Web大前端课程学习实录

    极客学院Web大前端课程学习实录 此实录是到目前为止(2017/5/14)我在极客学院Web大前端学习知识总结。具...

  • Tensorflow语法基础(1)

    参考极客学院基础教程 tensorflow学习笔记二:入门基础 TensorFlow用张量这种数据结构来表示所有的...

  • 用户研究之给用户画像

    本文是看了极客学院教学视频后整理的一点笔记,分享出来,大家讨论,不喜勿喷,谢谢。原视频地址:极客学院-用户研究的法...

  • Done清单

    2017年 10月 极客学院Wiki Maven教程 极客学院Wiki Junit教程

  • GO使用手册

    该文章是我在极客学院-go入门指南上学习总结的,大部分是自己感觉有必要记录的东西我才会ctrlcv的,感谢极客学院...

  • Android笔记——动画(0):笔记目录

    动画相关——笔记目录列表: 待定... 动画相关——参考博客目录列表: Animation教程_极客学院 Wiki...

网友评论

      本文标题:Alison Hong的学习笔记| 极客学院《Sketch 界面

      本文链接:https://www.haomeiwen.com/subject/hqhqwttx.html