Sketch 使用

最近了解到Sketch,豪华钻石啊,可惜不怎么会用,开发的时候可以不用ps那么卡了,可以满足简单的制图,目前,就会这些了。

切图

  1. 选中图标command +c
  2. 添加一个page,按A拖一张画布,command+v,调成适应大小
  3. 右下角Export选择,导出图形倍数,格式
  4. 右上角Export导出

选中

按着command键,鼠标有蓝色部分,点击左键即可选中

查看坐标

选中按otion即可

查看RGB(Hex)

选中,右侧Fills,点击Fill颜色,就有RBG,也可点击习惯,查看别的RGB

放大缩小

commond+鼠标滑轮,放大缩小,等同于common + common —

索引

选中工作组commond+2

时间: 2024-10-17 15:24:25

Sketch 使用的相关文章

sketch插件---WeSketch

WeSketch 是一个强大的 Sketch 插件合集,由微信设计团队量身打造,让设计师和开发者可以更加高效的使用 Sketch. 下载地址 Github:WeSketch 百度网盘: https://pan.baidu.com/s/1o8SGuyI  密码:5nbm WeSketch 官方介绍 更高效的团队协作,如:UI Kit 同步.色板同步等. 更快捷的交互设计,如:图标库.自动连线.标记注释.全局替换文字.字体.颜色. 更精准的前端还原,如:补齐宽高导出图片.导出 CSS 代码(支持小程

Sketch实用新技巧详解

作为目前产品原型设计中的利器,Sketch特别适合移动APP和响应式网页的设计开发.下面我们就来看看Sketch的一些入门指南以及如何利用Mockplus的插件实现交互效果. Sketch是一款基于Mac的矢量绘图应用.面对着功能复杂繁琐的photoshop,Sketch相比较而言身轻如燕.最近也掀起了用Sketch设计产品原型的热潮,因为用它来画设计稿简直轻而易举,相比于Axure它有更丰富的组件库和更全面的尺寸控制,让我们的原型图更逼真,更有利于交流和前期的展示. 作为目前产品原型设计中的利

Sketch - Missing Fonts 页面样式混乱研究

今天我们设计问我,能不能实现一个页面多种字体? 我满口答应绝对没问题啊小事一桩 font-family 分分钟搞定 ?? 结果打开 Sketch 就傻眼了. 心头一紧,有种不详的预感,颤颤巍巍的戳下 Missing Fonts 更可怕的是,页面完全变了形,重启 Sketch 也没用 查找诸多,发现是原因如下: - 设计师安装了字体库,而我没安装,字体缺失时 Sketch 选择用默认字体展示 - 默认字体比设计师使用的字体要宽大(字体也是以瘦为美,这个看颜的社会啊)于是超出了原来占位空间 - Sk

【APP设计利器】Sketch 41 Mac中文破解版(含汉化插件)

Sketch是一款拥有美观界面和强大功能适用于所有设计师的专业矢量绘图工具.它旨在为美术设计师创造出一款更优秀的作品,不是复制品,而是提升品.Sketch简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件.虽然使用简单,它提供了功能强大的矢量绘图和文字工具.如完美的布尔运算,符号,和强大的标尺,参考线和网格.相比其他的矢量绘图软件,比如AI,Sketch的优点在于使用简单,学习曲线低,可以说是轻量级的 AI.Sketch 3 提供了基本的形状,支持自动切图,PDF.E

10条SKETCH的秘诀,为你提高工作的效率

“周一好!”.优狐哥再分享10个SKETCH的小秘诀.此篇主要写一些常用到的快捷键和隐形功能.有些功能和PS是相通的,希望各位UIer在两个工具间互相打通学习 一   元件设置-排除文本值 这个是我最想分享给大家的秘诀!在各位大侠的设计生活中,难免不遇到许多重复无聊的表格… 一般的做法是选中所有的数字文本,然后移动,移动,移动,移动.但…这样做,真的好吗? Duang,元件上场!(该功能类似PS智能对象,但又优于PS) 当你设计表格的时候,可以把做好的一行变成元件.注意:元件的参数设置记得取消勾

android应用开发-从设计到实现 3-3 Sketch静态原型设计

Sketch静态原型设计 对于静态原型的设计,我们使用Sketch. 启动Sketch后,我们将看到类似如下的界面, 工具栏 它的顶部是工具栏, 可以通过菜单栏View -> Customize Toolbar...来自定义工具栏. 在弹出的窗口中,将下方的图标拖拽到上方的工具栏中就可以了. 导航栏 左边是导航栏,用来展示这个项目拥有的page和page中包含的详细内容. page是一张张单独页面, 每个页面上可以放多个手机屏幕的画板:展开.折叠.图标等等: 每个page中的画板都进一步的在导航

Sketch设计学习(一)

很膜拜那些既能写出一手好代码,并且还能够懂设计懂交互的人.公司基本上都对这两块工作 分工分职,但是我觉得作为一名移动开发者,懂点设计 是必备的. 国外的很多大牛们,感觉他们虐我们千百遍了. 我觉得写代码和搞设计这两样东西不会有任何冲突, 设计的时候往往不能 脱离了代码的实现难度,以及 系统的风格设计,我们的程序基本是实现设计的UI和交互.平台的不同 也往往影响着设计. 不得不承认兼顾两者是非常艰巨的任务.但是想想如果你能自己设计自己想要的东西,然后自己敲代码去实现它,这种成就感. 成就感这东西往

Sketch Nyquist plot 徒手绘制Nyquist 曲线

Sketch Nyquist plot 这是相当纠结的领悟.我始终没明白Nyquist曲线究竟是怎么回事,简直痛苦 之前讲了 波特图入门 徒手绘制波特图 波特图就是讲幅频特性和相频特性分别绘制在两幅图片上,而Nyquist曲线是将这两幅图合并成一幅图. 现实生活中多是黑箱模型,系统内部的结构是不知道的,为了测试系统的幅频特性和相频特性,会采用向系统输入各种频率不同的正弦信号的形式,(默认线性系统),这样得到输出信号和输入信号做比较.每一个频率都有对应的输出幅值和相角! 什么是Nyquist曲线?

让44.1版本的sketch打开更高版本的sketch文件

我们都知道,sketch的有效license与版本挂钩.最近设计师又更新了sketch版本,导致她生成的源文件我都无法打开. 毕竟我不是使用sketch进行UI设计,仅用它来查看设计稿参数,再花99美刀实在很不划算.而sketch导出html的方式体验非常不好,因此我只好退而求其次,让我旧版本的sketch能够打开新版本的sketch源文件就好. 分析 经过一番资料查阅,我发现:sketch文件实际上是一个使用zip打包的文件包.这个文件包里面有定义生成该文件的sketch版本以及能够打开该文件

Atitit (Sketch Filter)素描滤镜的实现  图像处理  attilax总结

Atitit (Sketch Filter)素描滤镜的实现  图像处理  attilax总结 Sch lg java d sketch filter aigo se ,ma sinsho ..byedu 3page ma ... 素描滤镜的实现方法比较简单,这里我们直接写出算法过程如下: 1,对原图S进行去色命令得到灰度图A: 2,对A进行反色得到图像B: 3,对B进行高斯模糊得到图C: 4,将C与B进行颜色减淡的图层混合算法: P(x,y) = Pb(x,y) + (Pb(x,y)* Pc(x