spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / dlab / 9903
Developer News
Eclipse Helios Update Brings New PHP Tools
Internet Explorer 9 Ups Standards Support
JBoss Portal 5 Release Easier to Use


[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
March 1999
Dynamic Design
Adding life to your designs does not necessarily mean using animated GIFs or dynamic HTML. Master the dynamic power of static objects and learn to direct the user's eye through your pages for a seamless experience.
 
 
 

Motion in design compositions is a complex and challenging topic. You may think computer animation is all there is to it, but this concept is in fact much more versatile. This time I will focus on a not so showy, but very important aspect of perceived dynamism in the "still life" of elements that do not resort to explicit animation or interactivity.

Yes, static photos, text, and even geometric primitives may carry a strong implication of movement, both by themselves and in the context of other elements. An ability to recognize these implied motions, adjust and organize their directions and forces is an essential prerequisite for professional design. As for animation proper and its use in multimedia and Web design, I hope to devote a separate article to this important topic in the future.

Motion can be thought of as a direct opposite of balance. A moving object, be it an explicitly moving cartoon character in an animated banner or an implicitly moving (but actually static) photo of a jumping athlete, makes us feel that not only this element is about to be repositioned, but also that the entire composition is about to go from one state to another.

This instability, when obvious, adds a unique dynamic flavor to a design. However, "dynamic" not always means "unstable"; hardly any composition can be successful without subtle yet important bits of motion spread over the page. Only a perfectly symmetric figure, such as a circle taken in isolation, can be said to be absolutely motionless - and, as a result, lifeless and dull.

The article starts with a discussion of design elements capable of adding realistic dynamism to a composition, such as photos or artwork depicting objects in motion. Much more important, however, is abstract dynamism of common geometric shapes, of which perhaps the most important is a straight line. Another aspect is how elements interact to create dynamic eye flows, and the big picture of dynamism in the composition.

 

Comments are welcome
Produced by Dmitry Kirsanov and

webref The latest from WebReference.com Browse >
Creating an ASP.NET Registration and Confirmation System · Combine Ajax and JSON to Transmit Complex Presentation Data · Ten Tools Web Developers Can't Live Without
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Identifying and Eliminating the Dreaded Cartesian Product · Small Business Marketing Tips: Accepting Failures · Yahoo, Microsoft Begin AdCenter Shift

Created: Mar. 16, 1999
Revised: Mar. 16, 1999

URL: http://www.webreference.com/dlab/9903/