热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

界面设计不容忽视的5个规则(上)

  目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的设置界面背景。  1.易用性:  按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上

  目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的设置界面背景

  1.易用性:

  按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好设置界面背景。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

  易用性细则:

  完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式设置界面背景

  完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离设置界面背景

  按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题设置界面背景

  界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能设置界面背景

  界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置设置界面背景

  同一界面上的控件数最好不要超过劳过度10个,多于10个时可以考虑使用分页界面显示设置界面背景

  分页界面要支持在页面间的快捷切换设置界面背景,常用组合快捷键Ctrl+Tab

  默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作设置界面背景

界面设计不容忽视的5个规则(上)

  可写控件检测到非法输入后应给出说明并能自动获得焦点设置界面背景

  Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式设置界面背景

  复选框和选项框按选择几率的高底而先后排列设置界面背景

  复选框和选项框要有默认选项,并支持Tab选择设置界面背景

  选项数相同时多用选项框而不用下拉列表框设置界面背景

  界面空间较小时使用下拉框而不用选项框设置界面背景

  选项数叫少时使用选项框,相反使用下拉列表框设置界面背景

  专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼设置界面背景

  2.规范性:

  通常界面设计都按Windows界面的规范来设计,即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好设置界面背景。小型软件一般不提供工具厢。

  规范性细则:

  常用菜单要有命令快捷方式设置界面背景

  完成相同或相近功能的菜单用横线隔开放在同一位置设置界面背景

  菜单前的图标能直观的代表要完成的操作设置界面背景

  菜单深度一般要求最多控制在三层以内设置界面背景

  工具栏要求可以根据用户的要求自己选择定制设置界面背景

  相同或相近功能的工具栏放在一起设置界面背景

  工具栏中的每一个按钮要有及时提示信息设置界面背景

  一条工具栏的长度最长不能超出屏幕宽度设置界面背景

  工具栏的图标能直观的代表要完成的操作设置界面背景

  系统常用的工具栏设置默认放置位置设置界面背景

  工具栏太多时可以考虑使用工具厢设置界面背景

  工具箱要具有可增减性,由用户自己根据需求定制设置界面背景

  工具箱的默认总宽度不要超过屏幕宽度的1/5设置界面背景

  状态条要能显示用户切实需要的信息设置界面背景,常用的有:

  目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示设置界面背景

  滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比设置界面背景

  状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄设置界面背景

  菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感设置界面背景

  菜单和状态条中通常使用5号字体设置界面背景。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。

  右键快捷菜单采用与菜单相同的准则设置界面背景

  3.帮助设施:

  系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法设置界面背景

  帮助设施细则:

  帮助文档中的性能介绍与说明要与系统性能配套一致设置界面背景。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。

  打包新系统时,对作了修改的地方在帮助文档中要做相应的修改设置界面背景

  操作时要提供及时调用系统帮助的功能设置界面背景。常用F1。

  在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置设置界面背景。也就是说帮助要有即时针对性。

  最好提供目前流行的联机帮助格式或HTML帮助格式设置界面背景

  用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词设置界面背景

  如果没有提供书面的帮助文档的话,最好有打印帮助的功能设置界面背景

  在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式设置界面背景

  4.合理性:

  屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置设置界面背景

界面设计不容忽视的5个规则(上)

  合理性细则:

  父窗体或主窗体的中心位置应该在对角线焦点附近设置界面背景

  子窗体位置应该在主窗体的左上角或正中设置界面背景

  多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜设置界面背景

  重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置设置界面背景

  错误使用容易引起界面退出或关闭的按钮不应该放在易点位置设置界面背景。横排开头或最后与竖排最后为易点位置。

  与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)设置界面背景

  对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会设置界面背景

  非法的输入或操作应有足够的提示说明设置界面背景

  对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待设置界面背景

  提示、警告、或错误说明应该清楚、明了、恰当设置界面背景

  5.美观与协调性:

  界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力设置界面背景

  美观与协调性细则:

  长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度设置界面背景

  布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间设置界面背景

  按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置设置界面背景

  按钮的大小要与界面的大小和空间要协调设置界面背景

  避免空旷的界面上放置很大的按钮设置界面背景

  放置完控件后界面不应有很大的空缺位置设置界面背景

  字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体设置界面背景

  前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等设置界面背景。常用色考虑使用Windows界面色调。

  如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色设置界面背景

  大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等设置界面背景

  界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方设置界面背景

  如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放设置界面背景

  对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能设置界面背景

  通常父窗体支持缩放时,子窗体没有必要缩放设置界面背景

  如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等设置界面背景

  未完待续……

  以上文章仅代表个人观点设置界面背景,有什么意见和建议的可以加入我们,我们愿意和你一起讨论!

  学习交流QQ群:455780480

  学习热线:4000-100-444

  网址:

  北京校区地址:北京中关村中科大厦5层(环境一流设置界面背景,设施齐全)


推荐阅读
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文介绍了腾讯最近开源的BERT推理模型TurboTransformers,该模型在推理速度上比PyTorch快1~4倍。TurboTransformers采用了分层设计的思想,通过简化问题和加速开发,实现了快速推理能力。同时,文章还探讨了PyTorch在中间层延迟和深度神经网络中存在的问题,并提出了合并计算的解决方案。 ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 阿里Treebased Deep Match(TDM) 学习笔记及技术发展回顾
    本文介绍了阿里Treebased Deep Match(TDM)的学习笔记,同时回顾了工业界技术发展的几代演进。从基于统计的启发式规则方法到基于内积模型的向量检索方法,再到引入复杂深度学习模型的下一代匹配技术。文章详细解释了基于统计的启发式规则方法和基于内积模型的向量检索方法的原理和应用,并介绍了TDM的背景和优势。最后,文章提到了向量距离和基于向量聚类的索引结构对于加速匹配效率的作用。本文对于理解TDM的学习过程和了解匹配技术的发展具有重要意义。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 推荐系统遇上深度学习(十七)详解推荐系统中的常用评测指标
    原创:石晓文小小挖掘机2018-06-18笔者是一个痴迷于挖掘数据中的价值的学习人,希望在平日的工作学习中,挖掘数据的价值, ... [详细]
  • 本文介绍了在Mac上搭建php环境后无法使用localhost连接mysql的问题,并通过将localhost替换为127.0.0.1或本机IP解决了该问题。文章解释了localhost和127.0.0.1的区别,指出了使用socket方式连接导致连接失败的原因。此外,还提供了相关链接供读者深入了解。 ... [详细]
  • 本文介绍了使用哈夫曼树实现文件压缩和解压的方法。首先对数据结构课程设计中的代码进行了分析,包括使用时间调用、常量定义和统计文件中各个字符时相关的结构体。然后讨论了哈夫曼树的实现原理和算法。最后介绍了文件压缩和解压的具体步骤,包括字符统计、构建哈夫曼树、生成编码表、编码和解码过程。通过实例演示了文件压缩和解压的效果。本文的内容对于理解哈夫曼树的实现原理和应用具有一定的参考价值。 ... [详细]
author-avatar
手机用户2502879747
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有