spacer

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

home / experts / dlab / 9707
Developer News
Mandrake Linux Founder Back, Virtually
Amazon: We're a Technology Company
Sun Expands MySQL With Closed Source

[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
July 1997
Geometric Primitives in Web Design
Before attempting to tame complex design elements, you must be utterly familiar with simple geometric forms, their uses, misuses, behavior, and limitations.  In the article, we'll investigate examples of using basic geometric primitives on several well-crafted web pages.
 
 
 

One of the most important features distinguishing design from other visual arts is the creative use of other people's work.  Your fonts are created by fontographers; your clip art and stock photos are produced and packaged by a graphics company; even the content of the page often isn't yours but is given to you as the material to start with.  Your basic goal is to arrange and coordinate all of this stuff to be aesthetically pleasing and efficiently communicate your message.

Of course in any design there are elements created by the designer from scratch.  These may be as simple as a row of circles in the role of list bullets or as complex as hand-made miniatures in medieval manuscripts.  However, it's not the complexity of your custom graphics that makes a quality design.  Yes, as little as a century ago you couldn't produce a book without a minimum of rococo decorations (leafs, flowers, tracery, etc.); but these days, a well-balanced composition of simple geometric forms is more likely to qualify as the graphic theme for a book cover or web page.

In a sense, rectangles and circles used in design are also sort of "other people's art." A child is unlikely to discover the beauty of ideal circles unless he acquires this notion from the entire design culture surrounding him as he grows up.  And when you begin studying art, be it even the very pragmatic art of web design, you're about to somehow become a child again.  Or at least, you should aspire to it.

As one of the simplest ways to fill up the page real estate, using geometric primitives is the first thing that the beginning web designer should master.  Simply put, only after you're able to visually coordinate two rectangles you can pass on to fonts, custom graphics, or photos.  In real life, of course, you have to use several different techniques simultaneously, as no real-world page consists of geometric primitives only.  Still, basic geometry is a very useful design tool, and as such it is well worth one of my monthly installments.

This article consists of three parts dealing with straight lines, rectangles, and circles---the three most basic geometric primitives.  As always, I use links (repeated in the margins) to various sites whose design helps to illustrate my points; all these links are loaded into a new browser window so that you can have a look at the illustration without losing the track of my text.

As for more complex categories of "other people's art" used in web design, these can be listed, in a very approximate order of increasing complexity, as follows:

  • fonts;

  • photographic images (either custom photos or stock photo collections);

  • 3D graphics;

  • hand-drawn graphics (this is by far the most difficult one, and even among the best professional designers not everyone is good at drawing).

The first item, typography, was discussed in one of the previous articles (although it's a topic deserving much more attention).  I plan to cover the other items in future installments.

 

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

Whitepapers and eBooks

Symantec Whitepaper: Converging System and Data Protection for Complete Disaster Recovery
Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
  Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
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
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
Symantec Whitepaper: Comprehensive Backup and Recovery of VMware Virtual Infrastructure
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
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
Fixing MySQL Replication · Firewall Guide: First Steps to Securing the Enterprise · VoxOx Tames the Tumultuous Communications Tangle

Created: Jul. 26, 1997
Revised: Jul. 29, 1997

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