Web Design and Programming: examples

Examples

Depth in Space (Ex Depth)	Lack of Unity (Ex NoUnity)
Ways for Unity (Ex WaysUnity)	Focus by Size and Proximity (Ex FocusSP)

Viewer Sees the Cross First: a Gestalt	Line Becomes a Plane
Page Reduced to Point, Line and Plan	Line Drawing, Ship in Harbor Photograph
Illusion of Elements Recession in Space	Space by Size and Value
Overlapping of Elements	Illusion of Transparency
Convention and Visitor's Bureau of Greater Cleveland: Prototype Homepage	Space by Format and Layout
Interesting Photo Crop and Depth Creation	Visual Unity
Un-unified and Unified Compositions	Proximity and Similarity Unify a Design
Unity through Repetition of Shapes and Colors	Unity through Repetition of Shapes and Colors
Unity through Color, Horizontal Lines and Layout Grid	Focus by Value and Isolation
Sizes and Focus	Image As Focal Point
Headline as Focal Point	Navigation and Content as Focal Points
Depth by Figure-ground Relationship	Depth by Figure-ground Relationship
Any Mark Disturbs the Page and Creates Contrast	Progression of Contrast
Contrast of Size	Herbert Matter's 1935 Swiss Ski Resort Poster
Matter's Size Contrast Progression	Matter's Size Contrast Progression in Reverse
CA Magazine, Contrast of Shape	Simultaneous Contrast
Lack of Value and Size Contrast	Contrast of Shape
San Francisco MoMA: Contrast of Shape 1	San Francisco MoMA: Contrast of Shape 2
Transforming a Line	Symmetry and Asymmetry
Symmetrical Balance	Asymmetrical Balance
DigiKnow Homepage	DigiKnow Website inside pages
Symmetrical Balance	Symmetry Plus Asymmetry of Type

Some sample websites discussed in this chapter: