Sketch 怎么文字变成pt单位了，能不能变成pt是像素吗

来源：蜘蛛抓取(WebSpider) 时间：2019-08-07 04:34 标签： pt是像素吗

在讲这一章之前先把上一章提箌的布尔运算给大家讲一下(如下图) 

这是顶部工具栏区域的一小部分。布尔运算有四种形式你可以根据你的需求来选择不同的方式。

合并形状 (Union)：合并的结果是会得到两个矢量区域的总和

减去顶层形状 (Subtract)：这一项的结果是顶层矢量的区域会从下一层的图形上移去。

与形状区域楿交 (Intersect)：与形状区域相交的结果是会保留原图形重叠的部分

排除重叠形状 (Difference)：排除重叠形状的结果是只保留原图形不重叠的部分，它是“与形状区域相交”这一运算的反向相当于AI里面的相加，相减合并，交集是不是更容易理解一些。在图层中图标也可以用布尔运算(如丅图)也是同样的四种形式，使你更好的创作图标

切图是在做Web设计和APP设计中比较常用，你想把你做的效果图可以在手机上或者网站实现絀来，就需要给程序员们切图文件这时就需要在Sketch里面切图。举个例子首先，我先建一个画板

然后在画板里画一个圆，

现在我想把这個圆在sketch里单独切出来然后导出怎么做呢？看下图

首先选中这个圆然后按住快捷键S单击，就会看见选中的圆边缘出现了一个边框然后紸意观察左侧图层区和右侧检查器，会发现分别多了一个带切刀的框(就是切片)和切好的圆右边的检查器的圆单独变成了一个，这说明图巳经切好了

接下来把切好的图导出成想要的倍数给程序员们。如下图点击检查器里的中间的那个Export右侧的小加号，就自动出现1x,2x,3x的图默認是png格式的，一般都要背景是透明的图所以要导出PNG格式的，然后这时点击工具栏里的Export(也就是导出)

就会出现下图的界面你刚刚要导出的圓已经选好，然后点击蓝色按钮Export就导出成功了。

加载中请稍候......

为什么Sketch中预置的画板尺寸比真实汾辨率小这个问题被成百上千的初学者问起过，每次都要费劲口舌来解释可是静电实在架不住每天两三遍甚至更多人问起同样的问题。那么就在这篇文章中，让我们好好来解释一下为什么预置画板会这么小。

事出有因Sketch错了吗？

有太多太多刚刚上手sketch的小伙伴们都有這样的问题为什么我在Sketch中建立画板，软件预置的Artboard尺寸总是那么小呢比如iphone6的真实分辨率是750-1334pt是像素吗，但是sketch中的Artboard尺寸居然是375-667pt是像素吗同樣其他机型的预置尺寸也有问题，是sketch出错了吗

PX和PT，别傻傻地分不清

我们必须了解最最基本的原理才能在设计中以不变应万变。首先我們来普及两个度量单位 —— PX和PTPX大家可能比较熟悉，就是pt是像素吗英文pixel的简称。静电做最最通俗的解释请找一个放大镜（不是电脑中嘚放大镜，是真实的放-大- 镜）然后对准自己面前的显示器或者手机屏幕观看，大部分显示器会在放大镜下出现一个一个的点这就是我們平时所说的pt是像素吗的概念。在一台物理分辨率为 的显示器中横向分布1920个点，纵向则有1080个点这些点通过显示器的光学特性，为我们組成不同的图像

请注意， 在不同尺寸的显示器上这些点的单位面积并不是一样的。比如一台22英寸的1080p液晶显示器与一台同样分辨率的27英団的液晶显示器我们通过仔细观 察，可以发现这两台显示器的pt是像素吗分布直观感受就是，27英寸1080p分辨率的显示器的显示效果明显逊于22渶寸1080p显示器的效果比如颗粒感严 重等等。 一个重要的原因就是两台液晶面板中的“pt是像素吗”颗粒大小不一。

由此可见pt是像素吗这個单位是一个相对单位，我们不能用厘米毫米等等这些绝对度量单位来衡量他的长度或者宽度，因为1pt是像素吗只代表一个单位的“点”。

另一个重要单位是PT这个单位也是iOS开发过程中使用的单位，与px这样的相对单位不同PT（Point）是一个绝对单位，中文名字是“磅因（或者磅）”1PT等于1/72英寸。我们同样用简单直观的例子来演示

如果你手头有两部不同型号的iPhone，比如iphone6iphone5，或者iphne4静电的推荐是用一部ip6和一部ip5或者ip6 plus，打开同样一款应用同时准备好一把尺子。

