spacer

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

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

[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
January 1998
Modular Web Design
Design work is hard.  Producing a good site takes a lot of time and effort.  Actually, with a large site it may take forever unless you apply the powerful concept of modular design, that is, designing out of standard modules.
 
 
 

To better define the subject, I'm not speaking here of using "free web art" pieces (on which I have already commented) or even using logical markup to bring out the structure of the document.  The "modules" I'm referring to are design elements you develop for using in a particular project---the specific headings, rules, buttons, and other paraphernalia united by the general style of the site, plus the abstract aspects of your composition: fonts, colors, textures, alignment styles, etc.

Thus, "modular design" is just another name for one of the most important design principles, consistency, which states that you should strive to minimize the inventory of different elements and materials used in any single composition.  This principle, despite being strictly negative (i.e. telling you what not to do), is immensely powerful and universally applicable.  By enforcing consistency and integrity, modular design makes your work not only easier but, more importantly, better.

This article discusses the theory and practice of modular design using the example of another site I recently designed, the "Books of Russia" online bookstore at http://books.ru.  My previous case study column, discussing the redesign of Quiotix Corp. web site, was well received by the audience, so I decided to present another "behind-the-scenes" article---which, rather than using the work of others for illustrations, indeed gives me a much better chance to thoroughly analyze both design fundamentals and minutia.

The "Books of Russia" site is in Russian, but since the article is devoted to design (as opposed to online book trade or Russian literature), this is unlikely to become an obstacle for those who don't read the language.  I will give you direct links to the pages being discussed (so you won't have to navigate the site yourself) and use pictures to point you to the relevant elements on each page.  In fact, this "pure" design example could be especially instructive because you won't be distracted by the text (in English design books, Latin text is often used with the same purpose).

As a sort of a theoretical introduction, the first part of this article discusses probably the most important principle in design---the principle of consistency.  Those impatient to see real-world design work can skip that section and go directly to the case study, traditionally starting with a logo design stage.  The next section, while describing the page layout and site-wide navigation system, introduces the main characters of our story---those colors, fonts, textures, and other style elements that are later grouped into modules and extensively reused on the front page's content area and the rest of the site.

 

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: Jan. 21, 1998
Revised: Jan. 22, 1998

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