网站设想之页面的标准性和标签的命名标准

页面的范例性



平常网站设计都按Windows界面的范例来设计，即包括“菜单条、对象栏、对象厢、状况栏、转动条、右键快速菜单”的尺度格局，可以或许说：界面遵照范例化的程度越高，则易用性响应的就越好。小型软件平凡不供给对象厢。





范例请求：

• 经常使用菜单要有命令快速体式格局。


• 完成相同或附近功效的菜单用横线离隔放在统一地位。


• 菜单前的图标能直观的代表要完成的操纵。


• 菜单深度平凡请求最多把持在三层之内。


• 对象栏请求可以或许凭据用户的请求自身挑选定制。


• 相同或附近功效的对象栏放在一起。


• 对象栏中的每个按钮要有实时提醒信息。


• 一条对象栏的长度最长不克不及超出屏幕宽度。


• 对象栏的图标能直观的代表要完成的操纵。


• 体系经常使用的对象栏设置默许安排地位。


• 对象栏太多时可以或许斟酌利用对象厢。


• 对象厢要具有可增减性，由用户自身凭据需求定制。


• 对象厢的默许总宽度不要超越屏幕宽度的1/5。


• 状况条要能透露表现用户切实需求的信息，经常使用的有：


• 今朝的操纵、体系状况、用户地位、用户信息、提醒信息、毛病信息等，假如某一操纵需求的时刻较长，还该当透露表现进度条和历程提醒。


• 转动条的长度要凭据透露表现信息的长度或宽度能实时变更，以利于用户认识透露表现信息的地位和百分比。


• 状况条的高度以安排五好字为好，转动条的宽度比状况条的略窄。


• 菜单和对象条要有分明的界线;菜单请求凸出透露表现，如许在移走对象条时仍有立体感。


• 菜单和状况条中平常利用5号字体。对象条平凡比菜单要宽，但不要宽的太多，不然看起来很不调和。


• 右键快速菜单采纳与菜单相同的原则。

体系易用性



易用性是指页面上的功效遵从惯例，比方：按钮称号易懂，用词准确，并与统一界面上的其他按钮易于辨别，能望文知意。如许，使得用户不消查阅帮忙就能晓得该页面上的功效并停止相干的准确操纵。



请求：

• 翻开一个新界面，光标默许停留在第一个待输出的文本框中；


• 完成相同或附近功效的按钮安排在一起，削减鼠标挪动的间隔，经常使用按钮要支撑快速体式格局；


• 按功效将界面别离局域块，用Frame框括起来，并要有功效阐明或题目；


• 界面要支撑键盘自动浏览按钮功效，即按Tab键的自动切换功效；


• 界面上起首应输出的和紧张信息的控件在Tab次序中应该靠前，地位也应放在窗口上较能干标地位；


• 统一界面上的控件数最好不要超越10个，多于10个时可以或许斟酌利用分页界面透露表现；


• 分页界面要支撑在页面间的快速切换，经常使用组合快速键Ctrl+Tab；


• 默许按钮要支撑Enter操纵，即按Enter后自动履行默许按钮对应操纵；


• 可写控件检测到非法输出后应给出阐明并能自动获得核心；


• 按钮键的次序与控件排列次序要不断，今朝盛行整体从上到下，同时行间从左到右的体式格局；


• 复选框和选项框按挑选几率的高底而前后排列；


• 复选框和选项框要有默许选项，并支撑Tab挑选；


• 选项数相同时多用选项框而不消下拉列表框；


• 界面空间较小时利用下拉框而不消选项框；


• 选项数较少时利用选项框，相反利用下拉列表框；


• 专业性强的软件要利用相干的专业术语，通用性界面则提倡利用通用性词眼；

输出平安性请求



在界面上需求创立一些规矩来把持输出的失足几率，会大大削减体系因用户工资的毛病激发的粉碎，开辟者应该只管全面地斟酌到各种大概产生的问题，使失足的大概降至最小，比方：当步伐出现庇护性毛病而退出体系，会利用户对软件落空决心信念，由于这意味着用户要中缀思绪，并费时吃力地从头登录，而且已停止的操纵也会因没有存盘而全体损失。是以需求在页面设计时应对输出遵照规矩停止校验。



请求：

• 破除大概会使步伐非一般中断的毛病；


• 应该反省用户录入有效的数据；


• 采纳相干控件限定用户输出值的品种；


• 当用户面对的挑选是两个或多个选一时，请采纳单选框，而当挑选的大概再多一些时，可以或许采纳复选框；


• 当选项特殊多时，可以或许采纳列表框，下拉式列表框；


• 确保未经受权或没有意义的操纵不克不及停止；


• 对大概激发致命毛病或体系失足的输出字符或举措要加限定或屏蔽；


• 对大概产生严峻功效的操纵要有补救办法。经由过程补救办法用户可以或许回到本来的准确状况；


• 对一些特殊标记的输出，与体系利用的标记相抵触的字符等停止判定并阻止用户输出该字符，并提早给出输出提醒；


• 对毛病操纵最好支撑可逆性处置惩罚，如打消系列操纵；


• 在输出有用性字符之前该当阻止用户停止只需输出以后才可停止的操纵；


• 对大概形成等待时刻较长的操纵该当供给打消功效；


• 特殊字符常有；;'"><，｀'："［"｛、|｝］+=)-(_*&&^%$#@!~，.。?/另有空格；


• 在读入用户所输出的信息时，应凭据需求挑选能否去掉前后空格，比方：有些读入数据库的字段不支撑中央有空格，但用户切实需求输出中央空格，这时候要在步伐中加以处置惩罚；

奇特征请求



假如一味的遵照业界的界面尺度，则会损失自身的特性.在框架吻合以上范例的情形下，设计具有自身奇特作风的界面尤为紧张。特殊在贸易软件流畅中有着很好的迁移默化的告白功效



请求：

• 装置界面上应有单元引见或产品引见，并有自身的图标；


• 主界面，最好是大多半界面上要有公司图标；


• 登录界面上要有本产品的标记，同时包括公司图标；


• 帮忙菜单的"关于"中应有版权和产品信息；


• 公司的系列产品要连结一致的界面作风，如配风景、字体、菜单排列体式格局、图标、装置历程、按钮用语等该当大体一致；

多窗口的运用与体系资本



设计优异的软件不但要有齐备的功效，而且要尽大概的占用最低限制的资本，是以在出现多窗口的情形下需求幸免下述一些情形。



请求：

• 在多窗口体系中，有些界面请求必需连结在最顶层，幸免用户在翻开多个窗口时，SEO优化，不绝的切换乃至最小化其他窗口来透露表现该窗口；


• 在主界面载入终了后自动卸出内存，让出所占用的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控件



控件的定名

控件的表面属性

控件利用规矩