Modular Web Design: Creating Reusable Components for User Experience Design and Documentation

Chapter 4. Combine

Up to now, there’s been much talk of breaking pages apart, chunking them into component pieces. In the early phases of a design process, initial page designs suggest an array of components.

But once we’ve identified many chunks, it’s time to use those components to construct pages. This chapter will address how to do the following:

• Assemble components into page layouts.

• Appreciate how components fit into variations of a single page as well as across the context of many different pages.

• Take advantage of component relationships, including duplicates, bundles, and page shells.

• Formulate page regions so that components can be more simply explained and consistently applied.

• Appreciate the relationship between components in layout and ...