spacer

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

home / experts / dlab / 9903
Developer News
ActiveState Debuts Open Source Business Suite
Salesforce Offers Visual App Builder
Codesion Steps Out From CVS's Shadow


[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


The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers

webref The latest from WebReference.com Browse >
Use Web Caching to Make Your Web Site Faster · Creating an Online Shopping Cart Mechanism in PHP · Log JavaScript Errors Using an AJAX-driven Web Service
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Configuring Granular Settings for a Database Level Audit · The Perils of a Web 2.0 Transition on Your Business Processes · Facebook Redesigns Site —Again — Nears 400M Mark

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

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