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

软件开发网页设计规范

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