尖叫吧!像素完美使用手册(附PDF下载)

2014/06/12 33543

编者按:魔鬼藏于细节,在设计领域中,能否精准处理好像素也是考校设计师处理细节能力的一种。来自英国的USTWO团队就致力于精准控制像素,并且为了让更多的设计师了解、注意并且深入学习这方面知识,他们制作了这本《精准像素完美使用手册》。目前这本册子已经推进到2.0的大版本,并且附带多种格式。当然,截至目前仅有英文版。 @陈子木

早期版本的PPP™ 手册就不在此提供下载了,以下是最新版的PPP™ 3.0手册的下载链接:

iBooks格式版
PDF格式版
相关素材和源代码

闲话少叙,且看正文:

我们热爱像素!对于ustwo而言,像素是视觉设计的基石,但是多数时候像素都只是完成配色和样式设计之后才需要考虑的东西。我们协同我们的设计师共同完成了这本《精准像素完美使用手册》(英文为IXEL PERFECT PRECISION HANDBOOK,官方缩写为PPP™,以下这本书就使用PPP™手册作为简称),而我们制作PPP™的目的是期望设计师们能在像素的问题上投注应有的关注,确保我们能处理好这些简单的事情,再去完善其他的细节。

相关推荐:
《【PS旋转技巧】让像素完美呈现》
《一切为了程序猿!详析手机端的8px原理》

为何像素的处理如此重要?关注页面的每一个像素真的不是在浪费时间吗?但是就像生活中的很多事情一样,干净利落地将事情处理好,往往并不一定为人所注意,可一旦处理的稍有差池,就会成为一个明显的缺陷。

通常用户在真正与你的产品产生交互之前就会注意到产品本身,所以第一印象非常重要。边缘模糊,跳转页面定位对象,色彩不匹配这样的事情,用户会发现并为之分心,即使用户不在意,也会在潜意识中有感觉。如果你的产品设计不佳,用户不仅会带着坏印象离开它,甚至疏远你的品牌。 而PPP™会指导尽可能设计高品质的作品,有效整合和传达信息。

那么, PPP™是怎么诞生的呢?回想USTWO刚刚创建的那段日子,我们并没有通过邮件来讲述如何正确用色,而是创建了一个文档来详细描述这一切,后来,它成为了 PPP™的第一章。

第一版PPP™手册

在添加零零碎碎的信息之前,整个文档就已经多达80页了!第一版的PPP™手册中,已经有专门的章节来讲述精准像素控制,技术手段,组织方法,命名与导出以及主题等内容,并且通过对比的方式来告诉你“还凑合”和“非常好”之间的差异。

完善PPP™手册

在第一版PPP™发布一周年之际,我们对于老版的PPP™手册进行了重新设计,更新了设计样式,并在整体框架内加入了更多的内容。与此同时,我们也成为了苹果iBooks作者——这是一次不容错过的好机会!在此之前,PPP™一直是用PDF格式来分发的。具有讽刺意味的是,PPP™这本讲述像素的图书所用的PDF格式载体一直偏向使用英寸和毫米来衡量尺寸!当然不论如何,截至目前,PDF和iBooks应该是最好的文档分享方式了。其中iBooks格式比起PDF似乎更适合承载PPP™手册,更便携,更便于互动,以及更完美的图像。所以这也促使我们将更多的精力投放到iBooks平台上了。

更新更完美的PPP™手册

在ibooks平台上除了能创建更加“像素完美”的数字内容,我们分享PPP™手册也更加方便了。不论你是初级设计师还是设计总监,应该都能从这本册子中受到启发。

PPP™手册是一个不断发展的项目,新的内容和章节会随着设计趋势的发展和需求的改变而逐渐添加。不过也千万别把PPP™手册中已有的内容全都奉为圭臬,因为很多问题的解决方法并不只一个,并且我们也在不断地探索中。所以,经过半年之后,我们再次完善了PPP™手册,正式将这本书的系统版本推进到了2.0。

PPP™2.0手册

这次的PPP™2.0手册除了提供iPad版iBooks格式和传统的PDF格式之外,还加入了桌面端(也就是Mac端的)iBooks格式的版本。内容上针对用户的反馈,不断进行调整和修改。首先,我们针对一部分设计师的需求,增加一些程序使用技巧,使得本书更具实操性。然后,我们将核心的设计原则和进阶的使用技巧分开来,基础扎实的设计师可以直接跳过开头部分。最后——毫无疑问——我们也更新了配图。

PPP™3.0手册

在四周年之际,USTWO团队也终于发布了PPP™3.0手册,而这也是目前最新的状态。3.0版ibooks格式下,加入了对视网膜设备的支持,内容上,增加了更多的设计规范,以期帮助设计师更好地创作,当然,还有更多的PS技巧。

原文地址:ustwo
优设网翻译:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量70万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/pixel-perfect-precision-handbook

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里