欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

设计师 DPI 参考指南

程序员文章站 2022-05-27 10:25:33
...

最近 Google 公司 Chrome 部门的设计师 Sebastien Gabriel 写了一篇介绍 DPI 的文章,里面介绍了 设计师在为各种设备(PC、IPhone、IPad、Android、等)设计 UI 的方式和容易遇到的各种问题。内容涉及到:

  1. 什么是 PPI 和 DPI
  2. PPI 和 DPI 对 UI 有啥影响
  3. 屏幕分辨率
  4. 什么是 4K
  5. 什么是屏幕分辨率
  6. 什么是视网膜显示屏(retina)
  7. 如何用倍数来换算不同的屏幕尺寸
  8. 什么是 SP、DP和 PT
  9. 在 IOS 上处理 PPI
  10. 在 Android 上处理 DPI
  11. 在 Mac 和 Chrome 笔记本是处理 PPI
  12. 如何处理 可拉伸 的资源
  13. 如何处理可点击的资源
  14. 设计软件

这是一篇详细介绍了像素、PPI、DPI 等为各种设备屏幕设计的入门文档,如果您是设计师,建议您详细了解下该内容;如果您是开发者,建议您告诉您的设计师了解下该内容。

DESIGNER’S GUIDE TO DPI:http://sebastien-gabriel.com/designers-guide-to-dpi/home