|
|
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
|
|
 |
Using thumbnail sketches to guide you, create "mock-ups" in your program of choice (Illustrator, FreeHand, and Photoshop). Mock-ups show the layout and design, but have no HTML code, no working links, etc. Mock-ups are a way to hone in on the design without having to do all the production work involved in web design. After you settle on a design you do the production work necessary. Mock-ups created in Photoshop move into the production phase easily. |
|
| Understanding the elements’ relationships | ||
 |
||
| Looking for creative interaction of elements | ||
 |
||
| Nicely organized but flat! | ||
 |
||
| An inspiration! Simplicity and energy. | ||
 |
||
| Mockup Mockup 2 Mockup3 |
|
|
HOME / MiniCourse |