Pixel Proliferation是一个神奇的工具集,能够让你管理屏幕分辨率。
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中无用的剪辑路径。