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

软件开发网页设计规范

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