网站建设与开发：首页设计的关键要素探讨

网站首页布局有何条件

人们对一个网站是否感兴趣，网站的主题是否准确传达，主要反映在网站的首页布局上，网站首页布局对整个网站至关重要。在进行网站首页布局时，需要掌握本文中四大条件，使得首页给人以焕然一新的感觉。

一、网站首页的必要元素？尽管首页元素根据企业性质的不同会有所变化，但基本的页面元素必须具备。例如：导航栏、LOGO、横幅、按钮、图片、文字。1、导航栏？导航栏如果设计得恰到好处，会给网页本身增色不少（千万不要过于花哨，它属于功能物品，喧宾夺主就不好了）。导航栏有一排、两排、多排、图片导航和Frame框架快捷导航（民主湖论坛就是这种）等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如精彩的Flash导航。2、LOGO？LOGO是网站为了给大家提供一个较为直观的信息表达工具。网站的LOGO，一般以静态的居多，也有动态的，但LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。3、横幅？是网站的广告展示，对于引起用户注意和记忆、增强画面效果有重要作用。4、按钮？网页中的“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物品，通常都统称为按钮。它是引导用户进入其他页面的一个重要端口。

二、网站首页的整体布局？对网站首页布局的整体要求体现在：1.有共性，才有统一，有细节区别，才有层次。2.防止设计与实现过程中的偏差，不要固定具体要放多少条信息。3.设计的各部分，要配合整体风格，夸张一点好像VI。4.不仅页面上各项设计要统一，而且网站的各级别页面也要统一。5.页面要“透气”，就是信息不要过于集中，以免文字编排过于紧密。6.不要有太多分散注意力的点。动态闪烁要适中。7.页面留白部分，要根据平面设计原理来设计，请注意，分栏式结构不宜留白。8.还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好。9.首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片，一般用在专题网站上，如民主湖电台，还有很多公司的网页。

三、对网站首页功能易用性的要求？任何网站都要把这个问题放在第一位。不过大家请注意以下几点：1.导航栏应最先调入，以便常客快速前往所需信息空间。2.页面长度要短，使得用户在信息空间内可迅速移动。3.导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

网站界面设计规范有哪些

易用性规范

2.001常用按钮要支持快捷方式。

2.002完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

2.003界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。

2.004界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前，位置也应放在窗口上较醒目的位置。

2.005分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

2.006默认按钮要支持Enter和选操作，即按Enter后自动执行默认按钮对应操作。

2.007可写控件检测到非法输入后应给出说明并能自动获得焦点。

2.008 Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式。

2.009复选框和选项框，按选择几率的高低而先后排列。

2.010复选框和选项框要有默认选项，并支持Tab选择。

2.011界面空间较小时使用下拉框而不用选项框。

2.012选项数较少时使用选项框，相反使用下拉列表框。

2.013根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业词汇；用户为儿童：这可以语气亲切和蔼；老年用户则应该成熟稳重。

2.014鼠标为不可点击状态时显示箭头，可点击状态显示手型；系统忙时显示沙漏形状

规范性规范

2.015菜单前的图标能直观的代表要完成的操作。

2.016工具栏要求可以根据用户的要求自己选择定制。

2.017系统常用的工具栏设置默认放置位置。

2.018工具箱要具有可增减性，由用户自己根据需求定制。

2.019状态条要能显示用户切实需要的信息，常用的有、目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。

2.020滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。

2.021状态条的高度以放置五号字为宜，滚动条的宽度比状态条的略窄。

2.022菜单和工具条要有清楚的界限；菜单要求凸出显示，这样在移走工具条时仍有立体感。

2.023工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。

帮助规范

2.024帮助文档中的性能介绍与说明要与系统性能配套一致。

2.025打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。

2.026在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。

2.027用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。

2.028如果没有提供书面的帮助文档的话，最好有打印帮助的功能。

2.029在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。

合理性规范

2.030与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。

2.088 数值域仅限输入正号、负号、0至9以及功能键（退格键）。数值不得为负值。

2.089 单行文本框/多行文本框；尺寸适宜，足以承载相应内容，但不应超过数据库字段规定的长度，宜将允许输入的最大字符数标注于侧旁。建议在单行文本框内，当输入字符超出特定长度后即视为无效；对于多行文本框，应明确标示最大字符数。

2.090 附件功能；能够正常添加符合规范格式的附件；附件能够正常读取和存储，即使附件名称较长也能正常操作；若直接输入错误的附件路径，在保存时应当提供提示信息；附件打开及保存至本地时，应显示原始文件的文件名。

2.091 密码输入功能；在需求说明中规定密码是否允许为空或包含空格；密码是否允许使用特殊字符；是否区分字母大小写；密码的允许输入长度；程序中应提供明确的文字说明，说明密码的允许输入长度。