The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

Design Principles

Visual Design elements and principles describe fundamental ideas about the practice of good visualdesign. As William Lidwell stated in UniversalPrinciples of Design: The best designers sometimes disregard the principles of design.

 

Balance

I used the gradent tool.

Promimity

I used the circle tool.


Alignment

I used the square tool.


Repetition

I used the paint brush tool to create a series of stars.


Contrast

I create odd shapes to match and create a feeling of contrast.


Space

I used a square tool.