Pixel Proliferation：面向设计师的屏幕分辨率管理工具

技 术总是不停地在变化。设备视图在不断地改变，同时设备的类型也在推陈出新。随着中等尺寸屏幕设备（mid-screen devices）的需求日益增长，管理所有设备的分辨率和屏幕尺寸已经变得越来越困难了。因此我们将现有的针对各种屏幕分辨率的管理工具整合在了一起，供 用户下载。

无论是触屏的HVGA移动设备还是5路输入的高清晰电视，Punchcut的UI项目都涉及到了。我们一直致力于解决新屏幕尺寸的处理问题，并不断改善屏幕呈现格式。这些年来，我们已经推出了一些有效管理设备的方法和工具。

 

下面是一些更加详细的介绍，我们还在此分享了一些有用的工具：

 

设计注意事项

1.每个设备都各有不同

现有的设备是多种多样的，各种设备都有所不同。屏幕的物理尺寸和长宽比往往很难统一。即使某些设备的像素是一致的，它们的密度——像素的大小和像素间的空隙——也存在很大的差别。我们将要分享的工具就是专门用来处理这类问题的，有了它，新设备的开发将会轻松不少。

当 然，需要注意的是，它是一个工具，并且仅仅只是一个工具。不要指望它能够完成你的所有工作。好的设计应该注重细节的处理。怎样处理细节？你不仅需要注意设 备的尺寸，还需要考虑设备通常所处的应用环境：用户如何持有它，如何处理触摸操作，它是手持设备还是固定在某个物体表面的，以及在不同的环境中它是如何表 现的。

多种分辨率(这个图片和其他相关的图片都可以在下面的下载链接中找到)

2.设计要以人为本

在 为一个新的屏幕设计时，设计师的工作不仅仅是将元素的尺寸调整成适合设备大小的规格。更重要的是，他需要考虑设备在真实世界中是如何运用的，从而使得设计 的格式能够符合用户的使用习惯。像素大小只是考虑的因素之一。像素密度的设计必须符合用户的触摸习惯，并且内容安排也需要方便用户的阅读。

3.在目标设备上测试你的设计方案

桌面屏幕通常具有固定的像素密度（72或是96dpi）。开发者往往以为使用PSDs就可以省去在真实物理设备上测试设计方案的步骤了。千万不要犯下这个错误。恰恰相反，在目标设备上重新审视你的设计工作是非常有意义的，你能够发现许多你可能忽视的设计缺陷。

工具集

我 们的工作就是将设计师的设计想法更加高效和简单地呈现出来。为此，我们开发了一组非常实用的设计工具，它能够帮助设计师将各种抽象的想法转化为现实内容， 帮助他们设计开发。我们愿意将这些工具与大家分享，促成更多更加优秀的设计，同时推动高质量的UI设计，让用户能更快地享受到优秀的UI应用。

我们希望，这个工具集能够帮助你更快地适应新设备和新分辨率的开发，让你能够将更多的经历投入到新功能的开发上。

工 具集（1.0版本）包括的设备PSDs：Apple® iPhone® 4, Google® Nexus One, HP® Palm® Pre, RIM Blackberry® Torch™, Apple® iPad®, Motorola® Xoom™, 和Sony® Bravia™.

压缩文件中包含：

1.一组Photoshop® CS5的选取框工具集合，支持常见的屏幕分辨率。它涵盖了固定屏幕分辨率和符合标准分辨率的不常用规格。

2.一组支持常见设备设计方案演示的Photoshop CS5 PSDs。其中包含了标准的分辨率和设备类型（电视，平板电脑，智能手机）。这些屏幕尺寸可以根据具体的应用环境调节设计方案。

3.分辨率和设备布局的相关图表。

2011年四月5号更新到了1.1版本——修正了Blackberry上Torch文件的一些问题，它被设置成了100dpi。删除了部分PSDs中无用的剪辑路径。

注：本文是Punchcut公司的一个产品和技术介绍文章，作者是Andy Gilliland。

文章来源：Pixel Proliferation:A Toolset For Managing Screen Resolutions

 

译文来源：http://www.webapptrend.com/

 WebAppTrend是一个独立的技术博客，关注Web App前瞻和实践，以及智能浏览器发展 

请大家在关注ITeye的同时，关注我们的新浪微博 @WebAppTrend，关注我们的腾讯微博@WebAppTrend，欢迎加入我们的Q Q群：193775364