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

The principles of design suggest how a designer can best arrange the various elements of a page layout in connection to the overall design and to each other.

i took half a picture then color'd it then took the other

half and color'd it in and


Proximity

used circle tool to space and even out circles to make

proximity


Alignment

took a picture and duplicated it a bunch of times to make

alignment

Repetition

used circle rainbows gradient tool hatchet picture and a pineapple to

show this repititon


Contrast

used a picture and letters to show contrast


Space

used a line and shapes to show space

By Alexander Evans date:3/16/2015