`
wcgdonot
  • 浏览: 93656 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

设计师 DPI 参考指南

阅读更多

最近 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

 

分享到:
评论

相关推荐

    Android_UI_设计秘笈

    总的来说,这本书为Android UI设计提供了全面的指导,涵盖了从基本原则到具体实现的各个环节,是Android开发者和设计师不可或缺的参考书籍。通过学习和实践书中的建议,开发者能够打造出更加美观、易用且适应性强的...

    Android系统图标设计规范.doc

    ### Android系统图标设计规范 #### 一、引言 随着移动平台竞争的加剧,良好的用户界面成为提升用户体验的关键因素之一。图标(Icon)作为用户界面的重要组成部分,...希望本文提供的指南能为设计师们提供有益的参考。

    好看的系统图标 要的拿去

    总而言之,"好看的系统图标 要的拿去"意味着提供了一个优质的图标资源库,这些图标可能适用于个性化操作系统界面,提升用户体验,或者供开发者和设计师在创建新的软件或系统时参考使用。在使用这些图标时,确保尊重...

    可以一键修改屏幕分辨率的小软件

    这可能对那些经常需要在不同分辨率之间切换的用户(如开发者、设计师或者游戏玩家)非常方便。 压缩包内的文件名称列表提供了更多关于软件如何工作的线索: 1. 1024768.bat 和 800600.bat:这些可能是批处理文件,...

    非常实用的图标(ICO格式)

    6. **无障碍设计**:考虑到不同用户的需求,包括视力障碍的用户,设计师应确保图标即使在没有文字辅助的情况下也能传达其含义。此外,颜色对比度也需符合无障碍标准,确保色盲用户也能区分不同图标。 总之,这个...

    verilator_doc.pdf

    它的主要作用是提供一个更快的模拟环境给硬件设计师和开发者,用于验证FPGA和ASIC设计。 1. Getting Started: - 概述了Verilator的基本使用方法和工具链。 - 提供了例子,示范了如何运行C++和SystemC执行。 - ...

    word排版艺术

    ### Word排版艺术知识点概述 #### 一、Word排版基础概念 ...希望每位读者都能成为优秀的文档设计师! 以上内容仅为示例性概述,《Word排版艺术》书中还包括更多实用技巧和精彩案例,值得深入学习探索。

    基于PixArt PAW3703DL-TXNT 2.4GHz 无线光学鼠标方案-综合文档

    1. 高DPI(每英寸点数):该传感器可能支持高分辨率,使得鼠标移动更加精确,适应不同用户对精度的需求,例如适合设计师、游戏玩家等。 2. 快速响应速度:光学传感器的刷新率决定了鼠标的响应速度,高刷新率意味着...

    利用数据线中的共模扼流圈(CMC)提高电磁兼容性

    这些模型涵盖了扼流圈在整个相关频率范围的电特性,允许设计师在不需进行全面系统设计的情况下评估扼流圈的功能。初级模型可实现快速评估,而高级模型则能提供更精确的模拟结果,但需要更长的模拟时间。 综上所述,...

Global site tag (gtag.js) - Google Analytics