【2017年整理】UI设计规范.doc

UI设计规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。????目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。??????1：易用性：?????按钮名称应该易懂，用词准确，屏弃的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。?????易用性细则：?????1):完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。?????2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。?????3):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。?????4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。?????5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。??????6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。?????7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab?????8):默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作。?????9):可写控件检测到非法输入后应给出说明并能自动获得焦点。?????10):Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。?????11):复选框和选项框按选择几率的高底而先后排列。?????12):复选框和选项框要有默认选项，并支持Tab选择。?????13):选项数相同时多用选项框而不用下拉列表框。?????14):界面空间较小时使用下拉框而不用选项框。?????15):选项数叫少时使用选项框，相反使用下拉列表框。?????16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。?????2：规范性：?????通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具厢。?????规范性细则：?????1):常用菜单要有命令快捷方式。?????2):完成相同或相近功能的菜单用横线隔开放在同一位置。?????3):菜单前的图标能直观的代表要完成的操作。?????4):菜单深度一般要求最多控制在三层以内。?????5):工具栏要求可以根据用户的要求自己选择定制。?????6):相同或相近功能的工具栏放在一起。?????7):工具栏中的每一个按钮要有及时提示信息。?????8):一条工具栏的长度最长不能超出屏幕宽度。?????9):?工具栏的图标能直观的代表要完成的操作。?????10):系统常用的工具栏设置默认放置位置。?????11):工具栏太多时可以考虑使用工具厢。?????12):工具厢要具有可增减性，由用户自己根据需求定制。?????13):工具厢的默认总宽度不要超过屏幕宽度的1/5。?????14):?状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。?????15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。?????16)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。?????17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。?????18)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。?????19):右键快捷菜单采用与菜单相同的准则。?????3：帮助设施：?????系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。?????帮助设施细则：?????1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)