header_v0.7.32

如履薄冰系列 · 单位

1年前发布

原创文章 / 平面 / 教程
雾非花 原创,如需商业用途或转载请与雾非花联系,谢谢配合。

如履薄冰系列 · 单位。

精炼而深入地解读单位、分辨率、清晰度、性能。并从印刷、界面两个设计环境,给出完美的指导!~






@endlessring  

让你久等了~~



请在电脑上查看,以获得更好的体验

配图好累,暂不配图












设计界,设计软件、硬件、制作工艺等多由国外引入,众多相关领域相近的概念,未经系统整理,而传播开来,由此,导致了设计中众多概念的重叠以及混淆。以往,设计师往往专精于一个领域,所以并未明显感受到概念的重叠以及混淆带来的苦恼。


而今,市场环境多变,跨领域、跨界的设计师才是市场所需。跨领域、跨界所带来的痛苦,笔者可谓,感触颇深。个人工作中略有体会,现将经验分享给各位同行~


我是自学的设计,一切知识都凭兴趣,自己一步步摸索得来,其中有很多学习信息都源自网络,感谢前辈们的分享、知识共享的精神,以及蒂姆 · 伯纳斯 · 李——互联网的爸爸~

















实际工作中,我们关心的,往往是作品的清晰度,软件编辑时的性能,以及打印机、手机等运行时的性能。从这几个角度,做出优化,才能提升用户体验,降低成本提高效益。


所以这个系列文章主要解释,单位、分辨率、清晰度的概念,以及在软件编辑阶段、设备运行阶段的性能问题。并为不同环境给出了推荐方案。









♡ 本文由浅入深  ·  切莫因为开头简单而轻视 ♡











——

——



in  ·  cm  ·  mm


这一类单位是大家熟悉的,为了减少误解,在这里做出如下约定,此类单位所描述的尺寸就是实际物理尺寸



如:一个人头长 25 cm。拍成照片,在5 cm 的纸上打印出来,在纸上,量出人的 头为 5 cm。但是人的头依旧是25 cm。25 cm 描述的就是实际物理尺寸。这一点对于理解后面的问题很重要。要理解实际物理尺寸的概念。





——


——






♡ pixel  ·  point  ·  dot  ·  line ♡


令人苦恼的是,这些单位的含义是接近的、甚至是一样的。


pixel 像素

用来描述 jpg、png 等非矢量格式图片的宽、高、像素总数,如:360 x 640 px,1800 万像素。也经常用来描述相机感应器的逻辑感应点,注意和物理感应点区分)。


点  ·  用于描述显示屏呈像点,也有用像素来描述显示屏呈像点数量;

点  ·  用于描述打印机的墨点,包括点阵式、喷绘式、激光式、静电式打印机;

点  ·  用于描述雕刻机、激光切割机等的操作精度单位;

点、线  ·  用于描述数位板感应点、线,扫描仪扫描点、扫描线。



别哭,这些翻译虽然坑爹,但是我们做出如下约定,就好啦!

像素,专门表示非矢量格式图片的长宽、像素总数、以及屏幕呈像点;

墨点,打印机专用;

点,雕刻机、切割机、数位板、扫描仪等通用;



········································································

♡  由于,人们会用分辨率来描述以上概念。

♡  而,分辨率的概念太抽象,有的人会将分辨率等同于清晰度。

♡  且,清晰度的问题是下一篇文章要讨论的。不好划分章节。

♡  在光学领域,分辨率又和解析度等概念粘合,不容易区分。

♡  综上,在笔者的文章中将不会使用分辨率这一概念。

♡  好吧,其实是因为懒,多解释一个概念,要花费的精力太多,而又没有什么卵用。

·········································································



♡ 没有长度的单位 ♡


这些单位都是没有长度的,怕你看不懂,给你几分钟缓一缓 ~ 恩 ? 不服 ?


1px 可以是 100 cm 长,也可以是 1 cm 长,因为 px 这一类单位只表示一个方框(注 ① )的色彩信息,如:这个方框内为红色 # ff0000 ,但是这个方框有多大?需要用实际物理尺寸表示出来,而这,就取决于密度单位。


①:为了简化问题,在此请这样理解,实际情况比这复杂得多,不一定是正方形,我怕你看不懂。恩?不服?







——

——






♡ dpi  ·  ppi  ·  ppi  ·  lpi ♡


DPI  ·  dot per inch   

PPI  ·  point per inch

PPI  ·  pixel per inch 

LPI  ·  ine per inch    



由于 px 等单位不描述长度,而实际打印、显示时需要说明一张照片打印多大,所以,使用的是绝对长度单位 cmin 等。


由于,现代设计软件、制作工具和工艺均由国外引入,所以实际中多用 in(英寸,使用 cm / mm 等国际单位时,也是以此为准,换算而来),


如:将 300 px 打印成 1 in,实物为 2.54  cm。
即,以 300 dpi 的密度打印(dot per inch,由计算机里的像素点 px 转变为打印机的墨点 dot ,像素点和墨点 1:1 对应)。


其他密度单位,以此类推。








——

——





既表示点,又有固定的密度的单位,此单位不描述图片像素,也不描述屏幕呈像点,可将其视为绝对长度单位。




由 point 音译而来,简写为 pt,专用于造字、排版、印刷行业,此单位曾经有多种标准,现在的统一标准为:

72 pt = 1in = 25.4 mm



ios · point

iphone 所使用的单位,160 pt = 1 in =25.4 mm



android · dp / sp

android 设备所使用的单位,sp 用于文字,便于开发人员设置文字尺寸。160 dp = 1 in =25.4 mm



win · epx

win-phone 所使用的单位,160 epx = 1in = 25.4 mm


由此可以看出,移动端 ios、android、win 的单位是通用的哦!切记~



















下篇文章,将解析清晰度的概念,软件编辑阶段的性能问题。






你懂的

9
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功