zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    机器学习笔记之Boosting算法
    机器学习笔记之多重共线性问题以及如何解决
    机器学习笔记之在Visual Studio Code中使用Jupyter Notebook
    高数学习笔记之范数与距离度量(python实现)
    机器学习笔记之线性回归最小二乘法(公式推导和非调包实现)
    机器学习笔记之线性回归数学推导
    高数笔记之期望、方差与最小二乘法
    DataTable 去重 测试
    vs2019 项目历史记录
    sql 求和 语句
  • 原文地址:https://www.cnblogs.com/binaryworms/p/1689676.html
Copyright © 2011-2022 走看看