❶ PxCook像素大厨V39960官方版PxCook像素大厨V39960官方版功能简介
大家好,关于PxCook像素大厨 V3.9.960 官方版,PxCook像素大厨 V3.9.960 官方版功能简介这个很多人还不知道,现在让我们一起来看看吧!
PxCook像素大厨是一款非常强大的智能切图软件,它提供PSD文件解析、Sketch设计元素尺寸、文本样式、颜色的智能标注等功能,支持各种智能切图,自动识别各图层尺寸及文本样式等,从设计到代码,让团队高效协作让切图更精准!
【优势介绍】
【智能标注】提供PSD文件解析与Sketch插件支持,自动识别各图层尺寸及文本样式等,标注更快捷!
【Px Dp Pt单位转换】标注单位一键转换,减轻设计师计算负担。
【数字随便改】所有尺寸数值都可手动更改,自由度Max。
【psd快速切图】连接PS切图,可同时输出多种设备,切图更精准!
【特色介绍】
云协作 & 本地项目任选
与团队一起同步最新设计稿, 协作更高效。
将设计上传到PxCook云或保存为本地文件, 满足全部需求。
支持存储方式:云存储, PXCP项目文件, PNG
自动手动随意切, 既精准又快捷
只需点击拖拽, 即可轻松获得间距尺寸, 字体, 阴影圆角等所有信息。
PNG, JPG也能手动测量。支持标注单位:PX , PT , DP/SP , REM。
提高前端开发效率
直接生成可执行样式代码
热门语言全部支持:CSS, XML, Objective-C, Swift, ReactNative
满足所有团队配置
支持Win/Mac, 支持PS/Sketch
无论你是用Windows, 还是macOS。无论你用Photoshop设计, 还是Sketch,
在本地项目和云协作项目中, 都全部支持。
【功能说明】
智能标注
无论是元素间,元素与边框间的距离标注,都只需要简单的拖、放,点、选就自动生成了。
通过智能标注得到的所有标注信息,都会随着您原始设计稿的变化而进行自动更新,省去了手动再调整一遍的成本。
间距标注
尺寸标注
内间距标注
文本样式标注
在Ps里有些用户习惯对图层使用颜色叠加来修改文本颜色,甚至文本图层外还会套着有颜色叠加的组。这些在PxCook中都不是问题,PxCook可以通过各种嵌套和颜色叠加关系,将最终的文本颜色解析并标注出来。
区域标注
4、单位转换
考虑到面向不同手机操作系统的设计师用到的单位不同,PxCook可以自动切换单位,所有标注都轻松同步更换~
5、数字手动更改
在保持真实尺寸不变的情况下,可改变显示的数值。以避免因为几像素的误差重新修改设计稿。
6、切图功能
切图功能需要远程连接ps,提供多种设备的切图输出,并可以对切片进行无损缩放。同时支持对图层样式的缩放。
7、自动备份
软件会对标注定时进行自动备份,以防止意外情况的发生,你可通过设置面板查找备份的存档地址。
【怎么标注】
想要在pxcook中标注,那么你只需要先选择要标注的元素。
然后在左边工具栏中选择【生成尺寸标注】。
然后就可以看到图标已经被标注好了。
【怎么切图】
在像素大厨中想要切图,那么可以这样做:
选中想要切图的【图层】或者【图层组】,然后点击切图面板上的【标记为切图】按钮。
当被标记为切图后,将在图层前面增加 p:: 作为标记。如果要取消切图,点击【取消标记】即可。
【怎么放大图片】
在pxcook中想要放大图片,那你可以通过快捷键ALT+鼠标滚轮或者CTRL+【加号键】来放大。
如果快捷键无法使用,那可以通过点击画面右上角的缩放来放大。
【常见问题】
智能标注功能适用于什么文件?
目前PxCook的智能标注适用于.psd文件和sketch画稿。.psd文件直接拖入PxCook即可开始智能标注。Sketch可通过下载插件,将设计稿导入到PxCook。
能直接生成自动标注吗?
可以。自动标注是在智能标注的基础上更进了一步——在pxcook中,只要拖拽psd或插件上传sketch,就可以在顶部选择开发模式后,点击图层元素,直接生成代码。生成的包括文字信息,尺寸间距,阴影渐变圆角等所有信息。随时可以通过设计稿查看前端代码。
为什么我的Ps设计稿拖入后会一片空白?
因为Ps没有在设计稿保存前勾选最大兼容模式,win和mac的最大兼容模式勾选方法如下:
Win:点击顶部菜单的编辑,找到首选项,在首选项弹窗内勾选最大兼容模式
Mac:点击顶部的Photoshop按钮,找到首选项,在首选项弹窗内勾选最大兼容模式
切图PxCook也支持吗?
标注切图,在PxCook里,一起搞定。
【更新日志】
优化:用户体验优化。
优化:部分弹窗的文案优化。
修复:修改项目名按钮有时候会错位的bug。
修复:在本地项目中也可以点击导出为本地项目的bug。
❷ 求问Android中如何将dp,dip,sp与px相互转化
Android中有很多度量单位:比如常用的dp,dip,sp,px等,有时候需要将他们相互转换,有下面非常方便的方法:
❸ 谁能通俗举例,dp、sp、px的转换关系
PPI = Pixels per inch,每英寸上的像素数,即 "像素密度"
xhdpi: 2.0
hdpi: 1.5
mdpi: 1.0 (baseline)
ldpi: 0.75
drawable-ldpi、drawable-mdpi、drawable-hdpi 精度分别为低、中(android默认)、高。
对应的图片大小为:36x36、48x48、72x72。
xxhdpi: 144*144
xhdpi:96*96
hdpi:72*72
mdpi:48*48
ldpi:36*36
dp是虚拟像素,在不同的像素密度的设备上会自动适配,比如:
在320x480分辨率,像素密度为160,1dp=1px
在480x800分辨率,像素密度为240,1dp=1.5px
计算公式:1dp*像素密度/160 = 实际像素数
drawable- hdpi、drawable- mdpi、drawable-ldpi的区别:
(1)drawable-hdpi里面存放高分辨率的图片,如WVGA (480x800),FWVGA (480x854)
(2)drawable-mdpi里面存放中等分辨率的图片,如HVGA (320x480)
(3)drawable-ldpi里面存放低分辨率的图片,如QVGA (240x320)
系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。
ppi的运算方式是:
PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数
dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px,
dp和px的换算公式 :
dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。
sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px。
sp 与 px 的换算公式:sp*ppi/160 = px
总结得出:
px = dp*ppi/160
dp = px / (ppi / 160)
px = sp*ppi/160
sp = px / (ppi / 160)
❹ px,dp和sp,这些单位有什么区别
1. dp(密度无关像素)和sp(缩放无关像素)在功能上与px(像素)相似,但它们提供了更好的适应性。dp用于布局和尺寸设置,而sp专门用于字体大小设置。
2. dp不受屏幕密度变化的影响,保证了在不同密度的屏幕上尺寸的一致性。相比之下,px的值在不同密度屏幕上保持不变,但显示的大小会变化。1dp始终等于1px,无论屏幕密度如何。
3. sp不仅与密度无关,还与用户设置的缩放比例无关。这意味着,即使用户更改了字体大小设置,使用sp单位的文本大小也不会改变。这保证了字体大小在不同设备和用户设置下的一致性。
4. 使用dp和sp作为单位,可以实现跨设备、跨用户的界面一致性。系统会根据当前屏幕的密度和用户的字体大小设置,自动将dp和sp值转换为适当的px值。这样,开发者无需考虑屏幕密度和字体缩放的变化,就能设计出适应性强的界面。
❺ pxdp和sp这些单位有什么区别
px、dp和sp,这三个单位的区别在于,它们的定义各不相同: px:指像素,是指基本原色素及其灰度的基本编码。
2.dp:安卓开发时的长度单位。3.sp:与缩放无关的抽象像素,是字体单位。px:是Pixel的缩写。像素是指基本原色素及其灰度的基本编码,由 Picture(图像)和 Element(元素)这两个单词的字母所组成的。当图片尺寸以像素为单位时,需要指定其固定的分辨率,才能将图片尺寸与现实中的实际尺寸相转换。例如:大多数网页制作常用图片分辨率为72,即每英寸像素为72,1英寸等于2.54厘米。2.dp:Density-independent pixel,是安卓开发用的长度单位,1dp表示在屏幕像素点密度为160ppi时1px长度。安卓端屏幕大小各不相同,根据其像素密度,分为以下几种规格: 3.sp:scale-independent pixel,安卓开发用的字体大小单位。一般情况下可认为sp=dp。❻ dp、sp、px区别[完整]
做移动设计的同学,不管是原生app或者web app,应该对字体字号都是很头痛的问题。根本原因是,我们用唯一分辨率的电脑,设计各个不同尺寸大小分辨率的设备,那简直要疯掉了。
但不要着急,我们先来理解一下一些名词:
我们一般会碰到的度量单位主要有:dpi、ppi、dp、sp、px、pt、in。其中,px应该各位最熟悉的单位,也是我们主要使用的photoshop或者axure等工具用的度量单位,而它在移动端时,的确已经“过时”了。但不要着急把它丢掉,因为它是接下来非常重要的换算单位(所有手机参数还是用px在表达)。
dpi和ppi这两个是密度单位,不是度量单位,而这两个恰恰是我们换算中重要的分母。简单理解一下:
ppi (pixels per inch):图像分辨率 (在图像中,每英寸所包含的像素数目)
dpi (dots per inch): 打印分辨率 (每英寸所能打印的点数,即打印精度)
dpi主要应用于输出,重点是打印设备上。
我们在移动应用中提到ppi和dpi其实都一样(概念不同,但对设计来讲没有特别需要深入了解),所以我们先忽略掉dpi。而ppi的运算方式是:
PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数
举个简单的栗子,iphone5的ppi是多少?ppi=√(1136px² + 640px²)/4 in=326ppi(视网膜Retina屏).这样大家就能够明白ppi和px的关系。
这里还提到in(英寸)这个词,这个非常重要,因为现实中我们经常提到4英寸手机或者5.5英寸大屏手机,而这个尺寸是用户真正感受到的物理大小,所有提到不同尺寸的屏幕不仅仅是分辨率或者像素,而更多的是英寸。
好,现在关键的来了,dp、sp、pt,是我们设计中的关键。
dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px,dp和px的换算公式 :
dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。
sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px。
sp 与 px 的换算公式:sp*ppi/160 = px
是不是看起来dp和sp一样,在Android设计原则中,有提到这两个单位,他建议文字的尺寸一律用sp单位,非文字的尺寸一律使用dp单位。例如textSize="16sp"、layout_width="60dp"。
为什么要把sp和dp代替px?最简单的原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。
但问题来了,ps或者axure里面没有sp或者dp这个选项啊,怎么办?看到网上有人说用pt去替换px(pt是物理高度,1in=72pt)。 补充一下自己推算的pt转换px的公式,不一定对,可以参考:例如9pt,再96dpi下,那么就是9 * 1/72 * 96 =12px。而在72ppi下,9pt=9px。
我再来做个小小的实验:
1、先了解清楚你笔记本的ppi,比如我的macbook air是11.6英寸,1366 x 768分辨率,那么它的ppi就是135ppi。
2、然后新建一个页面,输入的ppi值就是你电脑的ppi值。我们先来看看不同ppi值在电脑上呈现的字体大小是怎么样的:
我用的都是arial 14点 (注:专家指正这里不是px而是pt,点) 的字体,但在320ppi、160ppi、135ppi(我自己的)以及标准72ppi下的大小,截然不同。
好,我们再来看看,在电脑上直接截图web页之后对比的效果:
你会惊讶的发现,只有72ppi是正常的,其他字体都不对了,因为原本的web设计是不用考虑dp、sp或者ppi的,它是直接px作为物理单位的,而点在72ppi下(1pt x 1/72 x 72dpi=1px)是正常显示的。所以我们以前做web的时候根本不用担心自己的设计在别人电脑上看起来会很大或很小。 当然其实像firefox是用96dpi,也就是9pt=12px。
但我再截一下用iphone访问web之后的图:
好吧,这时候,你就发现72ppi是见鬼了,因为这个字体在手机上看到完全地小了,所以做移动设计不要傻乎乎地还用72ppi了,不然你很难判断效果。(当然你也可以借助我之前提到的同屏工具来映像到移动设备上查看效果,但这个其实会很麻烦很麻烦很麻烦...)
但是到底是选160ppi还是135ppi呢?如果选了135ppi那在别人的电脑上会怎么样呢?是不是又要重新调?其实不用,我借用另外一台Retina的macbook pro做了相同的测试,你会发现,其实和屏幕ppi无关,和你在ps里设定的分辨率有关。
[补充,有位专家指出我的不对,就是在点和px上我搞错了,我又尝试了一下,如果是px的话,不同ppi下字体大小是不变的,而点(pt)的话会有变化。
并且如果是用pt来代替px的话,为了整除方便,那么ppi一定要设置成72的倍数,比如144ppi,上图里面160ppi则会除不尽,所以上图其实160ppi的字体还是和截图字体有些许差异。]
然后有专家提出,iOS下是用pt作为字体单位,而Android是以sp作为字体单位,而且web app还是以px作为字体单位。怎么样让设计和输出单位是一致的?我之前给出的解决方案并不十分严谨易懂,所以我重新编辑了一下。
为了求证移动字号的问题,跑了一圈同事,最后只能暂时得出一些“不一定正确”的结论:
1、字号行业标准几乎没有,不像web一样,宋体12px、14px这样很清楚。我唯一找到的只有Android的设计建议:
图中 原作者 还换算了一下在240ppi下对应的px值。
而我问了一圈同事,基本上现在设定字号都是凭感觉做事的。当然你也可以参考Android这个标准。
2、如何在电脑上快速预览高清内容是否排版合理,我想到最简单的一点就是缩放psd,缩放的比例很关键,要达到物理尺寸,首先你得知道你电脑的分辨率,我的分辨率是135ppi,如果要看分辨率是326的iphone上的效果,就缩小到135/326≈41.4%,你就会发现物理尺寸非常接近。可以看看一些排版上的问题。当然你也可以 装一些工具 来达到更好的效果。
3、怎么和开发沟通你的字体大小?我也没有特别好的办法,就简单分成3块来说:
iOS,你设计的时候字体记得用“点”,然后ps设定分辨率用标准的72ppi即可,因为据同事说,这样下的pt值是准确的,或者说iOS自动会转换这个值。具体也需要大家操作了才知道。而这个分辨率下1pt=1px,我简单换算了一下sp->px->pt的尺寸:
12sp=24.45px=24.45pt;14sp=28.52px=28.52pt;18sp=36.67px=36.67pt;22sp=44.88px=44.88pt;
但这个小数点实在难受,所以四舍五入取整数,并且为了保证可以整除,那么可以是24pt、28pt、36pt、44pt。
Android,你就用标准sp就好了,当然其他图片等尺寸你可以用dp来表述。
Web app,这个我也找不到答案,因为Web app还会涉及到响应式设计,而且前端会用em去表示字体比例。所以同样,如果你用72ppi分辨率做的话,直接可以把对应的字号告诉开发就好了,当然最好你所用到的字号是倍数关系,最小倍数是0.25,这样用em去做比例的时候会更容易些。比如12px、16px、24px、32px这样。
有关字体字号的研究已经有同事在做,以后有结论了再和大家分享。
原网址:https://zhuanlan.hu.com/zhezhexiong/19565895