1、界面设计要求
界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。 
  UI即 User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
1）界面设计
界面设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框、弹出框等风格匹配，尽量节省空间，切换方便。
2）按钮设计
按钮设计应该具有交互性，即应该有3到6种 状态效果：点击前鼠标未放在上面时的状态；鼠标放在上面但未点击的状态；点击时状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，名称易懂，用词准确，能望文知意最好，让使用者产生功能关联反应，组内按钮应该风格统一，功能差异大的按钮应该有所区别。
3）标签设计
标签设计应该注意转角部分的变化，状态可参考按钮。
4）图标设计
图标设计彩不宜超过64，大小为16x16、32x32两种，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，在设计时使用简单的颜，利用眼睛对彩和网点的空间混合效果，做出精彩图标。
5）框架设计
框架设计要复杂得多。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置。设计中将整体彩组合进行合理搭配，将软件商标（logo）放在显著位置，主菜单应放在上边、左边或下边，滚动条放在 右边，以符合视觉流程和用户使用心理。
2、界面设计原则
1）易用性
（1）用户登录界面最好有用户名和ID的记忆，焦点直接定位到密码输入框；
（2）完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离；
（3）按功能将界面划分局域块，并要有功能说明或标题；
（7）默认按钮要支持Enter及选操作，即按Enter后自动执行默认按钮对应操作；
（8）可写控件检测到非法输入后应给出提示；
（9）适当使用相关的专业术语，提倡使用通用性字眼。
（10）界面简洁，用户便于使用、便于了解、并能减少用户发生错误选择的可能性。     
2）和谐与一致性
  通过对软件的各种元素（颜、字体、图形、空白等）使用一定的规格，使得设计良好的界面看起来应该是和谐的。或者说，软件的众多单独界面应该看起来像一个整体。软件设计上要保持一致性，这又是很重要的一点。一致的结构设计，可以让浏览者对软件的形象有深刻的记忆；一致的导航设计，可以让浏览者迅速而又有效的进入在软件中自己所需要的部分；一致的操作设计，可以让浏览者快速学会在整个软件的各种功能操作。破坏这一原则，会误导浏览者，并且让整个软件显的杂乱无章，给人留下不良的印象。当然，软件设计的一致性并不意味着刻板和一成不变。
3）美观与协调性
（1）按钮大小基本相近，且与界面的大小、空间要协调，忌用太长的名称；
（2）避免空旷的界面上放置很大的按钮，放置完控件后界面不应有很大的空缺位置；
（3）前景与背景搭配合理协调，反差不宜太大，最好少用深； 
（4）界面风格要保持一致，字的大小、颜、字体要相同，除非是需要艺术处理或有特殊要求的地方；
（5）对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能；
4）界面一致性
在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法，如在字体、标签风格、颜、术语、显示错误信息等方面确保一致。
（1）显示信息一致性
 字体以不超过2种字体为准，特殊情况除外。字体大小号的选择以12px、14px、16px等偶数字体大小为准。 
中文采用标准字体：“宋体”、“微软雅黑”，英文采用“Arial”或“verdana”，不能使用特殊字体(如隶书、草书等，特殊情况、广告图片中可以使用图片替代)，保证用户使用起来显示都很
正常。 
另外所有控件尽量使用大小统一的字体属性，除了特殊提示信息，加强显示等列外情况。
（2）布局合理化
目前显示器分辨率主要有 16:9的 1920×1080 1600×900 1366×768 ，16:10的1920×1200 1680×1050 1440×900， 4:3的 1024×768 为了更好的适应不同的宽度，在布局时以自适应宽度为主。 最小显示宽度统一为980px 一个完整的web页面必须由以下三部分构成：头部区域header 、主体区域main、底部区域footer，有时出于布局需要，在“Header”下面还会加上用于页面功能导航的“Menu”。
应注意在一个窗口内部所有控件的布局和信息组织的艺术性，使得用户界面美观。布局不宜过于密集，也不能过于空旷，合理的利用空间。
布局力求简洁、有序、易于操作。
5）用户帮助
系统应该提供详细尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。
6）出错信息和警告
   出错信息和警告是指出现问题时系统给出的坏消息，信息以用户可以理解的术语描述。
（1）口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字
（2）断句逗号句号顿号分号的用法， 提示信息比较多的话，应该分段ui设计专业
（3）警告、信息、错误、使用对应的表示方法
（4）根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业术语。用户为儿童：这可以语气亲切和蔼，老年用户则应该成熟稳重。制定标准遵循之。
7）独特性
如果一味地遵循业界的界面标准，则会丧失自己的个性。在框架符合规范的情况下，设计具有自己独特风格的界面尤为重要，在商业软件流通中会有很好的潜移默化的广告效用。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。