【持续更新】界面设计

人机界面的设计原则

http://tieba.baidu.com/p/3741904473

1、以用户为中心的基本设计原则

在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的 设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解 用户的需求和目标，系统就会更加成功。
2、顺序原则
即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及 其二级界面。
3、功能原则
即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求 等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和 特点，提高其友好性和易操作性。
4、一致性原则
包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、 形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散 他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。
5、频率原则
即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。
6、重要性原则
即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控 制系统的主次，实施好控制决策的顺序，实现最优调度和管理。
7、面向对象原则
即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息 ，从而提高用户的交互水平和效率。

人机交互界面，无论是面向现场控制器还是面向上位监控管理，两者是有密切内在联系的，他们监控和管理的现场设各对象是相同的，因此 许多现场设备参数在他们之间是共享和相互传递的。人机界面的标准化设计应是未来的发展方向，因为它确实体现了易憧、简单、实用的基木 原则，充分表达了以人为本的设计理念。各种工控组态软件和编程工具为制作精美的人机交互界面提供了强大的支持手段，系统越大越复杂越 能体现其优越性。

界面如何满足需求？

界面应该由使用的人定。

有两点好处：1.设计人员不用臆想，省心；2.满足使用者的要求，而且人往往偏爱自己选择的东西，有利于提高满意度。

具体做法是：1.使用习惯方面，使用者的反馈直接提交给设计者；2.美工方面，一些画面由用户敲定

瓶颈：有的人不一定知道自己喜欢什么，或者选择不直观或有限导致使用者不知道。

解决办法：需要以简洁明白的方式引导使用者做出选择。设计者根本不应该代替使用者作出决定。

1.使用者模型 得到程式模型
2.測試自己的理論. 替你的使用介面建一個模型或原型, 然後請大家用它完成某些工作. 在他們完成的過程中問他們期望發生什麼事. 你的目標是找出他們所期望的東西. 
3.和使用者密不可分的项目

1.創造一些使用者
2.找出重要的活動
3.找出使用者模型 -- 使用者期望如何完成這些活動
4.草擬出初版的設計
5.一直反覆把設計修改得更容易, 直到虛構使用者能輕易使用為止
6.找真人來看著他們試用你的軟體. 特別注意人們出問題的部份, 這很可能就是程式模型與使用者模型不符的地方.

隐喻与具象的对应：
1.桌面  文件夹，文件
1.活页  
菜单




结构控件比较：
菜单 vs 活页
菜单：选项数目多
活页：选项数目少，多页标题同时呈现。对excel来说每页可用的操作是相同的

浅谈软件人机界面设计

http://www.coolsc.net/3D-Details/2006/10/22/825-0.htm

众所周知，软件是一种工具，而软件与人的信息交换是通过界面来进行的，所以界面的易用性和美观性就变得非常重要了，这就需要好好利用人机界面设计的原则及设计的方法。一般来说，完成软件人机界面设计需考虑以下问题： 

----1）界面总体布局设计，即如何使界面的布局变得更加合理。例如，我们应该把功能相近的按钮放在一起，并在样式上与其他功能的按钮相区别，这样用户使用起来将会更加方便。 

----2）操作流程设计，即通过设计工作流程，而使用户的工作量减小，工作效率提高。例如：我们如何才能让用户用最少的步骤，完成一项操作。使用别的软件，鼠标要点击50下，在屏幕上移动20000个像素的距离才能完成，而使用您的软件只需要点击鼠标25下，在屏幕上移动5000个像素就能完成。那么用户在使用您的软件时就要比使用其他软件工作效率提高四倍，那么用户自然会选用您的软件了。 

----3）工作界面舒适性设计，即使用户更加舒适的工作。例如：我们用什么样的界面主色调，才能够让用户在心情愉快的情况下，工作最长的时间而不感觉疲倦呢？红色：热烈，刺眼，易产生焦虑心情。蓝色：平静，科技，舒适。明色：干净，明亮，但对眼睛较多刺激，长时间工作易引起疲劳。暗色：安静，大气，对眼睛较少刺激。微软公司公司浅灰色的系统主色调及ICON协调的成功运用，已经促使目前国际所有的软件产品形成一种的规范，这也是微软成功的重要因素之一。 

----4）人机界面设计并不是简单的外壳包装，一个软件的成功是与其完善的功能实现，认真的调试是分不开的。但任何产品开发前的整体规划，将也是人机界面设计的关键因素之一，在运做过程中注重的不仅仅是美观实用的表现，将更多考虑规划中产品的底层技术准则，优化体现出一个软件产品的灵魂所在。 

----5）我们需要正规的理解及调查的实施性，MAC的外壳色彩创新带动了现在所有机器的个性化，但早在以前ACER也出过墨绿色的机箱，但却很失败。原因有两个，一个是设计的还是不够，另外就是时机不好，因为当时大众的品位还不够。我们需要对合作伙伴的需求进行正规的分析规划，人机界面设计才可以得到正确实施。 由上可见，人机界面设计是一门综合性非常强的学科，它不仅借助计算机技术，还要依托于心理学，认知科学，语言学、通信技术及戏剧、音乐、美术多方面的理论和方法。所以为能达到用户满足的界面，需好好学习人机界面设计这一学科，领会其精髓。

【待续】工控屏界面设计

ps：标注测量工具markman

UI设计问答
http://www.asktog.com/

1.图片格式：位图，矢量图。3dmax

2.背景
   虚焦，纯色，渐变
3.三维按钮

4.图标

界面注意事项：

进度条的实际显示进度应比预期进度时间长。

焦点与tab顺序 http://www.cnblogs.com/Joetao/articles/2892524.html

【待续】结构：菜单，目录，页跳转

           目录：执行程序只在根节点

界面设计中的结构设计http://www.yixieshi.com/ucd/11144.html

《网站策划的之页面原型篇 提高运营效率》

自动配色：

Photoshop的kuler插件，或者在线配色：

https://color.adobe.com/zh/create/color-wheel/?base=0&rule=Monochromatic&selected=0&name=%E6%88%91%E7%9A%84%20Color%20%E4%B8%BB%E9%A1%8C&mode=rgb&rgbvalues=0.6078431372549019,0.6235294117647059,0.6666666666666666,0.8813725490196077,0.9041176470588027,0.9666666666666666,0.44183006535947716,0.5166013071894745,0.7222222222222222,0.5913725490196078,0.6914509803920658,0.9666666666666666,0.4254901960784313,0.43647058823528406,0.4666666666666666&swatchOrder=0,1,2,3,4

在线颜色选择器 | RGB颜色查询对照表

http://www.atool.org/colorpicker.php

界面如何满足需求？
界面应该由使用的人定。
有两点好处：1.设计人员不用臆想，省心；2.满足使用者的要求，而且人往往偏爱自己选择的东西，有利于提高满意度。
具体做法是：1.使用习惯方面，使用者的反馈直接提交给设计者；2.美工方面，一些画面由用户敲定
瓶颈：有的人不一定知道自己喜欢什么，或者选择不直观或有限导致使用者不知道。
解决办法：需要以简洁明白的方式引导使用者做出选择。设计者根本不应该代替使用者作出决定。

界面、交互设计网站  http://boxesandarrows.com/

七大交互定律