December 3, 2002



Wireframing Techniques for Web Page Design

 

http://www.grokdotcom.com/wireframing.htm
http://www.dmxzone.com/ShowDetail.asp? NewsId=3991
http://www.boxesandarrows.com/archives/ 002808.php
= must have
Online Articles

The use of wireframes for web page design practices is a standard practice utilized by most web designers. Called in different ways by people coming from different industries, "wire frames" are web page design drafts that set out with a certain degree of precision, the elements that will be on page, their position and size, without getting into the actual graphic, identity and information design issues including use of colours, fonts and logotype.

The word "wire frames" comes from the world of Computer Graphics, where it has been a long established term to describe a mode of representing 3D objects by displaying only their wireframe, in order to save on processing and computing time.
Ten or twenty years ago it was in fact very time consuming to create 3D objects with computers, and to preview artwork and animation moves, the use of wireframes was very popular, because it allowed for rapid rendering and display of even complex images without a long wait.

With the web "wireframes" have come to mean draft page designs, web grids establishing the map of a page and of the content items that will be placed in it.

Also recommended are:

1)A very recent article by Martha Graham entitled "Wireframing" and accessible at:
http://www.dmxzone.com/ShowDetail.asp?NewsId=3991

This is an extremely well written article, with many visual examples and explanations. It provides also suggestions for wireframing tools such as Dreamweaver and Visio, and references to examples and complementary content.

2) "Where the Wireframes Are: Special Deliverable #3" is another recent article by Dan Brown which explores the risks involved in utilizing wireframing techniques for web page design, and provide further examples that promote the use of what he labels "Page Description Diagrams". According to Mr Brown "in a page description diagram, the content areas of the page are described in prose, as in a functional specification."
In this fashion and according to his logic one is able to address both the issues of content and the ones of priority placement on the page.

For the full article see:
http://www.boxesandarrows.com/archives/ 002808.php

Recommended.


Conversation Tags:
 
Readers' Comments    
Recent Articles


September 21, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Guide Sep21 08


In this issue: Sync up any YouTube video with any Slideshare presentation. Finally get the chance to easily mix together the video recording of you delivering a presentation alongside the slides you were actually showing at that time. Sync it all up, publish it online or... read more




September 12, 2008
Online Standard Ad Formats: Official Advertising Formats And Sizes For Web Banner Ads


Banner, leaderboard, skyscraper, small rectangle. Just like for newspapers and print magazines, also on the Web advertisers and publishers have defined over time an official set of "online standard ad formats". Such ad formats represent the full range of visual and text-ad sizes available for use... read more




September 7, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Guide Sep07 08


Need to edit images and arrange them in audio narrated slideshows without using any particular application or video editing skill? Check out what Robin Good and I have found for you in this week's visual communication tools collection. Photo credit: Robert Mizerek Here below the full set of... read more




September 3, 2008
The New Google Chrome Browser - All Of The Best Video Clips To Learn Everything About It


The Google Chrome browser is out and fully available for download right now. "Google Chrome is a browser that combines a minimal design with sophisticated technology to make the web faster, safer, and easier.", that's what Google says. To help you out find out what Google Chrome... read more




August 31, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Guide Aug31 08


If you need to edit your images without installing or paying for any professional software, today's visual communication centered Sharewood Guide can really help you out. Great tools personally selected by Robin Good, concerning video and image research, color schemes and visual charts, are waiting for... read more




August 24, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Guide Aug24 08


What do you use when you need to create online presentations that really stand out? In today selection of visual communication tools a great tool for visually comparing different items as well as a graphic chart creator and some cool image editing tools. Photo credit: Ariusz Nawrocki Here... read more




posted by Robin Good on Tuesday, December 3 2002, updated on Saturday, January 21 2006


 

 

 

 

Understanding comes from exploration

Home | Subscribe | RSS Feeds | Site map | Syndicate
Consulting | Publications
About | Privacy | Contact

 

Creative Commons License
This work is licensed under a Creative Commons License.





View blog authority

 

652