Sketch 的基本操作(一)
Sketch介绍
- Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页，图标以及界面设计的最好方式。
- Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用，所有你需要的工具都触手可及。在 Sketch 中，画布将是无限大小的，每个图层都支持多种填充模式；有最好文字渲染和文本式样，还有一些优秀的文件导出工具。
Sketch 3 新增功能介绍
- 可以测量图形到参考线的距离
- 在矢量预览模式中也可以查看像素网格
（快捷键 ⌥P 可以切换矢量预览和像素预览）
- 新增“粘贴到当前位置”的功能
- 调整行高时，第一行位置将保持不变
- 旋转某一图形时，可以设置一个锚点定住，以这个锚点旋转
- 同时选中多个图形后，可以按住 ⌥ 再单击对齐按钮，使所选图形们与其所在的画板对齐。
- 现在可以对矢量图形的锚点也使用对齐功能
Sketch 基础工具
图形
图形编辑
在编辑图形的时候，检查器会显示出四种不用的点模式：
・线角 (Straight)：当你刚刚点击画布的时候，会添加一个直角，也就是说没有任何锚点，你所得到的便是一条直线。
・镜像 (Mirrored)：锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。当主点并非直角时，镜像便是默认的点模式。
・不对称 (Asymmetric)：两个锚点到主点之间的距离是独立的，但他们依然相互对应。
・断开连接 (Disconnected)：锚点之间完全独立，互不影响。
- 点的控制手柄
- 矢量工具
- 封闭路径VS 开放路径
- Shift
- 选中多个点
- 添加锚点
布尔运算
布尔运算包括：
- Union（合并）
- Subtract（减去顶层）
- Intersect（区域相交）
- Difference（排除重叠）
Transform工具
变形工具可以通过改变点的位置或者制造一个视觉上的3D效果来使一个矢量图形变形。Sketch里，你可以运用变形工具变形一个或同时变形多个图层。
选中一个或多个图层，然后单击工具栏里的变形工具。你可以拖动四角的锚点来任意改变图形的形状，或者拖拽中间的锚点来同时移动两个边角使图形倾斜。
当你从一个图形的一角拖拽变形，你会发现其对角也会往相反方向拉伸，这能形成对称的变形效果，但如果你只想往一个方向拉伸，按住 command 键再拖动鼠标就好。
Sketch支持简单的数学计算
利用圆周率进行 Loading 制作
补充 （小tips）
透明度
当要改变一个元素的透明度的时候，没有必要到右侧的参数面板来修改，可以直接按数字来调整，比如你想把不透明度改到65%，那么选中这个元素后，直接按数字65就好了，不满意还可以重新输入新的数字，当不透明度是整数的时候，可以直接输入数字1234567890，就不用输「80」「90」了。多个图层快速命名
首先选中一个图层进行命名，命名完成后先不要确定，接着按tab键进行切换到下一个图层进行命名。
Sketch 的基本操作(一)相关推荐
- Sketch 的基本操作之 Kitchen 插件
Kitchen 工具集介绍 (来自蚂蚁金服效率提升 Sketch 工具集) 下载地址:http://kitchen.alipay.com/ 添加插件方法: 插件 ➡️ 管理插件- ➡️ (左下角)设置 ...
- Sketch的基本操作之绘制图标
icon Come on 一起上手画 ~ 1. 喜欢 heart 方法1⃣️: 方法2⃣️: 2. 音乐 music 3. 云 cloud 4. 明亮 brightness 5. 闪电 lightni ...
- 软件观念革命:交互设计精髓_UI设计师、交互设计师、产品经理必备软件技能之Sketch...
Sketch基础软件知识 1.1 软件介绍与安装 1.概述: Sketch 是一款适用于所有设计师的矢量绘图应用.基于矢量的绘图方式也是目前进行网页.图标以及界面设计的最好方式.除了矢量编辑的功能之外 ...
- 在线协助设计软件，figma、sketch、xd哪个才是你的优先选择
我们今天生活的环境,互联网的快速发展,新的意识形态的不断涌现,工作方式的不断变化,开放的开放.更多的行业和更多的人理解共享的概念,在这样的环境中,效率变得越来越重要.好的工具和工作方法带来先进的生产力 ...
- （10.2.3.3）静电的设计教室:APP设计利器Sketch教程(03)-让插件助你一臂之力(原创
通过上两节的文章,大家可能已经对sketch这款软件的基本操作有了一个大概的了解(如果还有朋友没看过之前的文章,请点这里) 但很多朋友可能会有疑惑,"好像sketch的功能也没有那么强大啊? ...
- sketch如何做设计稿交互_Sketch交互设计入门到精通教程
随着移动互联时代的发展,交互设计师的职位市场需求愈加巨大.而目前,市面上的UI交互设计师相对较少,其就业前景非常乐观. 课程介绍 本套<Sketch交互设计入门到精通教程>,将从交互设计师 ...
- Sketch使用教程（三）
源地址:http://mp.weixin.qq.com/s?__biz=MzA4MzI0MTkxOQ==&mid=200315033&idx=1&sn=773b20776f4d ...
- 积木Sketch Plugin：设计同学的贴心搭档
多年来,美团外卖一直在高速增长,但整个客户端的UI组件一直没有得到很好的统一.而在开发过程中因UI缺乏同一的标准导致各种问题凸显,积木插件Sketch Plugin应运而生.外卖技术团队将其打造成为U ...
- PhotoShop 基本操作介绍, 附带图文解说
一篇适合小白学习的教程,主要介绍PS的界面和基本操作,及分享一些常用的快捷键. 首次打开PS首先需要修改PS内的预设值 ①打开常规面板(也可以在菜单栏里打开,windows电脑在"文件菜单& ...
最新文章
- Bitdefender Internet Security 2013 – 免费3个月
- webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server
- 【Linux 内核】实时调度类 ⑥ ( 实时调度类核心函数源码分析 | 插入进程到执行队列 | 从执行队列中选择优先级最高的进程 )
- 对物联网操作系统特征和定位的思考
- 【机器人系列】支付宝支付控件输入框模拟输入，输入框模拟输入
- Spring Cloud生态的配置服务器最全对比贴
- react-native-Cocoapods-Swift-Project
- python open函数 创建变量文件_python的open函数怎么用
- vb只显示两位小数_【名师课堂】苏教数学五年级上3.1小数的意义
- 05人月神话阅读笔记
- ios网络学习------1get post异步请求
- 也就只有程序员才能看懂的文章～
- 性能优化之无阻塞加载脚步方法比较
- VsCode 中 vue代码格式化 (整理代码)
- java中关闭数据库连接_在Java中关闭数据库连接
- 【苹果iMessage家庭推送】软件安装群发推送通过HealthKit API访问NikeFuel
- Win10系统SAS9.4安装步骤
- 坐标正反算例题_坐标正算公式例题
- DP入门系列-DP入门指导
- 跳槽 ，你跳的是工资，还是阶层？