网页界面设计的重要规范


网页界面设计的重要规范


网站界面设计是一门独特的艺术 , 既要从外观上有创意以到达吸引眼球的目的 , 还要结合图形和版面设计的相关原理 。通常 , 企业网站用户界面的设计一般应遵循以下几个基本原则:
一.用户导向原则
设计网页首先要明确网页的使用者 , 要站在用户体验立场上来考虑和设计 。要做到这一点 , 就必须要和用户沟通 , 了解他们的需求、目标、期望以及偏好等 。网页的设计者要清楚 , 用户之间是有差别的 , 他们的能力也各有不同 。比如有的用户可能会在视觉方面有所欠缺(如色盲) , 对很多的颜色分辨不清;有的用户的听觉也可能会有些障碍 , 对于网站的语音提示反应比较迟钝;而且相当一部分用户的计算机使用经验还很初级 , 对于复杂一点的操作就会感觉到很费力 。另外 , 用户使用的计算机机器配置是千差万别的 , 如显卡、声卡、内存、网速、操作系统以及浏览器等都会有所不同 。设计者如果忽视了这些差别 , 设计出的网页在不同的机器上显示就会造成错乱 。
二.简洁和易于操作原则
简洁和易于操作是网页设计的最重要的原则 。网站主要是用于普通网民来查阅信息的网络服务 。没必要在网页上设置过多的操作 , 堆积很多复杂和花哨的图片 。此原则的要求如下:
1、网页的下载不要超过6秒钟(普通的家庭宽带为2M的 , 速度一般在220kb/s);
2、网页尽量使用文本链接 , 尽量减少大幅图片和动画的使用 , 加快网页的打开时间;
3、操作设计尽量简单 , 并且要有明确的操作提示;
4、网站所有的内容和服务都尽量在显眼处向用户予以说明等 。
三.布局控制
在网页排版布局方面 , 很多网页设计者还不够重视 , 网页界面设计排版过于死板 , 甚至照抄他人 。如果网页的布局凌乱 , 仅把大量的信息堆集在页面上 , 就会干扰浏览者的阅读 。一般在网页界面的版式设计上所要遵循的原则有:
1、7±2的Miller公式 。
根据心理学家George A.Miller的研究表明 , 人一次性接受的信息量在7个比特左右为宜 。总结一个公式为:一个人一次所接受的信息量为 7±2 比特 。这一原理被广泛应用于网站建设中 , 一般网页上面的栏目选择最佳在5~9个之间 , 如果网站所提供给浏览者选择的内容链接超过这个区间 , 人在心理上就会烦躁 , 压抑 , 会让人感觉到信息太密集 , 看不过来 , 很累 。例如Aol.com的栏目设置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类 。Msn.com的栏目设置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项 。然而很多国内的网站在栏目的设置远远超出这个区间 。
2、分组处理 。
上面提到 , 对于信息或栏目的分类 , 不能超过9个 。但如果你的内容实在是太多 , 超出9个 , 就需要进行分组处理 。如果 , 你的网页上有几十篇文章的链接 , 需要每隔7篇加一个空行或平行线做以分组 。如果你的网站内容栏目超出9个 , 如腾讯公司的网站或其它几个比较知名的门户 , 有很多个栏目 , 超过了9个 。为了不破坏7±2的Miller公式 , 在设计时把比较有代表性的分类加粗 , 然后再按性质分组 , 最终如下图分成了6列大的栏目 。

推荐阅读