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


June 29, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Picnic Jun29 08


In this new issue of visual communication tools and services found, tested and picked for you by Robin Good and me, Nico Canali De Rossi, here is what we have selected for you this week: there are some cool new tools and services to create presentations... read more




June 24, 2008
Create An Online Interactive Multimedia Magazine From Any Document With Calameo


If you want to create a slick, highly visual, interactive magazine to publish and distribute online, Calameo, has recently launched a web-based service that allows one-click conversion of all most popular document formats into highly customizable and very attractive full-screen flip-page magazines. So, whether you have a... read more




June 22, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Picnic Jun22 08


Visual communication tools keep holding our interest and attention as they increase your ability to communicate, train and market in more effective ways. Among our selected visual weapons another web-based image editors to apply effects and edit your pictures, new image search engines that make... read more




June 20, 2008
Cool Designer's Tools: Digital Design Collection


Looking for some cool online design tools? Thanks to an ongoing collaboration with Italian stylish and avant-garde looking magazine 7thFloor, I had recently put together for the Milan "Design week" a selection of cool design tools for seven types of designers, which was published on their... read more




June 15, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Picnic Jun15 08


Ready to communicate visually with new cool tools and web services? This time I have selected for you some tools to edit any of your digital pictures online, as well as services to create slideshows with voice narration, search and download videos from YouTube, and also... read more




June 8, 2008
Visual Communication And Video Publishing - Selected Tools And Web Services - Sharewood Picnic Jun08 08


In this Sharewood Picnic: Visual communication tools for converting presentations to Flash, downloading any video from any video sharing service, as well as services to edit your pictures, create photo galleries, and grab color schemes. Photo credit: Fotoflash Here my toolkit of useful video and visual communication... 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