27
18911184380
当前位置:首页 > 资讯 > 建站知识

网站设计之页面的规范性和标签的命名规范

2015-05-06 酷站科技
网页页面的规范化

一般网站设计都按Windows页面的标准设计制作,即包括“莱单条、菜单栏、专用工具厢、通知栏、网页滚动条、鼠标右键快捷按钮”的规范文件格式,可以说:页面遵照规范性的水平越高,则便捷性相对的就就越好。中小型手机软件一般不出示专用工具厢。
 
页面的规范性

标准规定:
  • 常见莱单要有指令快捷方式图标。
  • 进行同样或相仿作用的莱单用水平线分隔放到同一部位。
  • 莱单前的标志能形象化的意味着要进行的实际操作。
  • 莱单深层一般规定数最多操纵在三层之内。
  • 菜单栏规定能够依据客户的规定自身挑选订制。
  • 同样或相仿作用的菜单栏放到一起。
  • 菜单栏中的每一个按键要有立即信息提示。
  • 一条菜单栏的长短最多不可以超过显示屏总宽。
  • 菜单栏的标志能形象化的意味着要进行的实际操作。
  • 系统软件常见的菜单栏设定默认设置置放部位。
  • 菜单栏过多时能够考虑到应用专用工具厢。
  • 专用工具厢要具备可调整性,由客户自身依据要求订制。
  • 专用工具厢的默认设置总总宽不必超出显示屏总宽的1/5。
  • 情况条要能显示信息客户进一步必须的信息内容,常见的有:
  • 现阶段的实际操作、系统状态、客户部位、客户信息、信息提示、错误报告等,假如某一实际操作必须的時间较长,还应当显示信息时间轴和过程提醒。
  • 网页滚动条的长短要依据显示的长短或总宽能立即转换,以利于客户掌握显示的部位和百分数。
  • 情况条的高宽比以置放五佳字为宜,网页滚动条的总宽比情况条的略窄。
  • 莱单和工具栏要有清晰的界线;莱单规定凸起显示信息,那样在挪走工具栏时仍有层次感。
  • 莱单和情况条中一般应用5号字体样式。工具栏一般比莱单要宽,但不必宽的过多,不然看上去很不融洽。
  • 鼠标右键快捷按钮选用与莱单同样的规则。

系统软件便捷性

便捷性就是指网页页面上的作用遵循国际惯例,比如:按键名字通俗易懂,措辞精确,并与同一页面上的别的按键便于区别,能望文知意。那样,促使客户无需查看协助就能了解该网页页面上的作用并开展有关的恰当实际操作。

规定:
  • 开启一个新界面,鼠标光标默认设置滞留在第一个待键入的输入框中;
  • 进行同样或相仿作用的按键置放在一起,,降低电脑鼠标挪动的间距,常见按键要适用快捷方式图标;
  • 按作用将页面区划局域网块,用Frame框括起來,然后有作用表明或题目;
  • 页面要适用电脑键盘全自动访问按键作用,即按Tab键的全自动转换作用;
  • 页面上最先应键入的和重要信息的控制在Tab次序中理应靠前,部位也应放到对话框上较显眼的部位;
  • 同一页面上的控制数最好是不必超出10个,超过10个时能够考虑到应用分页查询桌面显示;
  • 分页查询页面要适用在网页页面间的便捷转换,常见组成键盘快捷键Ctrl Tab;
  • 默认设置按键要适用Enter实际操作,即按Enter后全自动实行默认设置按键相匹配实际操作;
  • 可写控制检验到不法键入后应得出表明并能全自动得到 聚焦点;
  • 按键键的次序与控制顺序排列要一直,现阶段时兴整体从上向下,另外行与行从左往右的方法;
  • 勾选框和选择项框按挑选概率的高底而依次排序;
  • 勾选框和选择项框要有默认设置选择项,并适用Tab挑选;
  • 选择项数同样时要用选择项框而无需下拉框框;
  • 页面室内空间较钟头应用下拉列表而无需选择项框;
  • 选择项数较较少时应用选择项框,反过来应用下拉框框;
  • 专业能力强的手机软件要应用有关的专业名词,实用性页面则倡导应用实用性词眼;

键入安全系数规定

在页面上必须创建一些标准来操纵键入的错误概率,会大大减少系统软件因客户人为因素的不正确造成的毁坏,开发人员理应尽可能全面地充分考虑各种各样很有可能产生的难题,使错误的很有可能降至最少,比如:当程序流程出現防御性不正确而撤出系统软件,会使客户对手机软件丧失自信心,由于这代表着客户要终断构思,并耗时费力地再次登陆,并且已开展的实际操作也会因沒有存盘而所有遗失。因而必须在界面设计时解决键入依照标准开展校检。

