Process

Pixel Perfect Precision Handbook 3

By Gyppsy - 20 February 2014


We’re excited to announce that the latest Pixel Perfect Precision Handbook is available to download now (PDF, iBook). With over 40 pages of fresh content, as well as updates to what was already there, we’ve made the third generation of the handbook bigger, better, and more beautiful. So, what’s new?

Branding and Retina Images

At first glance the most obvious change is our new branding — with bold typography and lively colours it’s so much more us…two. We’ve also updated everything to Retina resolution, meaning even crisper detail in the imagery.

Intro

All new ustwo branding and crisp Retina imagery


Design and Development

We’re all too aware that some projects get designed up front and then “thrown over the fence” to a development team, the two sides unaware of each other’s existence for the most part — a classic waterfall way of working. Here at ustwo though, our developers are as much a part of a product’s formation as the designers – accordingly, they are brought in right from the start and their input is desired throughout all phases of the project. This completely new chapter includes much of what we’ve learned in bridging this gap between the two disciplines, including advice on how to get both sides working together more effectively, plus design techniques to ease the transition from pixels to code.

Design and Development

All new chapter on Design and Development


More Pixel Perfect Principles

There are now more of the fundamental Pixel Perfect Principles, including Users, Motion, and Prototyping.

Prototyping

Additional Pixel Perfect Principles


More Accessibility

We’ve added guidance on Error Prevention, particularly relevant to mobile due to the size restrictions placed on the input methods. Some of the content for this chapter has also been reorganised to fit together more logically: for example there is now a section on Copy, pulling in some previous advice from other sections and highlighting its vital role in usability.

Copy

New guidance in the Accessibility chapter


And of course, more Photoshop

Since the last release of the handbook we’ve seen Adobe bring out their Creative Cloud update, which includes some major new features for interface designers: Live Shape Properties, Linked Smart Objects, and the super-useful Generator have all found a place in the latest handbook.

Generator

Updated hints and tips for Photoshop

To download the new version of the handbook visit our dedicated Pixel Perfect Precision page at ustwo.com/ppp. Don’t forget to follow @pppustwo for the latest design tips and tricks as well. Enjoy!

One last thing…

As we mentioned on Twitter a few weeks ago there’s now a Japanese version of PPP 2 available. The translation was handled by our friends over at Concent, and it looks fantastic — we’re so pleased to see the content in another language, opening up the world of pixel precision to even more designers out there. Head on over to the Labs section of the Concent site to download.

Japanese Translation

PPP2 is now available in Japanese


About Gyppsy

One of the very first members of the ustwo fampany and creator of the Pixel Perfect Precision Handbook. As Resident Pixel Geek I want to educate people on the how and why of digital design, improving standards and education across the industry — particularly for those just starting out on their careers.

  • London

    62 Shoreditch High Street

    London E1 6JJ

    United Kingdom

    Google Maps
  • New York

    26 Broadway 16th Floor

    New York NY 10004

    United States

    Google Maps
  • Malmö

    Södra Förstadsgatan 2

    Malmö 211 43

    Sweden

    Google Maps
  • Sydney

    199 Cleveland St

    Redfern NSW 2016

    Australia

    Google Maps