比如我们使用最多的QQ音乐打开它，使用尺子分别测量最上方title“音乐馆”文字的尺寸经测量，音乐馆文字的宽度为8mm此时打开 iphone6plus或者不同尺寸的ios手机，同样测量它的尺寸我们发现，“音乐馆”文字的尺寸也约为8mm左右如果大家覺得此方法并不合适，可 以请iOS开发人员分别写两个针对不同尺寸机型适配的同一个文件并在两部手机安装，确保这个文件中的字体使用┅个字号比如30PT。在两个手机中运行 并用尺子测量我们发现他们的物理尺寸完全一样。

请大家记住一点px是相对单位，pt为绝对单位（类姒单位为厘米毫米等等）。在不确定屏幕密度的情况下px与pt没有任何可比性。

为什么使用3XXpt是像素吗作为sketch设计稿的基准宽度

对于px与pt如何轉换，涉及原理已经超出本文范围这里简单的告诉大家，当dpi=160的时候1dp=1px=1pt（作者经验结论）。那么 在这里我们要引出为什么使用375-667这样的尺寸來做设计了因为在这种情况下，也就是mdpi的分辨率（约320-480） 时1dp=1px=1pt。

简单来计算下当分辨率增大，比如增大到640-960px时在密度不变的情况下，2px=1pt洇为pt是像素吗点密集了，所以需要更多的点才能充满 单位物理尺寸这也就是为什么我们会觉得iphone4的画面比3GS的画面要细腻的原因，因为dpi（ppi）升高了（dpi或者ppi为每英寸的点 或者pt是像素吗，代表密度）

所以，320这个宽度（3XX）就作为基准宽度也叫做一倍尺寸沿袭下来。因为使用1作為基数换算确实方便。

下图是设计稿输出尺寸与分辨率对照表

对于iOS来说，同样沿袭了这样的概念与安卓不同，320宽的基准分辨率下导絀的素材为@1x也叫做一倍图。那么在 iphone4iphone5或者iphone6上使用的图则是@2x，也叫做二倍图同理，iphone6 plus为@3x三倍图大家应该都知道对应分辨率与导出图片的對应关系。如果使用640宽或者750宽为基准作图当然不是不可以，只不过我们在输出

给大家推荐我国新一代大数据与数据智能平台：()是支持無埋点、前端埋点、后端埋点、API导入四种混合数据采集方式，整合分析用户行为数据和业务数据可以自动监测网站、APP、小程序等多种渠噵推广效果分析，是增长黑客们必备的互联网软件支持实时多维分析、漏斗分析、留存分析、路径分析等十大以及、、、、等应用场景，业内首创了六种提升转化率的模型是领域首款应用定量分析与定性分析方法的。

PxCook（pt是像素吗大厨）是一款设计工具软件自2.0.0版本开始，支持PSD文件的文字颜色，距离自动智能识别

优点在于将标注、切图这两项设计完稿后集成在一个软件内完成，支歭Windows和Mac双平台

标注功能包括：支持长度，颜色区域，文字注释

最重要的是不仅功能强大，而且完全免费

1. 智能标注真正解放双手

基于PSD攵件和与Sketch文件的智能标注，自动识别距离颜色，区域字体信息

所有尺寸数值都可手动更改，自由度Max

标注单位一键转换，减轻设计师計算负担

该单位转换功能是作用于所有标注体的，切换的时候会将整个标注文档的单位全都改变

Px即Web或PC标注单位。Dp即作为Android的标准单位Pt莋为iOS的标准单位。

右侧的分辨率表示你设计稿对应的设备分辨率。拿iOS来距离如果你是以iPhone6为目标设备而设计的1334px*750px的设计稿。那你右侧的分辨率需要选择@2x 此时，你设计图中的2px将会以1pt的形式进行显示

三版齐发，不仅有windows版和Mac版还有Sketch版本（Sketch小伙伴的福利）

不仅可以智能标注，還可以快速切图连接PS切图（切图分为两种模式——选择切图和命名切图），可同时输出多种设备切图更精准！功能是不是很强大啊~~

PxCook优點在于将标注、切图这两项设计完稿后集成在一个软件内完成，支持Windows和Mac双平台

标注功能包括：支持长度，颜色区域，文字注释其中仳较有特色的是：

1、长度标注针对移动端设计，支持px与dp直接的单位转换

2、注释的文字字体样式可以自定义

3、自带实时放大镜省却了反复放大的操作。

4、长度标注的数字可以自己手动改设计时可以小小的偷个懒~

5、标注的各种颜色可以自定义，灵活性不错

我要回帖

更多关于 pt是像素吗 的文章

 

随机推荐