Standard patterns and existing products are helpful sources of inspiration for designing layouts. Common layouts use visual design and Gestalt principles.
Here are a few common web layouts:
A grid layout works well for designs that have a lot of similar elements, such as this course catalog page. There are many cards, as each represents a course. Placing the cards on a grid keeps them organized and allows users to easily scan them.
A split-screen layout is a good option for dividing a page into two distinct sections. This page is divided into information (left side) and action (right side).
A single-column layout can work well for text-heavy pages. The article text is displayed in a wide column that takes up most of the page.
- Anonymous contributorAnonymous contributor10 total contributions
- Anonymous contributor