<HTML>
<HEADER>
<title>Circuit Traces Interactive/Web Page Design Basics</title>
</HEADER><BODY bgcolor="#ffffff" text="#000000" link="#00009c" vlink="#a15ea8">
<CENTER>

<TABLE WIDTH=568 CELLSPACING=0 CELLPADDING=0 BORDER=0>

<TR><TD VALIGN=TOP><IMG SRC="../images/interactive/ctinavbar.jpg" ALT="Navigation Bar"  BORDER=0 USEMAP="#ctimap" ISMAP></td><td><IMG SRC="../images/interactive/tips.jpg" ALT="Navigation Bar" BORDER=0 USEMAP="#webmap" ISMAP><P></TD></TR></Table><Table width= 568 cellpadding=0 cellspacing=0 border=0><TR>

<TD WIDTH=50></TD><TD WIDTH=470><IMG  Align=Top SRC="../images/interactive/tips2.jpg" alt="Design Tips"><BR><BR></TD> </Table><table width=568 cellpadding=10 cellspacing=5 border=0><tr><td width=140 valign=top><BR><P>
<BR>
<P><IMG  Align=Center SRC="../images/dot_clear.gif" vspace=70 hspace=50><BR>




<FONT SIZE=+1 color=8c1717 face="helvetica">-- what captivates and engages a corporate executive 
could just as easily put a young computer programmer to sleep. </FONT><P>
 <P><BR><IMG  Align=Center SRC="../images/dot_clear.gif" vspace=90 hspace=50><BR>









<FONT SIZE=+1 color=d98719 face="helvetica">
Too often,
 textured backgrounds are ugly and almost always they make the text
 difficult to read.</font><P>
<BR><IMG  Align=Center SRC="../images/dot_clear.gif" vspace=130 hspace=50><BR><P>
<BR>

<FONT SIZE=+1 color="#4f4f2f" face="helvetica">
CTI's experienced designers can help you create the right look for your site.</font><P><BR>
</td><TD VALIGN=TOP WIDTH=290>
<BR><FONT SIZE=+2 Color="#00009c">What makes for good design?</FONT><P>
<BR>


                         <FONT SIZE=+1 Color="#ff00ff">The point of design is to communicate.</FONT><P>

 <FONT SIZE=-1>And good design communicates effectively. So before<P>

 doing anything,
 you must know <I>who</I> your audience is<P>

 -- what captivates and engages a corporate executive <P>
could just as easily put a young computer programmer <P>
to sleep. <P>
<BR><FONT SIZE=+1 Color="#ff00ff">It should never be boring.</FONT><P>
But no matter who your audience is, good <P>
design should never be boring. The style, theme and<P>
 mood of the design elements should reflect the tastes <P>
of the target audience. Your goal is to get a reaction <P>
-- usually positive, but not necessarily. In some cases, <P>
you may actually want to provoke the audience, to elicit<P>
 strong feelings, or make them feel strange or disturbed. <P>
Jarring design elements, unpredictable layouts, and<P>
 deliberately haphazard typography can -- when done right<P>
 -- communicate just as effectively as clean typefaces, a <P>
consistent format, and simple navigation.<P>
<BR><FONT SIZE=+1 Color="#ff00ff">It should reflect your image.</FONT><P>

 <P>Most importantly, the design of your web site should<P>
 reinforce the message you want to convey, the attitude<P>
 you want to reflect, and the image you want to depict.<P>
<BR>

<FONT SIZE=+1 Color="#ff00ff">It should be attractive.</FONT><P>
In terms of designing for the Web, there are a few points<P>
to keep in mind. Graphics, for instance, can make or break<P>
 a site. Without them, a site is dull and uninteresting. <P>
But if the graphics are too big, they can take too long<P>
to download. Or they may simply be irrelevant, adding no <P>
value to the site. Graphics must project and reflect your<P>
 image. They must be appealing and attractive. One of the<P>
 most important graphics in a web site is often the<P>
 navigation bar. This makes it easy for your visitors to <P>
