Posts Tagged ‘ui’

Setting a Proper Corner Radius

Rounded corners are a key component in interface design. Apple’s iPhone, in particular, vaulted these little rounded-corner square-shaped icons into prominence. You see rounded corners everywhere these days. And all to often, I see rounded corners that seem to have been executed as an afterthought.

Designers: please spent just a few extra minutes making sure your rounded corners are done right. Examples of negligence are easiest to spot when a rounded-corner shape is inset inside another rounded-corner shape.

If the corner radius is the same for both shapes, you’ll have problems. If Square A sits inside of Square B and is smaller than Square B, the corner radius for Square A also has to be smaller. See the examples below:

Examples of proper and improper corner radii.

Its entirely possible that there’s a Mr. Wizard math formula that will help you figure out how to adjust the corner radius depending on the change in size of the shape, but I’m not smart enough to figure that out. This doesn’t have to be rocket science, though.

A designer’s keen eye is often enough to prevent the problem. Spending just a couple of extra minutes paying attention to the details will make the world a better place, don’t you think?

On Craftsmanship

When you’re a carpenter making a beautiful chest of drawers, you’re not going to use a piece of plywood on the back, even though it faces the wall and nobody will ever see it. You’ll know it’s there, so you’re going to use a beautiful piece of wood in the back. For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.— Steve Jobs, explaining something his father taught him

Check out this article on Fast Company, which describes the 6 Pillars of Steve Jobs’ Design Philosophy.

Fireworks Interviews

Linus Lim has put together some really good interviews on his site, Fireworks Interviews. I always enjoy engaging with other Fireworks users and I learned a thing or two by reading some of the interviews.

If you’re a designer on the fence trying to decide between Fireworks or Photoshop, perhaps some of these interviews could help you decide. Or, if you’d just like to be inspired by some other Fireworks users, this is a nice resource.

Either way, check it out and while you’re there you can read my answers regarding some favorite Fireworks features, how I use it and my thoughts on Fireworks vs. Photoshop.

CSS3 Buttons

Slick buttons that degrade well in non-CSS3 supporting browsers from Web Designer Wall.

4 Design Elements Behind a Good Call to Action

Simple, straightforward tips on how to design a good call to action. Great stuff.

Complete Beginner’s Guide to Interaction Design

The folks over at UX Booth have put together a synopsis of what I do for a living. Good stuff.

Proximity Matters

On a recent road trip, we drove past a sign that looked like something like this:

Image of a Road Sign showing two destinations with arrows pointing in opposite direction.

Read the rest of this entry →