22.05.2013 Views

Pixel Perfect Precision™

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Borders 
 & Corner<br />

Radii 
<br />

Filleting<br />

ustwo studios 2012 / PPP<br />

Button Button<br />

Inner = Outer - Border Width Filleted<br />

If you use the preferred method, but start<br />

from the outer radius and work your way in by<br />

subtracting the border width, you may end up<br />

with inner corners that are completely square.<br />

In those situations it may be worth adding a<br />

small radius to those corners: even though it is<br />

mathematically “incorrect” it may look better<br />

from a visual perspective. In the engineering<br />

world this process is known as filleting, with<br />

each individual corner called a fillet. For an in-<br />

depth article on borders and corner radii check<br />

out this article from Radesign.<br />

25

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!