Visual Hierarchy
Editor's Pick in Design Principles, May 2005
Hierarchy. Creating website navigation, dear friends, is all about establishing hierarchy. This tutorial will teach you how it’s done.
Loading...
Editor's Pick in Design Principles, May 2005
Hierarchy. Creating website navigation, dear friends, is all about establishing hierarchy. This tutorial will teach you how it’s done.
'Containment' is the effect where one or more elements is shown as part of a group or category, through a visual mechanism. There are two variations of mechanism: strict encapsulation, where the element is totally contained within a box; and softer containment...
read moreThere is a natural flow to many visual interactions - the flow of a visual dialogue between page your features and your user's private mental commentary. When laying out forms and other screen elements, read the layout like a conversation, working from the page origin...
read moreGrouping similar elements helps the brain quickly decode a page layout. Proximity, Alignment, Containment, Rhythm and Styling are all tools that help indicate grouping...
read moreAlignment is another way of creating associations between visual elements, which help users quickly understand the relationships of objects on a page. Alignment works by visually associating a number of elements...
read moreAside from alignment and grouping, elements can be linked using rhythm: a regular or irregular repetition of common stylistic features. Rhythm is the most subtle and abstract of the 'associating' tools...
read moreArchitecting web sites is similar to architecting buildings. They are complex disciplines, which impact several areas including visual design, user experience, navigation, visitor flow, accessibility, construction cost, and maintenance costs...
read moreA toolkit of a few basic patterns (or models) that describe solutions to common IA problems. One or more of these patterns will naturally apply to many information architecture problems. These may serve as off-the-peg solutions, or as helpful descriptive shortcuts during the design process...
read moreAfter 10 years of web site architecture and design, conventions exist to solve nearly every navigation problem. This page provides a toolkit of common IA and navigation conventions...
read more
Editor's Pick in Design Principles, May 2005
Discovering just what you want to say with your website is half the battle of creating it. Beyond that, you need only impose some sort of hierarchy on your thoughts.
Copyright © . All Rights Reserved