网站界面的布局方式、展示形式直接影响用户使用网站的方便性。合理的页面布局令用户快速发现网站的核心内容和服务;如果页面布局不合理,用户不知道如何开始获取所需的信息、或者怎么执行操作来获得相应的服务,那么他们就会离开这个网站,甚至以后都不会再访问这个网站。
界面布局的基本原则是既要体现网站运营的重点,又要兼顾用户访问行为习惯,由此,需要做到以下几方面:
一、界面布局与内容的相关性
网站的界面布局与网站内容架构息息相关。网站界面布局应遵循助用户浏览习惯和网站的信息规划,将内容有序的呈现在用户面前,使重要信息置于页面重要板块得以重点体现.同时网站的界面布局也反映出网站的运营思路,并对最终的营销结果产生影响.
比如一个网站广告在第一屏中占据了重要的位置,每月最新信息等用户关心的内容则沉到了页面的下方.网站使用广告的用意是为了配合营销活动的宣传,这样的布局更象是出于网站的目标,忽略了用户的目的,其实这是用户十分讨厌的.总结要注意以下几点:
1、 从上到下,从左到右,按照内容重要性的优先级有序展开;
2、 重要内容放在靠前的位置
3、 建立清晰的层次,遵从视觉体验”F”规则;
4、 页面布局清晰明确,同级的页面布局一致
5、 页面上内容有包含关系的部分,视觉上进行嵌套
6、 页面上内容有相关联系的部分,视觉上也要体现这种相关性.
二、网站界面设计的兼容性
网站界面设计还应考虑浏览器兼容性,即要适合大多数用户的浏览环境,使他们都能正常的浏览。随着 Web 标准的推广和应用,将网站界面的表现与形式分离,更具灵活性和适应性的方式在网站建设中越来越受推崇。要做到网站界面在各浏览器和分辨率下相兼容,不妨第一步就从 web 标准化的运用开始。
目前网站界面的主流分辨率主要指 1024px×768px,04 年以后大约 60%以上的网民采用此分辨率.而随着液晶显示器的普及,1280px×1024px 分辨率将会有更多人使用。因而网站界面设计应该在保证主流分辨率的基础上,争取做到兼顾适应未来分辨率的趋势。火狐 firefox 的市场份额近年也不断增 加,设计师要做到网页在以上浏览器下均能正常浏览。网页设计师可以从以下方面着手:
1、 web标准的熟练运用
2、 网站界面应对主流分辨率兼容
3、 网站主流应对主流浏览器兼容
4、 网站界面对手机和屏幕阅览器等特殊设备的兼容.