网站页面布局

提供志趣相投者联络的机会；
链接到有用的网页，等等。
如果你经营的是企业网站，需要提供关于产品或服务的信息：
容易理解；
容易查询；
容易订货。
3.速度
我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。
Web
Web站点主页应具备的基本成分包括：
页头：准确无误地标识你的站点和企业标志；
Email地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息：声明版权所有者等。
充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。
网站设计成功的九大要素
设计一个网站，应该考虑下列九条基本因素，这些因素对网站的无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”
所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：
信息；
娱乐；
劝告；
对一些问题的帮助；
d)每个首页的设计成至少要有一个读者点击进去的理由。即时更新比独家内容成本低。
布局
布局是内容组织的必然结果，往往是自己逐渐成型的。一旦周全考虑了页面的所有需求，并且确定每一块的内容，你的工作就变成了看着所想要的布局自己展现在你眼前。
在开始安排页面内容时，我会秉承这一最基本的设计方法。简单来说，我把所有的栏目区域都扔到显示器上，然后移来移去不断的调整让他们彼此协调。
也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。
7.导航
由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在页面左边，对于较长页面来说，在最底部设置一个简单导航也很有必要（只要两项就够了：主页|页面顶部）。
确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
颜色也是影响网页的重要因素，不同的颜色对人的感觉有不同的影响，例如：
红色和橙色使人兴奋并使得心跳加速；
黄色使人联想到阳光，是一种快活的颜色；
考虑到你希望对浏览者产生什么影响，请为网页选择合适的颜色。
阅读西方格式文本时，眼睛从左上方开始，逐行浏览到达由下方，插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方，如果在左上角放置一幅小鸟的图片，鸟嘴应该放在把浏览者目光引向页面中部的地方，而不是把视线引走。
网站界面布局的人性化设计
【摘要】利用人机工程学科的相关知识，对现有网页界面所存在的问题进行分析优化。
【关键词】人机、网页界面、布局、设计要素、编程
界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。
5.分栏
a)首页选4栏？还是3栏？
b)正文页多用2栏。
c)“纵向逻辑”是指将相近的内容从上至下排列，而不是从左向右排列。如果读者对这方面内容感兴趣，他会从上至下，逐行阅读。这样可充分力利用首屏，让首页增多从上至下阅读的可能。
d)避免一栏太强，一栏太弱。通过图片、套红等手段进行调控。平均使用读者主意力。使读者不敢放过左中右任何一栏。
访问者也想知道你的产品或服务现有客户的反映，所以如果能引用与你关系融洽的客户对你的积极评价，对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页，作为对客户提供推荐信的回报，在这里链接到客户的网站——这也是一种“双赢”。
9.词语
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。
1.整体布局
网站主页就好象是宣传栏或者店面
一般来说，好的网站应该给人有这样的感觉：
干净整洁；
条理清楚；
专业水准；
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。
这种思路可以用于所有图片：
面部应该“看”网页的中部；
汽车的“停靠”面向网页中部；
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边，也是出于这种考虑——不断地出现在浏览者的视野之中。
5.文字的可读性我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好象只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好象处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。
8.保护个人信息声明和客户推荐信
对于商业网站来讲，最重要的事情之一是确保潜在客户的信心，你应该明确地告诉人们，如何对其兴趣、爱好，尤其个人隐私保密，很有必要专门用一个页面详细陈述你的保护个人信息声明，包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
b)导航条上的分类名的前后次序要兼顾重点和读者阅读逻辑，即归类摆放。
c)导航条最多三行。最好二行。太多行显重。
d)导航的更多，就是网站地图。网站地图的摘要版可以放在网站底部，成为底部导航。网站的底部导航，很有必要。其好处是：一、可放多行；二、可形成网站底部的阅读重点。将读者从首屏带到最后一屏，期间会增加很多点击。
网站界面设计的重要性：网站页面的布局方式、展示形式直接影响用户使用网站的方便性。合理的页面布局会使用户快速发现网站的核心内容和服务。如果页面布局不合理，用户不知道如何开始获取所需的信息、或者怎么样去浏览页面才能获得相应的服务，那么他们就会选择离开这个网站，甚至以后也很少再来访问这个网站。页面布局的基本原则是既要体现网站运营的重点，又要兼顾用户访问的网络行为习惯。
2.字体字号
a)目录页用小字号，为的是放更多的标题。
b)正文页用大字号。为的是让读者读得舒坦。
c)慎用不容易看清楚的楷体。楷体的作用等于图片，主要起美化版面的作用。
d)多用对搜索引擎友好的标粗，来表示重点。
3.颜色
a)同一个页面的颜色不要超过4种。眼花缭乱，容易产生视觉疲劳。
b)颜色对比不要反差太大。网页版面不是美术作品，要避免形式对内容的喧宾夺主。
文字的颜色也很重要，不同的浏览器有不同的显示效果，有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式，为方便或快速阅读将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体，通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的Gothic, Script, Westminster, or Cloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
c)文字+底色能够起到很好的突出作用，在视觉变化上相当于图片的作用。
4.静态化
a)访问量大的页都应该静态化，以便减少服务器压力，增强网站稳定性。访问不到的网页是最差的网页。
b)动态化和静态化在一个页面中结合使用，能同时得到轻负荷和即时交互性的好处。
c)哪些页面的哪些地方需要静态化要在一开始就考虑，访问量大了之后，再高考虑，就迟了，由动态化转为静态化，会有很多历史问题。
e)主导航和频道导航：主导航每页都有，频道导航只在本频道页面出现。
8.首页更新成本
a)首页设计不能只考虑美观、协调，要考虑24小时更新一遍之要求。更新是网站的生命，一定要最大限度地降低首页更新成本。
b)交叉自动同步更新的设计，可有效降低各种首页更新成本，给读者内容丰富即时的感觉。
c)更新即时的首页是网站的资源，因为是资源，更多的标题会拥上这个首页。如此，正循环，这个首页也就火了。更新不即时的首页是网站的鸡肋，会越来越寂寞，最终会被荒废。
1、引导用户的视线
人们在浏览页面或布局的时候，视线往往趋向于从左上角移动到右下角，就好像页面的布局设计有某种自然的力量一样。因为人们常都是从左至右、由上至下地阅读，久而久之视线自然会沿着这一路经移动。
6.图片
a)一图胜千言。十分必要时才用。因为图片的编辑成本和带宽成本都比较文字高很多。
b)在目录页的图，小点，再小点，多用特写；小分辨率，能看就行。在正文页的图，保证清晰，美观。正文页有的是版面。
c)正文页在5屏之内，尽量不要分页。让读者一次读完。
7.导航条与网站地图
a)导航条是网站的门牌号码，不能随意更改。否则，读者会迷路，找不到他原来看的内容。
4.图形和版面设计
图形和版面设计关系到对主页的第一印象，图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点，你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点，动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因，根据经验，把每页全部内容控制在30K左右可以保证比较理想的下载时间。图象在6—8K之间为宜，每增加2K会延长1秒钟的下载时间。
应该时时提醒自己，网站首页就象一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。