Chapter 10. Layout: Positioning Elements to Maximize Understanding And Readability

“Visual communication of any kind… should be seen as the embodiment of form and function: the integration of the beautiful and the useful.”

Paul RandThoughts On Design

As the first layer of the Presentation tier, the Layout layer encompasses the specific placement and spatial arrangement of onscreen elements. Put another way, the Layout layer serves as a sort of visual skeleton on which to support the skin of color, imagery, typography, and style.

Compared to the Style layer, the goal of the Layout layer is less about creating a mood or evoking an emotion and more about supporting the Behavior and Structure tiers by lending an air of order, focus, and prioritization ...

Get Making the Web Work: Designing Effective Web Applications 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.