Lesson 2: Design Principles


boston global

White Space and Clean Design

Boston Globe

View Site
The Boston Globe Media Partners, LLC, uses white space and clean design to improve its readability, creates margins between paragraphs, balance between element of different visual weight. It also creates relationships and visual hierarchy between element.

mashable

PARC: Alignment

Mashable

View Site
The Mashable aligns its contents to the left. Both the texts and the input controls (input and button) which are left aligned creates a sense of unity by providing structure and connecting elements in a subtle, yet powerful way. it also improves the readability and thus overall user experience on the site.

rule of the thirds

Rule of the Thirds

Photography Mad

View Site
The Photography Mad placed the image in the banner on the last column of the photographic grid. This enhances balance and composition of the website. The beautiful, big images contributes to good web design, and makes the website more interesting and appealing.