編者按：魔鬼藏于細節(jié)，在設計領域中，能否精準處理好像素也是考校設計師處理細節(jié)能力的一種。來自英國的USTWO團隊就致力于精準控制像素，并且為了讓更多的設計師了解、注意并且深入學習這方面知識，他們制作了這本《精準像素完美使用手冊》。目前這本冊子已經(jīng)推進到2.0的大版本，并且附帶多種格式。當然，截至目前僅有英文版。 @陳子木

早期版本的PPP? 手冊就不在此提供下載了，以下是最新版的PPP? 3.0手冊的下載鏈接：

PDF格式文檔：百度云鏈接 提取碼: huqf

閑話少敘，且看正文：

我們熱愛像素！對于ustwo而言，像素是視覺設計的基石，但是多數(shù)時候像素都只是完成配色和樣式設計之后才需要考慮的東西。我們協(xié)同我們的設計師共同完成了這本《精準像素完美使用手冊》（英文為PIXEL PERFECT PRECISION HANDBOOK，官方縮寫為PPP?，以下這本書就使用PPP?手冊作為簡稱），而我們制作PPP?的目的是期望設計師們能在像素的問題上投注應有的關注，確保我們能處理好這些簡單的事情，再去完善其他的細節(jié)。

相關推薦：
《【PS旋轉技巧】讓像素完美呈現(xiàn)》
《一切為了程序猿！詳析手機端的8px原理》

為何像素的處理如此重要？關注頁面的每一個像素真的不是在浪費時間嗎？但是就像生活中的很多事情一樣，干凈利落地將事情處理好，往往并不一定為人所注意，可一旦處理的稍有差池，就會成為一個明顯的缺陷。

通常用戶在真正與你的產(chǎn)品產(chǎn)生交互之前就會注意到產(chǎn)品本身，所以第一印象非常重要。邊緣模糊，跳轉頁面定位對象，色彩不匹配這樣的事情，用戶會發(fā)現(xiàn)并為之分心，即使用戶不在意，也會在潛意識中有感覺。如果你的產(chǎn)品設計不佳，用戶不僅會帶著壞印象離開它，甚至疏遠你的品牌。?而PPP?會指導盡可能設計高品質的作品，有效整合和傳達信息。

那么，?PPP?是怎么誕生的呢？回想USTWO剛剛創(chuàng)建的那段日子，我們并沒有通過郵件來講述如何正確用色，而是創(chuàng)建了一個文檔來詳細描述這一切，后來，它成為了?PPP?的第一章。

第一版PPP?手冊

在添加零零碎碎的信息之前，整個文檔就已經(jīng)多達80頁了！第一版的PPP?手冊中，已經(jīng)有專門的章節(jié)來講述精準像素控制，技術手段，組織方法，命名與導出以及主題等內容，并且通過對比的方式來告訴你“還湊合”和“非常好”之間的差異。

完善PPP?手冊

在第一版PPP?發(fā)布一周年之際，我們對于老版的PPP?手冊進行了重新設計，更新了設計樣式，并在整體框架內加入了更多的內容。與此同時，我們也成為了蘋果iBooks作者——這是一次不容錯過的好機會！在此之前，PPP?一直是用PDF格式來分發(fā)的。具有諷刺意味的是，PPP?這本講述像素的圖書所用的PDF格式載體一直偏向使用英寸和毫米來衡量尺寸！當然不論如何，截至目前，PDF和iBooks應該是最好的文檔分享方式了。其中iBooks格式比起PDF似乎更適合承載PPP?手冊，更便攜，更便于互動，以及更完美的圖像。所以這也促使我們將更多的精力投放到iBooks平臺上了。

更新更完美的PPP?手冊

在ibooks平臺上除了能創(chuàng)建更加“像素完美”的數(shù)字內容，我們分享PPP?手冊也更加方便了。不論你是初級設計師還是設計總監(jiān)，應該都能從這本冊子中受到啟發(fā)。

PPP?手冊是一個不斷發(fā)展的項目，新的內容和章節(jié)會隨著設計趨勢的發(fā)展和需求的改變而逐漸添加。不過也千萬別把PPP?手冊中已有的內容全都奉為圭臬，因為很多問題的解決方法并不只一個，并且我們也在不斷地探索中。所以，經(jīng)過半年之后，我們再次完善了PPP?手冊，正式將這本書的系統(tǒng)版本推進到了2.0。

PPP?2.0手冊

這次的PPP?2.0手冊除了提供iPad版iBooks格式和傳統(tǒng)的PDF格式之外，還加入了桌面端（也就是Mac端的）iBooks格式的版本。內容上針對用戶的反饋，不斷進行調整和修改。首先，我們針對一部分設計師的需求，增加一些程序使用技巧，使得本書更具實操性。然后，我們將核心的設計原則和進階的使用技巧分開來，基礎扎實的設計師可以直接跳過開頭部分。最后——毫無疑問——我們也更新了配圖。

PPP?3.0手冊

在四周年之際，USTWO團隊也終于發(fā)布了PPP?3.0手冊，而這也是目前最新的狀態(tài)。3.0版ibooks格式下，加入了對視網(wǎng)膜設備的支持，內容上，增加了更多的設計規(guī)范，以期幫助設計師更好地創(chuàng)作，當然，還有更多的PS技巧。

原文地址：ustwo
優(yōu)設網(wǎng)翻譯：@陳子木

本文由優(yōu)設網(wǎng)原創(chuàng)翻譯，請尊重版權和譯者成果，轉摘請附上優(yōu)設鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是一個分享網(wǎng)頁設計、無線端設計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量70萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設計 微信號：【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加：