写给设计师的DPI指南(最详细的分辨...

  • 经验类型规范/资料原作者:Sebastien Gabriel

  • 经验属性自译外文
  • 经验版权署名-非商业性使用-相同方式共享
12883 26 145 2016-03-10

这是我最近看到的关于分辨率相关知识的最详细和完整的介绍,我将其翻译出来分享给大家,因为中英文的一些差异,有一些细节地方会结合自己的理解进行翻译,如有错误敬请指出

Image title



Image title

Image title

Image title

Image title

Image title


Image title


Image title



Image title


Image title


Image title


Image title


全部评论:26条

  • NO51

    2017-03-14 07:10

    楼主,请问后续翻译您有继续做吗?原网站已经失效了,不知道哪里可以看到原文?

  • 金燕JY

    2016-09-06 10:21

    我表示完全没看懂,我只想晓得单位的换算

  • cassieSue

    2016-08-31 17:43

    题目是DPI指南,为什么我看到整篇都是PPI??谁能告诉我这两种是啥关系,DPI抛开打印的说,在屏幕上是什么?和PPI啥关系,为什么一直讲PPI而不是DPI??

  • 多面Q

    2016-04-21 11:36

    @异乡的小只: “1080P的屏幕已经差不多算2K了”这话我不敢苟同,”已经算“这个话其实不该是个设计师说的

  • 多面Q

    2016-04-21 11:34

    @Isahooo: 没啥影响,你做啥网页端的,PPI都是72,尺寸看需求,做运营和其他差不多

  • 多面Q

    2016-04-21 11:32

    @异乡的小只: 少年你火气很大啊~苹果一体机就是21.5是4K,27的是5K,你自己要是觉得人傻钱多可以不买,但是没有必要对买的人指手画脚,那就是太五毛了,全世界你都不会满意

  • 异乡的小只

    2016-04-09 17:40

    @Isahooo: 首先,买了一体机,而且还是4K,真佩服您有钱,人傻钱多啊。 买4K显示器是要看电影?看个毛啊,现在网上有4K的片源吗?就算有掰掰手指头都能算过来。 买4K显示器要作图?做个毛啊,作图跟你的PC显示器有个扯jiba毛关系?好好看看屏幕密度,屏幕尺寸,分辨率这三者的关系。

  • Isahooo

    2016-04-01 18:01

    @异乡的小只: 对平面到是没有什么影响,最近刚入了一台一体机,4K显示屏,做网页跟移动端的我有点茫然~

  • Sketch钻石党

    2016-03-21 23:05

    @王献勇: 正解。

  • Sketch钻石党

    2016-03-21 23:04

    没细看,发现一个严重的谬误。就是在进行 UI 设计的时候, Photoshop 里建立文档设置72还是90甚至是300PPI 不会对你的设计产生任何影响,这个是一个影响打印的参数,因为设备最终显示单位都是像素,无关你像素密度多大。设置300PPI 的文档里100X100像素和设置72PPI 文档里的100X100像素没有任何区别。这就是为什么 sketch 没有设置 PPI 的选项原因。至于为什么是72和90,这个原因跟各自早期产品有关,目前市面销售的显示器绝大多数都是72PPI。少数有90,而苹果的15英寸 Retina 屏幕是217PPI(这个不是物理 PPI,真实物理 PPI 是295),至于为什么,可以参考 iPhone6S Plus 的屏幕。

  • 异乡的小只

    2016-03-20 22:29

    @Isahooo: 4K的屏幕应用在移动端真的没什么价值,纯粹是炒作。另外PC要是出现了4K屏幕,那给网页设计师真的又是挖了一大坑,还有那些做端游页游的恐怕要哭尿了。 另外,不知道你说的平面设计跟4K有个毛关系?

  • 异乡的小只

    2016-03-20 22:24

    @多面Q: 1080P的屏幕已经差不多算2K了。一般电影院的屏幕都是4K的。但是如果你要拿两块相同尺寸的2K和4K屏幕,肉眼真的很难分辨出来差异了。所以在移动端所谓的4K只是商家的噱头罢了。除非你把手机弄到跟IPAD一样大,甚至大小接近PC屏幕,那样4K才有价值,可是这不是扯蛋里吗?

  • Isahooo

    2016-03-16 11:40

    想问一下,4K的屏幕,对做网页、移动端、平面等视觉设计有什么作用和影响,做出的东西其他的分辨率显示会有影响吗?后面看的还不是很明白~

  • 多面Q

    2016-03-15 14:23

    三星S6是2K屏幕~

  • 黄方闻

    2016-03-15 12:12

    @JAMESONJR: 感谢提醒,只是对照原文翻译的,可能作者写这篇文章的时候还没有Z5

  • cyr_0000

    2016-03-14 22:54

    好文!

  • 呼呼大

    2016-03-14 13:51

    只知道dpi和ppi之间的换算公式,看了文章还是不太懂

  • zxcasd

    2016-03-14 11:53

    3和4都没有了

  • zxcasd

    2016-03-14 11:50

    并没有看懂,,,拿5和6或6s或者6plas举例,,,,拿3和4,有些人肯定是看不懂的

  • Sodabreeze

    2016-03-14 10:29

    并没有看懂@_@

  • 王献勇

    2016-03-11 17:40

    实际上,在设计的时候只需要设置好长宽(单位以px),不需要管分辨率那个东东。然后,因为设计的电脑屏幕大小是固定的(如1080*1920px的显示器)所以,ppi这个值对设计中没有价值(你设300,宽还是1080px,他是动态的啊),记住,ps中分辨率这个东西,只有在长宽尺寸设置为物理单位(mm、cm)的时候才具有价值!所谓适配就是,1x,2x,3x(不需要管你电脑的ppi,你的输出本来就有px长宽的,塞到对应的手机自然会有ppi);你要想象在5寸4k的机子里面放入图标icon,那么,输出的大小就是1080的4x。

  • 加菲UX设计

    2016-03-11 17:19

    没看懂

  • JAMESONJR

    2016-03-11 16:00

    想说sony z5 premium是4K屏。。。

  • UIDX小气师兄

    2016-03-11 13:55

    感谢~

  • 小葵花乐园

    2016-03-11 13:14

    看不懂。。。。。

  • xixi_v2

    2016-03-11 12:50

    科普文~~

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票