技術(shù)總是不停地在變化。設(shè)備視圖在不斷地改變，同時(shí)設(shè)備的類(lèi)型也在推陳出新。隨著中等尺寸屏幕設(shè)備（mid-screen devices）的需求日益增長(zhǎng)，管理所有設(shè)備的分辨率和屏幕尺寸已經(jīng)變得越來(lái)越困難了。因此我們將現(xiàn)有的針對(duì)各種屏幕分辨率的管理工具整合在了一起，供用戶下載。

無(wú)論是觸屏的HVGA移動(dòng)設(shè)備還是5路輸入的高清晰電視，Punchcut的UI項(xiàng)目都涉及到了。我們一直致力于解決新屏幕尺寸的處理問(wèn)題，并不斷改善屏幕呈現(xiàn)格式。這些年來(lái)，我們已經(jīng)推出了一些有效管理設(shè)備的方法和工具。

下面是一些更加詳細(xì)的介紹，我們還在此分享了一些有用的工具：

設(shè)計(jì)注意事項(xiàng)

1.每個(gè)設(shè)備都各有不同

現(xiàn)有的設(shè)備是多種多樣的，各種設(shè)備都有所不同。屏幕的物理尺寸和長(zhǎng)寬比往往很難統(tǒng)一。即使某些設(shè)備的像素是一致的，它們的密度——像素的大小和像素間的空隙——也存在很大的差別。我們將要分享的工具就是專(zhuān)門(mén)用來(lái)處理這類(lèi)問(wèn)題的，有了它，新設(shè)備的開(kāi)發(fā)將會(huì)輕松不少。

當(dāng)然，需要注意的是，它是一個(gè)工具，并且僅僅只是一個(gè)工具。不要指望它能夠完成你的所有工作。好的設(shè)計(jì)應(yīng)該注重細(xì)節(jié)的處理。怎樣處理細(xì)節(jié)？你不僅需要注意設(shè)備的尺寸，還需要考慮設(shè)備通常所處的應(yīng)用環(huán)境：用戶如何持有它，如何處理觸摸操作，它是手持設(shè)備還是固定在某個(gè)物體表面的，以及在不同的環(huán)境中它是如何表現(xiàn)的。

多種分辨率(這個(gè)圖片和其他相關(guān)的圖片都可以在下面的下載鏈接中找到)

2.設(shè)計(jì)要以人為本

在為一個(gè)新的屏幕設(shè)計(jì)時(shí)，設(shè)計(jì)師的工作不僅僅是將元素的尺寸調(diào)整成適合設(shè)備大小的規(guī)格。更重要的是，他需要考慮設(shè)備在真實(shí)世界中是如何運(yùn)用的，從而使得設(shè)計(jì)的格式能夠符合用戶的使用習(xí)慣。像素大小只是考慮的因素之一。像素密度的設(shè)計(jì)必須符合用戶的觸摸習(xí)慣，并且內(nèi)容安排也需要方便用戶的閱讀。

3.在目標(biāo)設(shè)備上測(cè)試你的設(shè)計(jì)方案

桌面屏幕通常具有固定的像素密度（72或是96dpi）。開(kāi)發(fā)者往往以為使用PSDs就可以省去在真實(shí)物理設(shè)備上測(cè)試設(shè)計(jì)方案的步驟了。千萬(wàn)不要犯下這個(gè)錯(cuò)誤。恰恰相反，在目標(biāo)設(shè)備上重新審視你的設(shè)計(jì)工作是非常有意義的，你能夠發(fā)現(xiàn)許多你可能忽視的設(shè)計(jì)缺陷。

工具集

我們的工作就是將設(shè)計(jì)師的設(shè)計(jì)想法更加高效和簡(jiǎn)單地呈現(xiàn)出來(lái)。為此，我們開(kāi)發(fā)了一組非常實(shí)用的設(shè)計(jì)工具，它能夠幫助設(shè)計(jì)師將各種抽象的想法轉(zhuǎn)化為現(xiàn)實(shí)內(nèi)容，幫助他們?cè)O(shè)計(jì)開(kāi)發(fā)。我們?cè)敢鈱⑦@些工具與大家分享，促成更多更加優(yōu)秀的設(shè)計(jì)，同時(shí)推動(dòng)高質(zhì)量的UI設(shè)計(jì)，讓用戶能更快地享受到優(yōu)秀的UI應(yīng)用。

我們希望，這個(gè)工具集能夠幫助你更快地適應(yīng)新設(shè)備和新分辨率的開(kāi)發(fā)，讓你能夠?qū)⒏嗟慕?jīng)歷投入到新功能的開(kāi)發(fā)上。

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

壓縮文件中包含：

1.一組Photoshop® CS5的選取框工具集合，支持常見(jiàn)的屏幕分辨率。它涵蓋了固定屏幕分辨率和符合標(biāo)準(zhǔn)分辨率的不常用規(guī)格。

2.一組支持常見(jiàn)設(shè)備設(shè)計(jì)方案演示的Photoshop CS5 PSDs。其中包含了標(biāo)準(zhǔn)的分辨率和設(shè)備類(lèi)型（電視，平板電腦，智能手機(jī)）。這些屏幕尺寸可以根據(jù)具體的應(yīng)用環(huán)境調(diào)節(jié)設(shè)計(jì)方案。

3.分辨率和設(shè)備布局的相關(guān)圖表。

2011年四月5號(hào)更新到了1.1版本——修正了Blackberry上Torch文件的一些問(wèn)題，它被設(shè)置成了100dpi。刪除了部分PSDs中無(wú)用的剪輯路徑。

---