Chapter 2 Designing

In Chapter 1, we focused on the planning phase of fancy form design. With the interaction nailed down, we’ve actually begun the design process for the forms. Now, we’re going to look at the visual design side of form design.

Visual design can either enhance or detract from usability, depending on its implementation. It’s important to know how to use visual design in a way that enhances the form’s usability, as well as making it aesthetically pleasing. In this chapter, we’ll take a look at:

  • grid and typography

  • color

  • imagery

Grid and Typography

When we created the wireframes for the form, we’d already begun the process of thinking about our form’s layout. Now, we can tighten the grid and think about proportions ...

Get Fancy Form Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.