用户界面设计的一些方法和原则

　　什么是用户界面？
　　用户界面（UI，UserInterface）也称人机界面，是人机交互、操作逻辑和界面表现的整体设计。每一种设计都有其对应的职业角色，其中，人机交互的设计人员叫做用户研究工程师，操作逻辑设计人员叫做交互设计师，界面表现设计人员叫做视觉设计师。
　　本篇我们所指的用户界面设计，特指界面表现部分的设计，仅此一点，设觉设计师就不应该是“美工”那么简单。因为用户界面的表现质量与用户体验直接相关，是产品最接近用户的的部分，是产品的“脸”。既然跟用户体验相关，就必须要有用户思维，要想设计出打动人心的用户界面，就要站在用户的角度思考设计。
　　换个角度，我们说计算机（电脑）的构成，硬件和软件。硬件为计算机提供信息处理的环境支持，软件为计算机提供信息处理的方案，帮助用户解决问题。也就是说，用户使用电脑，实际是在使用软件，本质就是与软件的用户界面打交道的过程。
　　用户界面设计的基础知识有哪些？
　　设计的基础，一定和“美”有关。Smartisan的设计总监方迟曾在一次分享会上问到一个问题，说人类很容易辨别“美”和“丑”，回答为什么“丑”也很容易，但面对“美”的东西却常常说不出为什么美，美在哪里。是的，其他人都可以回答不出，但是作为产品经理的你，是有必要对“美”有一定的认知。
　　有本书值得推荐，《写给大家看的设计书》，作者RobinWilliams给出了“美”的设计原则，我深以为是，并渐渐的应用在了自己的产品工作中。
　　CRAP设计原则
　　Contrast（对比）
　　“如果两个元素不同，就会产生对比。倘若两个元素存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。这就是关键，RobinWilliams对比原则：”如果两个项不完全相同，就应当使之不同，而且应当是截然不同（强烈）的。””
　　对比的目的有两个，一是增强页面的表现效果，二是有助于界面信息的组织。
　　Repetition（重复）
　　“RobinWilliams重复原则：“设计的某些方面（元素）需要在整个作品中重复”。重复的元素可能是一条粗线、一种粗字体，某个项目符号、颜色、设计要素、某种格式、空间关系等。总之，读者（用户）能够看到的任何方面都可以作为重复元素。“
　　重复的目的就是统一，并增强视觉效果。
　　Alignment（对齐）
　　“RobinWilliams对齐原则：“任何元素都不能在界面上随意安放。每一项都应当与界面上的某个内容存在某种视觉联系。””试着在界面上只使用一种文本对齐方式：所有文本都左对齐，或右对齐，或者全部居中。当然，前提是你要找一条明确的对齐线，并坚持以它为基准进行界面的设计。
　　对齐的目的是使界面统一而有条理（教养）。
　　Proximity（亲密性）
　　“RobinWilliams亲密性原则：“将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近。“”在人们的意识里，物理位置的接近就意味着存在联系。
　　亲密性的目的是实现界面信息的组织化，形成视觉的模块化。在你将界面中的相关元素放在一起展示的同时，也使界面的空白区域（留白）更加整洁、美观。
　　我们的眼睛喜欢看到有序的事物，这会给人一种平静、安全的感觉。
　　用户界面设计有什么原则吗？
　　置界面与用户的控制之下（高效）
　　界面设计的目的是满足用户完成任务的需求，也就是说是能够表达出功能的含意，让用户快速理解界面内容和功能。如360安全卫士PC客户端的界面设计，凸显其核心功能“体检”。
　　减少用户的记忆负担（简单）
　　减少用户的记忆负担的核心有两个：界面简单和设计逻辑清晰。
　　界面简单，是指元素和内容的清晰直观的表达效果。
　　设计逻辑清晰，是指界面元素位置的放置是有逻辑的（常规逻辑，保证用户可理解），而不是随意的。其实，这里追求的是，界面能够引导用户的视觉流，跟随着设计逻辑（与界面角色和功能相关）进行。
　　界面风格统一（自然）
　　界面风格的统一有三方面内容：产品目标、硬件（设备）、用户习惯。
　　与产品目标、核心功能的传达一致。产品目标决定了界面中的元素和元素间的主次关系，理解了产品目标、核心功能，再开始用户界面的设计。
　　与硬件（设备）的设计风格一致。如iOS6、iOS7、WP10平台，不同平台手机、平板、PC的界面，都是要分别进行设计的（功能实现、手势操作等都有区别），这个是基础。
　　与用户习惯（印象）的风格一致。主要指用户元素的设计，如用户印象里“齿轮”表示“设置”功能，“头像”表示个人中心功能，用户界面设计时应当充分考虑这点。如果你觉得有更好的表意，也不妨尝试。不过，有句话说的好，打破规则前要清楚规则是什么。
　　用户界面设计的流程是怎样的？
　　用户界面设计的流程，其实就是设计原则中的任务项的倒叙排列。如下：
　　“理解产品目标及核心功能根据不同硬件设备分别设计根据用户习惯选择元素优化界面逻辑精简界面元素突出核心功能初稿用户测试修改初稿确定用户界面提交设计”。
　　1、理解产品目标及核心功能（与产品经理沟通）
　　2、根据不同硬件设备分别设计（平台属性、支持手势等）
　　3、根据用户习惯选择元素（与用研工程师沟通）
　　4、优化界面逻辑
　　5、精简界面元素
　　6、突出核心功能
　　7、用户测试
　　8、修改初稿
　　9、提交设计
　　综上，和产品经理一样，视觉设计师也应该要有较强的沟通能力，最好也有瞬间变用户的能力。
　　好的用户界面是什么样子？
　　雅虎天气
　　网易云音乐
　　我们试着总结，优秀的用户界面设计，通常有以下特征：
　　1、引导用户视觉
　　2、配色合理（与产品功能相符、色彩搭配科学）
　　3、考虑用户场景
　　用户界面的好坏，最终还是要用产品说话，要让用户评价的。所以，如果你要问好的用户界面在哪里？其实，它们就在AppStore排行榜上，就在你的手机和电脑上。
　　美无止境，用户界面设计也是如此；源于生活，归于自然，去发现吧！