« CSS Reboot Background Colorscheme | Main | Slashdot CSS Redesign Contest Status »

Developing the Invisible

Luke Wroblewski posted about Developing the Invisible, an interesting article where he explain the importance of alignment and whitespace in the user interfaces design, the invisible part in the design.

Padding, or whitespace, often fares worse. In some places, padding is gone; in others, there is too much. Padding is set to different values, leading to columns and rows of varying widths. Changes in padding and alignment can negatively impact readability and obscure visual relationships that clarify how to use an interface.

Figure 1 — example showing the difference between two designs by adjusting the invisibles

dev_invisibile1.jpg

Figure 2 — Another example showing differences in padding and alignment

dev_invisibile2.jpg

The two figure 1 and 2 provided explain very well the concept of invisible in webdesign, and its certainly one of the tasks that require lot of manual adjustments before finding the suitable alignment between the different user interface elements. Developping techniques and maybe tools will certainly help finding solution for the invisibles, for a given project this will take place certainly in the beginning and then a pattern could be defined to let the project follow in the same spirit.

Bookmark this article at these sites
Post a comment





(Email will remain hidden)





Please enter the security code you see here




Related entries
Email to a friend
Email this article to:


Your email address:


Message (optional):