全国服务热线:
0592-5794349
当前位置:首页> 新闻中心

软件开发网页设计规范

* 来源: * 作者: * 发表时间: 2020-02-07 0:35:48 * 浏览: 0
软件开发WEB的页面框架是指整个页面的组织结构。它通常由以下三个部分组成:头,主和脚。有时,出于布局需要,在“ ldquo”和“ Head for page”功能导航下方添加了“ ldquo”和“ Menu”。对于软件开发公司的WEB应用程序来说,页面布局与Web应用程序的功能区域相对应,页面各部分之间的划分比例也需要遵循某些规则。页面布局的设计首先需要在浏览网页时考虑用户视觉流程的要求。从视觉流程上看,用户首先看到页面ldquo,在Head部分的左侧,通常有一个标识Web应用程序的徽标,然后是ldquo菜单,它显示了WEB应用程序的主要功能,用于页面导航。接下来,用户将在页面左侧看到ldquo(侧边栏),通常用于页面功能导航,而ldquo(菜单)。作为响应,此处的内容可以树状显示更多详细的功能,位于页面中央的内容部分位于其次,而用户的注意力位于WEB页面的底部。 l在高度方向上,按照黄金分割方法将标题和菜单区域划分为上1/3区域; l在宽度方向上,按照黄金分割方法将侧边栏区域划分为左1/3区域。中间。下面的空间是为内容区域保留的。在高度方向上,根据黄金分割方法,将脚区域分为较低的1/3区域。在页面布局中,功能区域根据“像素”,“像素”和“像素”进行划分。它以比例模式进行,以1024 * 768的分辨率为基准,其中:l头部区域,宽度按比例设置,宽度设置为100%,高度由占用的固定像素值确定。一般拿起? px,如果有菜单区域,则调整为? px,lMenu面积,“ ldquo”,“ head”的配置要求是相同的,其宽度是根据100%设置的,结合“ ldquo”的高度,确定“ head”的高度设置,一般占? px,lSidebar区域,宽度由黄金分割与“内容”之比确定,并以固定像素方式确定。 px,高度按比例设置,l内容区域,高度和宽度方向布局按比例设置,lFoot面积,宽度按100%设置,高度由固定像素值确定,一般取起来吗? px,1.1.1.1页面显示对于页面布局,除上述要求外,还需要考虑以下要求:l可以适应1024 * 768和800 * 600的两种分辨率,l接口级别不超过3层,l默认值在窗口设置下,不应出现水平和垂直滚动条,l当界面内容超出显示区域时,以浮动层的形式显示,另外,根据用户的感觉,用户直接查看屏幕对角线相交的位置,页面正上方四分之一的位置吸引了用户的注意力,因此放置页面时应注意这两个位置。要求:当需要弹出多个子页面时,父页面或主页的中心位置应设计在对角线焦点附近,子页面的位置应靠近左上角或主窗口中间。向上,则应依次将它们移至右下角。建议移动标题以显示表单,l将用户徽标,主要功能导航和某些系统操作功能放在页面的顶部,1.1.1.2页面美化界面的大小应适合美观。角度来看,感觉舒适自在。可以在有效范围内吸引用户的注意力。建议和要求:l长宽比接近黄金分割点,长宽比不平衡或宽度超过长度。布局应该合理,不要太密集,不要太空,并合理地使用空间。同一页面上的按钮大小应保持一致,不同页面上的按钮大小应尽可能接近,避免使用过长g按钮的名称,l按钮的大小应与界面的大小和空间一致,l避免在空的界面上放置大按钮,l放置控件后,界面不应留有较大的空隙,l字体大小应与界面大小相协调,通常为12px,l前景色和背景色应合理协调,对比度不应太大,主色应柔和,且较少使用深色,如红色,绿色等借用Windows界面的颜色,l大型系统中常用的主要颜色是“,E1E1E1”,“ EFEFEF”,“ C0C0C0”等,l界面样式必须一致。大小,颜色和字体应相同。建议在需要艺术处理或特殊要求的地方使用图片表达。 L如果窗体支持放大或放大窗体上的控件也必须随窗体缩放,不要放大窗体并忽略控件的缩放,l系统对话框页面不应该支持缩放,即仅关闭功能在右上角,l通常父窗体支持缩放,而子窗体不需要缩放时,l如果可以为用户提供自定义界面样式,则用户应选择颜色,字体等,1.2页面字体和页面字体属性设置在相应的CSS中定义,并且页面文本编码要求为UTF-8。在指定字体属性时,需要设置:CSS文件中的中文使用ldquo,Song样式,英文使用ldquo,Arial或ldquo,verdana和font-family必须确保ldquo,Song样式。要在页面属性中设置字体大小,需要设置不同级别的内容,通常是:nldquo,Head中的标题文本,20px,nldquo,Menu中的导航文本,14px,nldquo,Sidebar中的文本,12px, nldquo,内容文本在正文中,12px或14px,标题,nldquo,脚下文本,12px或10px,有关页面字体属性的特定设置,请参见附录中的CSS示例。