|
在制作网页的过程中，最先考虑的因素是什么？
针对这个问题，可能有许多不同的答案，比如网页所要包含的内容（ content ），网页的整体色彩搭配 (color) ， 网页的主题 (title) 等 等。但是就我个人来讲，我觉得没有任何因素应该比网页的整体架构更加值得优先考虑。一个网页是否做的成功，内容和色彩固然十分重要，但是如果没有一个好的 整体架构来实现它，那么这个网页是不会成功的。用户看到的要么是满篇文字，要么是色彩绚烂，吸引眼球但找不到重点。所以在选择网页所要表达的主题和填写内 容，考虑色调之前，一定要预先考虑好网页的整体布局，这样才能牢牢的抓住用户，让用户轻松容易的找到这个网页想要传达的首要信息。
网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览。
那么，如何才能创建一个好的网页架构呢？下面是我的一点心得。
1． 首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。
通 常情况下，为了方便用户的浏览习惯，网页的长度极限被定制为网页满屏显示后不出现横向滚动条。而纵向则没有太大的限制，大多数的网页都采取的是垂直滚动的 形式来显示页面的内容。在这种情况下，页面的文字当然不能和屏幕边缘对齐了，所以大多数的的网页都会设计一个边框来分开文字和浏览器的边缘，或者是设置背 景颜色来区分。比如雅虎 http://www.yahoo.com/ 的网站边缘设计成白色， 搜狐 http://www.sohu.com 的边缘同样是白色。有了边框或者背景色来区分，整个网页的内容会显得更加紧凑，集中。通常情况下，网页的外框宽度设定为 800 象素的时候，给人的感觉会非常舒服。（那么规则是用来打破的，如果你选择横向滚动的方式来显示页面内容，使得整个页面就像一副横向的画轴，是不是也会有很好的效果呢？本人也正在尝试这种网页框架处理方法，只是没有成功的经验，如果大家有这方面的例子，欢迎回帖）
2． 其次就应该考虑导航条的设置了。
导航条是网页中最最重要的部分，从用户的习惯来讲，导航条一般设置在网页的顶端靠近第一排文字的地方（注意不是最顶端，网页的最顶端一般会设置一些标志性的图片或者广告来吸引用户的眼球）或者设置在正文的左边，如果是左边的话，那么宽度一般占到 20 ％ 左右。 当然如果页面较长的话，可以在网页的底部也设置一个导航条来方便用户浏览。导航条的作用就是方便用户浏览网页的内容，所以导航条一定要反映整个网站的架构，把最值得推荐的网页链接放置在导航条中。（从颜色方面讲，导航条的颜色应该属于暖色调，同正文的颜色区别开来）
3． 正文的框架设置 （横向因素和纵向因素交错）
网页的外边框和导航条设置完成之后，接下来就应该是网页的正文框架考虑了。这一部分通常是最难以掌握的，网页做的是否成功通常就会取决于正文的框架结构。例如文明全球的 IBM 公司的主页 http://www.ibm.com ，网页的正文采用四个竖排的小框，涵盖了网站的所有链接，内容清晰明了，易于用户浏览，当然，从严格意义上讲，它应该算是一个二级导航条，而不是网页的正文，我们再看另外一个网页：波音公司网站的一个公司简介网页： http://www.boeing.com/companyoffices/aboutus/ 。 在这个网页中，网页的设计者采用的是传统的文字和图片布局结构，由于文字没有重点，图片占据了正文宽度的 50 ％，可以说没有什么新意，不值得推荐。反过来，我们再看 IBM 公司的简介页面： http://www.ibm.com/ibm/us/ , 撇开内容不谈，就这个网页的框架来讲，正文采用的是横向文字排列的顺序，但是在第二段和第三段打破了横向排列的规则，采用了竖排的方式，并且对关键性词汇采 用了增加背景色或者改变字体颜色使之更加突出的方式。这样，整个页面看起来就要比重复的三段横向排列文字的效果要好的多。值得注意的是在正文的最右边同样 的采用了竖排的方式，然而在排版方面却选择了分成三个断开的小框，从而制造了横向的因素在里面。这样横竖交错的页面十分符合人的浏览习惯，也可以使整个页 面不会显的太单调。所以这个网页排版方式是最值的推荐的。
当然，每个人的审美观都不一样，有关网页的框架设计和安排，还需要根据特定的网站访问者来确定。
|
