Web Design

The art of good web design assures engagement and acceptance. A good web design is sticky, and holds and navigates the visitor through your informational waters. And leaves them wanting more. A good web design easily drills down through the pages of useful information.

Web design is the art of combining artwork, photographs and text in a compelling arrangement. Web design communicates a message, persuades and amuses, introduces a product, or explains complex systems. Designers organize the many elements of type, images and the remaining white space to communicate a message.

Links to live sites at the bottom of the page

George-Mason-home-page.jpgGeorge-Mason-3.jpgGeorge-Mason-2.jpgNBII-website-for-CMS2.jpgNBII-website-for-CMS.jpgNBII-website-for-CMS3.jpgWeb-site-junko-home.jpgWeb-site-junko-2.jpgWeb-site-junko-3.jpgWeb-site-Livingston-home.jpgWeb-site-Livingston-2.jpgWeb-site-Livingston-about.jpgWeb-site-GW-APA-home.jpgWeb-site-GW-APA-3.jpgWeb-site-Perfect-home.jpgWeb-site-Perfec-2.jpgWeb-site-Olson-home.jpgWeb-site-Olson-about.jpgWeb-site-Olson-3.jpgWeb-site-Shenandoah-hoem.jpgWeb-site-Shenandoah-3.jpgWeb-site-Shenandoah-2.jpgWeb-site-SIFC-home.jpgWeb-site-SIFC-2.jpgWeb-site-SIFC-3.jpgJoseph-McKenzy-Home.jpgJoseph-McKenzy-FAQ.jpgJoseph-McKenzy-Biographypage.jpgAbeautifmemory-About-3.jpgAbeautifmemory-About-2.jpgAbeautifmemory-About-us-page.jpg

–Image Design. When the designer uses strong visual elements in web design like photographs, fine art and illustrations and color, there is often little need for text. The images convey the information and set the mood. The reader receives the message with an economy of type. The white space in which it floats becomes as important as any other visual element.

–You’re My Type. In a more type-heavy web design, the designer studies current trends in typography and appropriateness for the company and makes a decision on the type face, the point size and the style. Designers then must than consider column size, margins, the leading between the lines and kerning between the letters. And where to place the images and text—written by a talented copywriter. Once a layout has been developed and the images and type and copy chosen, illustrators and photographers contribute to the design.

–Get in Shape. Shapes are at the foundation of any web design. Using a program like Illustrator and the shape tools, the graphic designer develops timeless geometric shapes in his layouts, including—circles, squares and triangles affected by choices of colors, textures and patterns. Or organic shapes like a cloud, puddle or leaf. The white space between the shape elements becomes a shape of its own.

–Form. Form puts different shapes together to create a three-dimensional shape like in computer generated designs. And include cubes, spheres, cylinders and pyramids, showing depth, height and width.

–Get in Line. Lines become important in dividing space in a design and directing the eye toward or away from an element. Lines are straight, curved, zigzag or dotted. Often the negative space between elements creates an implied line like type on a curve. The grid system organizes columns and rows typically in newspaper and magazine layouts. Wireframes are used to show the placement of elements on a web page. The wireframe focuses on the layout long before the other elements are added and the wire frame removed.

–Color. Color is often used in creating unity and harmony in a corporate web design. Color adds impact and emphasis. And can command attention. Attributes of color include—hue, tints and shades, saturation, grayscale and lights and darks. The hue varies when light either brightens or darkens.

–Principles of Design. A good designer works from the principles of design. Unity occurs when all elements are in agreement and no part of the design is more important than the design as a whole. Balance is achieved in the state of equalized tension. Types include—symmetry, asymmetrical, and radial balance when elements seem to radiate from a central point. Scale keeps elements in relative size to each other. One element may dominate for emphasis. Similarity and contrast keep the balance between the unifying similar punctuated by a surprise of contrast. Using Movement the designer moves the eye from one focal area to another.

Outstanding graphic design of websites requires the skill and talent of a seasoned designer familiar with the elements and principles of design.

Links to live sites:

George Mason university

USGS Kids 

Livingston Procurement

Attending Physisians Association

SIFC

Junko Maya

Shenandoah Chalet

Perfect Autodetail

Olson Global

Defend me in Court

A Beautiful Memory