如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里 

UI（User Interface）即用户界面，人机交互设计，不仅指用户和界面，还包括用户和界面之间的关系。具体指人机交互、操作逻辑、界面美观的整体设计，好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

UI有三个方面： 图形用户界面GUI(Graphic User Interface)

用户研究(User Experience)

交互设计师（Interaction Designer）

UED是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。UED团队包括：交互设计师(Interaction Designer)、视觉设计师(Vision Designer)、用户体验设计师(User Experience Design)、用户界面设计师(User Interface Design)和前端开发工程师(Web Developer)等。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。

UI设计原则：

1.清晰度是首要工作 要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它?让用户知道怎么使用它?比如当用户使用时，能够预料到发生什么，并成功的与它交互。

2.让界面处在用户的掌控之中 保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，我想你会达到你希望的目标。

3.直接操作的感觉是最好的 理想情况下，界面设计要简洁，让用户有一个直接操作的感觉。

4.每个屏幕需要一个主题 我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得容易上手用起来也更方便，在必要的时候更容易进行修改，这也是界面存在的理由。

5.勿让次要动作喧宾夺主 每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主!所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。

6.自然过渡 界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。

7.外观追随功能 人总是对符合期望的行为最感舒适。当其他人、动物、事物或者软件的行为始终符合我们的期望时，我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。

8.恰当的组织视觉元素，减轻用户的认知负荷 恰当地组织视觉元素能够化繁为简，帮助他人更加快速简单地理解你的表达，比如内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。他们不必再琢磨元素间的关系，因为你已经表现出来了。不要迫使用户做出分辨，而是设计者用组织表现出来。

9.色彩不是决定性的因素 设计的时候不要将色彩视为决定性因素。色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。

10.内嵌“帮助”选项 在理想的用户界面，“帮助”选项是不必要出现的，因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”，并且只在用户需要的时候出现在适当的位置，其他时候都是隐藏的。

11.针对现有问题去完善界面 人们总是寻求各种方案去解决已经存在的问题，而不是潜在的或者未来的问题。一旦你的用户界面愈加完善，会有更多的用户愿意使用你的界面。

12.优秀的设计是无形的 优秀的设计通常会被它的用户所忽略。其中的一个原因是这个设计非常成功，以至于它的用户专注于完成自己的目标而忽略了自己面对的界面，用户顺利达成自己的目标后，他们会很满意地退出界面。但是作为设计师，这可能会有点不公平，当我们的设计很优秀的时候，我们不会受到很多阿谀奉承。当然，优秀的设计师不会去介意这些，因为他们心里明白，满意的用户往往都是沉默的。

13.多领域学习，借鉴其他学科 视觉、平面设计、排版、文案、信息结构以及可视化，所有的这些知识领域都应该是界面设计应该包含的内容，设计师对这些知识都应该有所涉猎或者比较专长。设计师的眼光要长远，要能从看似无关的学科中学习，比如出版、编程、装订、滑板、消防甚至空手道。

14.界面的存在必须有所用途 在大多数设计领域，界面设计成功的要素就是有用户使用它。打个比方，一把漂亮的椅子，虽然精美但坐着不舒服，那么用户不会选择使用它，它也就是失败的设计。界面设计仅仅能够满足其设计者的虚荣心是不够的：它必须要有用!

总结：始终以用户体验为中心。界面设计不是独立的，是产品经理、交互设计、开发共同讨论的结果。

有这么一种说法：UI有别与平面设计，平面是UI的一小部分，平面设计一般是实物产品，采用的是cmyk色彩模式，设计上给人惊艳、惊奇的感觉。而UI是无形的产品，用于电脑、手机等，采用rgb模式，更多的是追求不被察觉，形式依从于内容，清晰，依从，有层次。毕竟我们的互联网产品不只是给你看的，是给人用的。

视觉、交互都是服务于用户体验，首先是好用、易用然后是美观，解决问题是首要的，用户同样可以引导产品的方向。

小小的改动，只要符合用户的想法，可大大提升点击率。

当你关注用户时，他们会告诉你如何使产品更好。

草图勾勒出你的想法，多沟通，胜过埋头苦干。

工作流程：

1、产品定位和市场分析 市场定位、产品定义、用户群体、运营方式等。

2、用户研究和分析 分析用户的使用使用特征、情感、习惯、心里需求等，提出用户研究报告和可用性建议。

3、架构设计 界面交互和流程设计，根据可用性分析结果制定交互方式、操作和跳转流程、结构、布局、信息和其他元素等。目录体系的逻辑分类和词语定义是用户易于理解和操作的前提，

4、交互设计 目的是让用户简单实用，手绘或者axcure制作原型图，最好是可以跳转的加上交互说明。

5、界面设计 在架构设计和原型图基础上，参照用户群的心理模型和任务达成进行视觉设计。色调、界面布局、风格、图标等是这个阶段的关键。

6、界面输出（切图） 配合开发人员做好设计的实现。

7、完善工作 这个阶段是很多部门共同参与的，包括可用性的循环研究，用户体验回馈、测试回馈，同时，UI也应该把一些可行性建议进行完善。

总结：UI设计师如何与团队各部门配合，并发挥应有的作用非常重要，一名合格的UI设计师应该贯穿整个流程，而非单纯的图形界面设计。

没有什么工具是固定或必须采用的，只有当你不为选择什么工具而发愁的时候，你才能把精力集中在产品上。

团队协作能够营造一个良好的氛围，使产品的设计过程更加容易，敞开心扉，采纳别人的创意过程，经验、直觉。

设计互联网产品与制造实物产品之间存在很大差别，因为互联网产品是基于软件基础的数字化产品，它是动态的、可变的，互联网产品永远没有终点。

第一阶段：a、有一个想法

b、通过低保真分享这个想法

c、启动开发，先有个功能模型尝试使用

d、UI设计，美观易用

第二阶段：a、再次分享，思考从设计角度看起来真实

b、改进

c、在功能和数据上调整和核验

d、分享该产品

e、测试

网站目标/用户需求——功能/内容需要——交互信息架构——界面设计/导航设计——视觉设计/内容优化

之所以我们现在页面感觉这么杂乱无章，就是没有一个统一的规划设计、视觉规范，都是零零散散的增加。

BS视觉设计

界面美观、操作易用性、维护成本低是评价 B/S 系统的关键。

通用原则：

1、需求导向原则 界面设计要一切以满足需求为第一准则。

2、易用性原则 用户不用查阅帮助，就知道界面的功能，进行相关的操作。

3、合理性原则 尽量在界面的对角线及其左上角四分之一处放置用户关心的操作和界面元素。

4、协调性原则 长宽接近黄金比例，布局合理，不易过于密集，或空旷，合理利用空间。

5、容错性原则 对用户的某些操作可能发生的严重后果有相应的提醒或补救措施，或回到原来的正确状态。

6、一致性原则 保持统一的界面操作方式、色彩、布局等方面的一致性，减少用户的记忆负担。

7、用最少的操作步骤实现目标功能 鼠标移动距离最短为原则，相同或相近的功能菜单放在同一位置。

界面用色规范：

1、设计要符合公司的经营理念，VI规范，

2、对于用户长时间使用的系统，切记 颜色过于花哨艳丽，致使用户易产生视觉疲劳，妨碍视觉交互。

3、用户界面风格要保持一致，同一功能或者类型的字体要一致。

总结起来：

产品制作人，写产品计划书；

用户体验研究员，做调查分析；

信息架构师，设计产品架构；

交互设计师，做交互文档（原型图）

视觉设计师，页面设觉设计；

前端工程师，前端开发。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务