spacer

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

home / experts / dlab / 9903
Developer News
Metasploit 3.2 Offers More 'Evil Deeds'
'Thank You Apple. Seriously.'
The Buzz: BlackBerry App Store Seen Next
 
  Abstract dynamism
 
 

Far from always you'll be able to easily include a realistically dynamic image into your composition. Much more common are elements of abstract dynamism featured by mainly static objects. As I mentioned above, perhaps the only geometric figure without any trace of dynamism is an isolated circle; all other forms, as well as some textures and even colors, are to some extent inherently asymmetric, unstable, and therefore dynamic.

Instead of analyzing various classes of forms separately, let's enumerate some implications that various form-related features may have when viewed from dynamic perspective:

  • Visual simplicity (Fig. 2) is an essential prerequisite for any object's dynamic function: we tend to feel that a too complex of intricate object would have troubles moving swiftly. Quite often by just simplifying the structure of an element, by streamlining it and by arranging its parts in a more obviously hierarchical pattern, we reduce the "drag" (in aerodynamic terms) and reveal the intrinsic dynamism in that element.
 

Figure 2
  Fig. 2:  Dynamic simplicity (the figure on the right is more dynamic than that on the left)  

 
  • Diagonality, rotation, non-horizontality and non-verticality all have, as we've just seen, a strong motion implication (Fig. 3). Physical world around us offers plenty of examples showing that any non-architectonic object is either falling, or jumping, or simply unstable - in a word, dynamic.
 

Figure 3
  Fig. 3:  Dynamic rotation  

 
  • Slant, or skew, is a special case of rotation with some parts of the objects's outline still horizontal or vertical, and others, rotated at some angle (Fig. 4). Here, the architectonic parts of the contour define the direction of the motion, while the slanted parts add force to it and make it more expressive. Physical analogs for this feature would include deformations in moving objects caused by inertia or aerodynamic drag. It is this effect that makes sans-serif italic typefaces so expressively dynamic - especially when compared to serif italic which are not slanted variants of the roman faces, but independent imitations of handwriting without much dynamism.
 

Figure 4
  Fig. 4:  Dynamic skewing  

 
  • Curvature range discussed in my previous column is directly related to dynamism, too. In most cases, expanding the curvature range leads to adding more explicit dynamism to the shape, as we go from a perfectly still and symmetric circle with its zero curvature range to expressive Beziers, and further on to the forms made of straight lines and sharp corners (e.g. triangles and arrowheads) - which, indeed, represent nothing but the ultimate case of infinite curvature range.

  • In the world of textures, dynamism is most often expressed by various blur themes, notably by the "wind" and "motion blur" texturizing effects. Indeed, anything moving swiftly enough appears blurred to the human eye, and imitating that blur by design means is a sure way to add dynamic flavor to the composition. This effect is especially useful in that it is capable of dynamizing abstract shapes or letters of text in a quite realistic (to be precise, photographic) manner.
 

Figure 5
  Fig. 5:  Dynamic texturizing  

 
  • Asymmetry of any kind, be it in the aspect of form, size, or color, is another source of dynamic implication (Fig. 6). In fact, what is called asymmetry is a single object version of what we call contrast for a couple of objects; much as contrast is perceived as such only when the objects are visually linked and not just dissimilar, asymmetry may only produce any effect when we get the feeling that the shape could be symmetric but isn't. Dynamic eye flows induced by pairs of contrasting objects are the subject of a next section.
 

Figure 6
  Fig. 6:  Dynamic asymmetry  

 
  • Now, imagine that all of the features listed above do not apply, and what we have is a simple, perfectly symmetric shape without any slant, rotation, or blur. Even in this case some traces of dynamism are present in the object, and it's easy to see that its inclination to move mostly depends on the object's proportions (Fig. 7) - in other words, on whether its height is close to its width, or the dimensions differ considerably. Simply put, a stretched rectangle is more likely to imply some dynamism than a square.
 

Figure 7
  Fig. 7:  Dynamic proportions  

Comments are welcome
Produced by Dmitry Kirsanov and

JupiterOnlineMedia

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

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2 · How to Use JavaScript to Validate Form Data
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Choosing the Right Online Backup Provider · Mother Avaya Nurtures Her Technology Partners · Software as a Service a Winning Model for Hotspot Provider

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

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