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

Pixel Proliferation是一个神奇的工具集,能够让你管理屏幕分辨率。

Pixel-Proliferation

1.每个设备都各有不同

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

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

3759283

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

2.设计要以人为本

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

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

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

工具集

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

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

3759284

工具集(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中无用的剪辑路径。

官方网站:http://www.punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions/

1 收藏

资源整理者简介:卢伟

设计师、极客爱好者 个人主页 · 贡献了320个资源 · 5 ·    


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer