spacer

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

home / experts / dlab / 9903
Developer News
Google Chrome Playing Catch-Up on Extensions
Open Solutions Alliance Gets New Leadership
Red Hat Spacewalk Expands Linux Management

[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

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
MS Access and MySQL · Cisco AutoQoS: VoIP QoS for Mere Mortals · While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags

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

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