规定:
  • 清除很有可能会使程序流程异常中断的不正确;
  • 理应检查用户入录失效的数据信息;
  • 选用有关控制限定客户键入值的类型;
  • 当客户遭遇的挑选是2个或好几个选一时,请选用单选框,而当挑选的很有可能再多一些时,能够选用勾选框;
  • 当选择项尤其多时,能够选用列表框,下拉式列表框;
  • 保证没经受权或没有意义的实际操作不可以开展;
  • 对很有可能造成严重错误或系统软件错误的键入标识符或姿势得加限定或屏蔽掉;
  • 对很有可能产生严重危害的实际操作要有防范措施。根据防范措施客户能够返回原先的恰当情况;
  • 对一些特殊字符的键入,与系统软件应用的标记发生冲突的标识符等开展分辨并阻拦客户键入该标识符,并提早得出键入提醒;
  • 对操作失误最好是适用交叉性解决,如撤销系列产品实际操作;
  • 在键入实效性标识符以前应当阻拦客户开展仅有键入以后才可开展的实际操作;
  • 对很有可能导致等待的时间较长的实际操作应当出示撤销作用;
  • 特殊符号经常出现;;'"><,`':"["{、|}] =)-(_*&&^%$#@!~,.。?/也有空格符;
  • 在读取客户所键入的信息内容时,应依据必须挑选是不是除掉前后左右空格符,比如:一些读取数据库查询的字段名不兼容正中间有空格符,但客户进一步必须键入正中间空格符,这时候要在程序流程中多方面解决;
特有性规定

假如一味的遵照业内的页面规范,则会缺失自身的个性化.在架构合乎之上标准的状况下,设计方案具备自身与众不同设计风格的页面至关重要。特别是在在软件开发平台商品流通中拥有 非常好的转移默化的广告宣传效应

规定:
  • 安裝页面上需有企业详细介绍或产品简介,并有自身的标志;
  • 主界面,最好大部分页面上应有公司图标;
  • 登陆界面上应可由本商品的标示,另外包括公司图标;
  • 协助莱单的"有关"中需有著作权和商品信息;
  • 企业的产品系列要保持一致的用户界面,如背景颜色、字体样式、莱单排序方法、标志、安裝全过程、按键术语等应当大体一致;

多用户的运用与服务器资源

设计方案优良的手机软件不但要有完善的作用,并且要尽量的占有最少程度的資源,因而在出現多用户的状况下必须防止以下一些状况。

规定:
  • 在多用户系统软件中,一些页面规定务必维持在最高层,防止客户在开启好几个对话框时,不断的转换乃至降到最低别的对话框来显示信息该对话框;
  • 在主界面加载结束后全自动卸出运行内存,让给所占有的WINDOWS服务器资源;
  • 关掉全部文本框,系统软件撤出后要释放出来所占的全部服务器资源 ,除非是是必须后台程序的系统软件;
  • 尽可能避免 系统对的独享应用;
网页页面原素取名
页面元素命名

在应用javaScript来开展网页页面实时控制程序编写时,必须对程序流程中的网页页面原素和作用实际操作的名字引入开展承诺:
页 头: header
外 套: wrap
页 脚: foot

内 容: content
网页页面行为主体: main
容 器: container
标 题: title
当今的: current

主导航栏: mainnav
顶导航栏: topnav
子导航栏: subnav
边导航栏: sidebar
左导航栏: leftsidebar
右导航栏: rightsidebar
频道: column
面包糠: breadcrumb (即网页页面所处位置导航提醒)

菜 单: menu
子莱单: submenu
莱单內容: menucontent
莱单容积: menucontainer
按 钮: button
表 单: form
页 签: tab
文章列表: list
滚 动: scroll
信息提示: msg
摘 要: summary
标 签: tag
标识文本: tagTitle
标识內容: tagContent
当今标识: tagCurrent/currentTag
检索范畴: range
图 标: icon
所在位置: currentPath
列 定 义: column1of3 (三列中的第一列)
column2of3 (三列中的第二列)
column3of3 (三列中的第三列)

商 标: label
旗 志: logo
标 语: banner
注 释: note
搜 索: search
关键字搜索:keyword
登 陆: Login
注 册: regsiter
热 点: hot
新 闻: news
下 载: download
打 印: print
版 权: copyright
服 务: service
友链: friendlink
版 权: copyright
小窍门: tips
频道题目: title
加 入: joinus
指 南: guild
服 务: service
状 态: status
投 票: vote
合作方: partner

其他有关常见问题

1.一律小写字母;
2.尽可能用英文;
3.不用中杠和下横线;
4.尽可能不简称,除非是一看就搞清楚的英语单词

DHTMLx控件

控制的取名
控制的外型特性
控制应用标准

Flex控制

控制的取名
控制的外型特性
控制应用标准
来源于申明:以上内容一部分(包括照片、文本)来自互联网,若有侵权行为,请立即与本网站联络(010-57218159)。
如没特殊注明,文章均为酷站科技原创,转载请注明来自http://www.bjkuzhan.com/jianzhanzhishi/1935.html
联系专业的商务顾问,制定方案,专业设计,一对一咨询及其报价详情
服务热线服务热线 18911184380
联系我们 contact us
18911184380
0531-88903031 — 济南分部

+

酷站科技为你提供上门/网站策略方案

留下联系方式,我们将会在一个工作日内与你联系

隐私条款信息保护中,请放心填写