surf, letting them know where they are at all times,<P>
and allowing them to go wherever they want without<P>
 having to return to the home page to see the site index. <P>
<BR><FONT SIZE=+1 Color="#ff00ff">Things to avoid.</FONT><P>
Textured backgrounds, blinking text and other distracting<P>
 elements are popular among novices, but should generally<P>
 be avoided. Too often, textured backgrounds are ugly and<P>
 almost always they make the text difficult to read. 
Unless<P>
 you have a very good reason, stick to white or black<P>
 backgrounds. As for blinking text, we can't think of any<P>
 reason ever to use it. And be careful when you use bold <P>
text. Save it for headers. Bold text is meant to capture<P>
 the viewer's attention. Too much of it defeats the purpose.<P>
</FONT><P>
<BR>

<HR width=75%></TD><TD Valign=top WIDTH=140><BR><P>
<BR>
<P><IMG  Align=Center SRC="../images/dot_clear.gif" vspace=130 hspace=50><BR>




<FONT SIZE=+1 color=214e21 face="helvetica">...your web site should
 reinforce the message you want to convey, the attitude
 you want to reflect, and the image you want to depict. </FONT><P><BR><IMG  Align=Center SRC="../images/dot_clear.gif" vspace=130 hspace=50>

 <P><BR><FONT SIZE=+1 color=3232cd face="helvetica">
As for <BLINK>blinking</BLINK>  <BR>
text, we can't think of <I>any</I> reason
ever to use it.</font></TD></TR></TABLE><table width=568><tr><td  width=100><td><CENTER><font size=2><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "index.html">Home</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "aboutus.html"><B>About Us</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "howto.html">Build Your Own</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "register.html">Register Your Site</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "guest.html">Guestbook</a><BR><a href= "mail.html">Mailroom</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "cticlients.html">Client List</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "ctawards.html">Our Awards</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><A HREF="MAILTO:webmaster@ctraces.com">Webmaster</a></B></font><BR><BR></td><td width=100><BR>
</td></tr></table></td></tr></table><table border="0" width="568"><tr><td width=100><td valign="top"><hr noshade align="center" size="-2" width="300"><br><B><CENTER><font size=-2>Copyright 1997 <A HREF = "../index.html">Circuit Traces Communications</A></font>.<BR><font size=-2> All rights reserved.</CENTER></font></B></TD><TD WIDTH=50></TD><TD WIDTH=50></TD></TR></TABLE><map name="ctimap"><area coords=" 2,4 139,56" href="index.html" onMouseOver="window.status='Our home page'; return true"><area coords=" 13,56 55,74" href="index.html" onMouseOver="window.status='Our home page'; return true"><area coords=" 61,59 103,73" href="aboutus.html" onMouseOver="window.status='Design Solutions for the Information Age.'; return true">
<area coords="109,59 142,75" href="tips.html" onMouseOver="window.status='A few tips on creating effective web sites.'; return true">
<area coords="147,57 198,74" href="howto.html" onMouseOver="window.status='Graphics and HTML resources.'; return true">
<area coords= "206,58 256,74" href="ctawards.html" onMouseOver="window.status='We have been named one of the best on the Web by NetGuide and more!'; return true">
<area coords="266,58 335,75"  href="guest.html" onMouseOver="window.status='Sign our guestbook.'; return true"><area coords="338,58 372,73"  href="mail.html" onMouseOver="window.status='Contact Information.'; return true"><area  coords="377,56 426,74"  href="cticlients.html" onMouseOver="window.status='Tour our Client Gallery.'; return true"><area  coords="420,55, 470,70"  href="register.html" onMouseOver="window.status='Get worldwide exposure by registering your site with these directories.'; return true">


</map><map name="webmap"><area coords="0,55 30,70" href="register.html" onMouseOver="window.status='Get worldwide exposure by registering your site with these directories.'; return true"><area coords="39,55 117,75" href="mailto:webmaster@ctraces.com" onMouseOver="window.status='Send us your comments.'; return true">

</map></BODY>
</HTML>
