Web界面设计基本原则
界面设计中的人为因素:
有限的短期记忆力(Limited short-term memory)
人们在短期内可以记住7项信息。如果超过这个数量,人们很可能要出错。
人会犯错误(People make mistakes)
当人犯错之后系统就会不正常,不适当的警声和警示会造成紧张,进而可能产生更多的错误。
人是不同的(People are different)
人的物理能力悬殊很大。设计者不应该只以自身的能力为设计依据。
人们有各自的交互偏好(People have different interaction preferences)
一些人喜欢图画,一些则喜欢文本。
软件设计的实用性标准:
1.用户需要多长时间掌握和使用该软件
2.响应用户单一操作指令的速度。
3.用户撤销误操作的能力。
4.软件是否能将单一操作绑定到单一功能。
(一)页面尺寸
由于网页的浏览多是基于显示器实现的,所以显示器的分辨率就决定了网页设计者设计网站页面的大小,目前比较流行的显示器的尺寸为
800*600、1024*768、1125*864、1280*720、1280*768、1280*960、1280*1024
而目前主流设计网站页面的大小一般为
600*300、760*420、995*436
有效可视区域(单位:px)
800*600
IE6.0 779(+21) 432(+168)
IE7.0 779(+21) 452(+148)
Firefox2.0 783(+17) 417(+183)
Opera9.0 781(+19) 461(+139)
1024*768
IE6.0 1003(+21) 600(+168)
IE7.0 1003(+21) 620(+148)
Firefox2.0 1007(+17) 585(+183)
Opera9.0 1005(+19) 629(+139)
1280*1024
IE6.0 1259(+21) 856(+168)
IE7.0 1259(+21) 876(+148)
Firefox2.0 1263(+17) 841(+183)
Opera9.0 1261(+19) 885(+139)
一般情况下宽度是一定的但页面的宽度则可以根据内容的多少而进行调整,但设计宽度始终要比显示器的实际大小窄20像素,这为的是给右侧的滚动条留有一定的空间
1. 最保守而最有兼容性的一屏大小是:779×432
2. 最广泛的一屏大小是:1003×600
3. 适合目前国内的情况,一屏大小是779×600