UI设计流程应该是怎样的？Ui培训机构排名怎么样？

第一篇：UI设计流程应该是怎样的？Ui培训机构排名怎么样？

UI设计流程应该是怎样的？Ui培训机构排名怎么样？

UI的本意是user interface，也就是用户与界面的关系。它包括交互设计、用户研究、与界面设计三个部分。

我把UI设计流程分成10个阶段：产品调研与市场分析阶段——用户研究与分析阶段——架构设计阶段——圆形设计阶段——界面设计阶段——界面输出阶段——可用性测试阶段——完成工作阶段——产品上线——分析报告与优化方案。

一、产品定位与市场分析阶段。在这一阶段，UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。

二、用户研究与分析阶段。这时候UI设计师的工作是收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。

三、架构设计阶段。UI设计根据可以性分析结果制定出交互方式、操作与跳转流程、结构、布局、信息和其他元素，进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID则是等待效果图，开始代码编制。

四、原型设计阶段。UI设计主要职责是对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频”几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。

五、界面设计阶段。这一阶段目的是根据原型设计阶段的界面原型，对界面原型进行

视觉效果的处理，UI设计负责确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现。

六、界面输出阶段。配合好开发人员完成相关的界面结合，UI应对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果。

七、可用性测试阶段。这一阶段针对一致性测试、信息反馈测试、界面简洁性测试、界面美观度测试、用户动作性测试、行业标准测试等，在这里UI主要负责原型的可用性测试，发现可用性问题并提出修改意见。

八、完成工作阶段。此过程是为了对前面七个阶段的设计工作进行细节调整，UI主要负责可用性的循环研究、用户体验回馈、测试回馈，并把可行性建议进行完善。

九、产品上线。产品终于上线啦，这时候的UI就要收集市场对于产品的用户体验，并记录以文字说明。

十、分析报告及优化方案。为了解整个界面设计的优，UI要对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据。

大概的一个流程就是这样的，至于现在市面上的培训机构真的是遍地开花，很多人都犯了选择恐惧症，不知道怎么选，其实可以从几个方面来评估：

1）有品牌：选择知名度大口碑好的学校来学习，品牌越大，能直接反应这家机构经营越完善，经济效益好，越有能力聘请专业、有实力的教学讲师，要知道，名师出高徒，这是良性循环；

2）有历史：创办时间越久的校区，越好，所谓，存在即为合理，存在越久，其管理系统、教学体质越完善，越成熟；

3）有就业：技能的学习，都是为就业，一家培训学校就业率越高，其培养出来的学员越受企业欢迎，为此在业内的口碑越好。

当然，在实地考察过程中，其课程、师资、教学服务、教学方式也是考核的一方面。要是考察后还难以抉择的，可以先预约公开课试听再决定，现在很多培训机构都有公开课可以试听的。

现在市面上做UI设计培训口碑比较好的大概有这么几个：

1、CGWANG王氏教育集团

UI设计教育豪华名师面授。分校遍布全国一二线城市。拥有上千家合作名企庞大的就业网络体系，以快速培养具有实际项目制作能力的高薪设计精英人才为己任。

2、绘学霸线上教育APP 一个UI在线视频教学，技术交流，资源分享免费学习APP 是国内人气极旺的一个互助学习APP，搜索“绘学霸”苹果商店和各大安卓应用宝均有下载。

3、点艺数码科技有限公司

数字艺术教育人才培养，教育与制作于一体的公司

4、水火世界艺术教育

艺术UI设计教学培训机构，一所小型的规模的培训机构，与企业合作为主要标签。

5、禾月CG学院

专业日韩风格、规模小班教育，培养服务广大对设计有兴趣的人群。

而目前在国内的ui设计培训中，学习和就业能做到完美对接，可以选择如下城市进行培训： 广州ui培训，上海ui培训机构，成都ui培训，北京ui培训，深圳ui培训，武汉ui培训，重庆ui培训，南京ui培训，杭州ui培训，厦门ui培训，西安ui培训，青岛ui培训，郑州ui培训，希望对大家有帮助。

第二篇：UI设计培训机构分析

UI设计培训机构分析

前段时间一直很迷茫，邀一朋友小聚，她问我既然你现在的工作不是你所要的，工作没激情，没有兴趣为什么还要去浪费时间呢，你没目标，那么你还在北漂漂什么？当朋友忽然抛出这个问题的时候，我竟一时语塞，无从说起。

她说得一点也没错，我并没有做大明星的梦想，也没有做大富豪的野心，一直留在北京只是单纯觉得北京在现阶段最能找到“归属感”，正所谓，遇一人白首，择一城终老。如果终有一天是要走的，那么还在坚持什么呢？

不知道从什么时候开始慢慢的觉得这种一层不变的生活不是自己想要的了，不想在安于现状。总觉得自己知识匮乏，一无是处。然后就开始疯狂的在网上查找资料想要学点什么，好丰富自己。跟各行各业的朋友交流，最后决定要学习UI，主要是觉得UI设计出来薪资还是蛮高的，另外UI设计也是一件很有趣的事情，自己之后肯定可以做得很开心。当时决定要学习UI的时候我就知道听朋友说过培训班这个事情是很麻烦的，虽然跟我大学的专业有一点的关联，但是还是怕自己学不好，自学吧又怕管不好自己，没有那个学习的氛围，而且我也不懂UI到底要学什么，然后在网上查了很多UI设计教程，五花八门，眼花缭乱。网上说什么的都有，也不知道是真是假，然后我就开始实地调查，我花了将近五个月的时间，跑了中国好多地方，去了很多机构，发现这些机构好像是分两类型的，一类是大班教学，或者直接视频教学，或者是学费比较贵，可能从办学成本考虑吧；另一类是小班教学，我见很多机构现在设备还是很不错，都是用的苹果一体机，我一般想去第二类的培训机构学习，适合深入学习，人少老师也负责，都是手把手教的，个人觉得还是小班更靠谱一些！

下面的这些是我花了5个月实地考察和了解，整理出来的一些培训机构，请大家帮忙分析分析。

优才学院：据说是李开复博士投资的，不过主要是线上直播，录播等形式，通过视频教学来授课的，没能和老师现场互动，一个班大概在30人左右，感觉大班授课自己可能学不到东西，学费大概15800+。

达内教育：之前好像还去过我们学校做过宣讲，他们的广告打得也非常响亮，感觉规模还是蛮大的，但是我实际去看，虽说有很多分部培训点，每个分部老师就那么几个人，基本都是接待的，时常打电话问什么时候去学习，主要以视频教学为主，貌似有21个班级，30多个人，费用大概在18900+。

CG wang（王氏教育）：CG wang貌似他们侧重的是游戏动漫这块的，主要学习游戏三维建模，现在游戏动漫是蛮火的，但是学习起来比较有难度，需要有一定的底子，0基础的还要提前熟悉该专业的软件，另外还要有一定的美术功底，一般学习4个月左右，游戏动漫是蛮火的，不过得经常加班，挺累的，我是女生，还是想学点轻松点的，学费在16800+。

远奥之星：这家机构是小班授课，上课都是用的苹果一体机，听说他们的老师还担任过华为项目经理。我还是比较喜欢一对一专业化辅导。学费也在我接受的范围，学费是9000+。

莱茵教育： 只是听说那里的那个创始人很厉害，但是现在基本上已经不讲课了，现在讲课的都是新应聘的老师，而且是大班授课，一个班都超过50人了，学费貌似也在14000+。

火星时代：听说他们教的很多风格都已经被市场淘汰了，现在还在教过时的套路，就多讲了一些市场上用不上的，大多数时间都在为了在凑课程，实用性感觉没那么好，另外我见他们是全视频教学，一个班级30人左右，大班授课，没有老师现场授课，我感觉我学不到真正实用的技能，学费大概都在18900+，学费太贵也有点舍不得，我就没考虑。

智库灯塔：曾经在贴吧上看到有学员反映，老师根本都不是方正集团什么的出来的，教的东西都是些表面的套路，没有几个真正有能力的老师去讲课。每个班级40人左右，属于大班授课，班级人数还是比较多，学费在14000+。

IT新时空：这家我没有到教学现场看过，只是听说学费很贵，要21000+，并且要全天学习6个月，学费太高，远远超出我的预算，实在学不起，本人预算没有那么高，所以直接没有去现场看。酷九合金社：培训地点在南京，听接待的老师说，他们主讲老师是傅译熳，是UI中国评委，但是我有点顾虑的是，一般大师都比较忙，不会是学完了，都没能见到傅老师一面吧，就怕是挂着名号来招生，毕竟价格不便宜呢，一个班级人数大概20人左右，学费：25000+。

中美设计：据说主要侧重品牌形象策划管理，职业设计师教学，主要理论为主，实操比较少。班级人数大概30人左右，学费大概在15800+。章鱼学院： 这家机构听说是小班授课，当时超想去，但是也是在贴吧看到有吧友反映，他们教的都是拟物化的东西，看着都很唬人，应该蛮不错的，不过学费高的惊人，将近在20000+。

AAA教育： 听同学说他们主要是偏重三维的，类似栏目包装、建筑动画等，我只想找个专一的只教UI的培训机构，觉得这样学得快要更精一些，所以也没问价格，就直接没再考虑。创想者学院:听说教学方法还是比较灵活，要学习得去深圳那边学习，感觉比较远，还要全职学习5、6个月，时间比较长，一个班大概15-25人，学费有点贵，要18800+。UI时代：听说是大班教学，直接没问价格。

丰泽教育： 貌似老板比较有钱，打了很多广告，哪里都能看得到。不过好像是走的低端路线，就是不知道教学质量怎么样，不过听说他们是大班教学，其实我更喜欢小班教学，可以真正学习到技能的，这个我需要进一步去了解看看。貌似价格在10000+。

完美动力：这家培训机构是在北京的，教学是比较传统的模式，老师实力一般，班级人数大概在30人左右，学费大概在14000+。

以上是我目前了解到的机构，可能不是很全面，欢迎了解UI的前辈多多探讨，让我们一起在IU设计的道路上奋斗。这里就不匿名了，写得不好，不要喷我哟！

第三篇：UI设计流程

UI设计流程

阶段一：分析

1用户需求分析 2用户交互场景分析 3竞争产品分析

这两者可以说是相辅相成的。对于一个较为正规的项目而言，必然有对用户需求的分析内容。Tanjurd瑭锦资深UI设计师表示其中用户UI需求是重要的组成部分。如果说UI设计原则是所有UI设计的出发点的话，那么用户UI需求就是本次设计的出发是好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。对于大部分项目组来说也许没有时间和精力去实际勘查用户的现有交互、制作完善的交互模型考察，但是UI设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当然有的时候可以参考的并不一定是竞争产品。

阶段二 设计需求：（叶面设计前需提给UI页面组）

1.系统设计需求文档。2.系统结构文档（例如栏目划分，目录结构，导航方式等）。3.较复杂页面表现形式草图（手绘或相关软件绘制）。4.较复杂业务流程文档。5.如有可能提供参考和示例站点。6.与程序员沟通部分页面实现方法。

段三：页面制作：

1.经过确认的美术设计的方案图7.系统设计需求文档等，较复杂务流程文档。2.所需页面脚本需求，与程序员沟通部分页面实现方法。3提交给程序

用户交互case图（说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图（说明功能和交互的对应关系）最终得到UI的设计产品。

阶段四：验证

界面测试：（页面组提交给测试组包括：1.经确认的设计方案图。2.静态模板页面。以上二项均为便于查看嵌入程序后的叶面情况。3.常出现的界面错误：图片错误，页面不美观，布局不合理，与原先设计不符，文字 错误HTML代码错误，页面程序错误。4.界面bug测试报告：

正如Tanjurd瑭锦国际UI交互设计原则文中提到的，对于UI产品的验证主要从下面几个方面入手：

1、功能性对照UI设计的再好，和需求不一致也不可以。

2、实用性内部测试UI设计的最重要点就是实用性。

3、用户焦点小组UI设计是否优秀的重要衡量依据。最后，瑭锦Tanjurd说一点其他的问题。现在往往认为交互式设计和最终的UI效果设计可以截然分开。这就好比说需求可以和设计截然分开，是不可能的。

总结：

1.产品定位与市场分析这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。

2.用户研究与分析这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。

3.架构设计这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。

4.原型设计我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘－图形－FLASH-视频”几个质量范围。原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。

5.界面设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。

6.界面输出作为设计师，在这一部分的工作就是配合好开发人员完成相关的界面结合。7.完善工作这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。Tanjurd瑭锦表示很多设计师做了东西不喜欢改，这是一个大忌。

如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。

第四篇：UI设计流程

UI设计流程

分析、设计、配合、验证

确认目标用户

在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。

用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

例如：对于科学用户和对于电脑入门用户的设计重点就不同。

采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。

提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。

对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。

一致性原则

设计目标一致

软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。

例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。

元素外观一致

交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

交互行为一致

在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。

例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。

对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。

可用性原则

可理解

软件要为用户使用，用户必须可以理解软件各元素对应的功能。

如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。

例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

可达到

用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。

要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。

可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）

可控制

软件的交互流程，用户可以控制。

功能的执行流程，用户可以控制。

如果确实无法提供控制，则用能为目标用户理解的方式提示用户

1、分析阶段

需求分析、用户场景模拟、竞品分析（聆听用户心声）。

需求分析：对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。

竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或全部）

输出物：设计初稿（或许只是几个简单的界面）

2、设计阶段

设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。输入物：交互文档（高保真原型）输出物：设计终稿（所有的设计稿）

3、配合

UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。输入物：设计终稿

输出物：设计修改稿（设计稿切片）

4、验证

产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。输入物：产品

输出物：产品（面向用户最终版本）

产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。GUI设计详细流程定义：

1.项目开始GUI设计时间点之前，明确客户的GUI需求,了解机器外形硬件和软件的特性。

2.概念设计【提供GUI设计方案几套，参考产品组人员和领导层的建议，但最多3套，精心设计各套方案；项目组和产品组共同进行方案评审会，决策方案；并且需要项目组提供真机，展开界面的真机效果和环境测评，优化界面颜色、亮度等细节）】； 3.详细设计【需要明确界面研发的细节；建议项目提出强烈建议优化的几项产品设计点（用户调查）】；对界面有变化的界面进行统计，整理出文档提交给UI层面技术工程师，做好相关的界面准备工作。4.原型设计时间【目前国内研发软件的现状通常此环节被忽略，但时间充足，建议按计划进行】 5.与UI层面的技术工程师共同展开界面实现（界面实现和界面优化的时间点控制在项目时间的百分之几点，需要明确）

6.界面工程师制作好Demo，提交给项目负责人、决策人和UI用户界面测试工程师（需要指定负责人），展开用户体验反馈建议汇总，提出用户界面体验的反馈意见表（需要项目负责人支持）。

7.测试评估，尽早发现存在的交互设计和视觉设计的不足之处，进行软件界面的改善设计。

UI设计流程以及设计师参与的环节

最近的工作中总结出一条结论：拥有一个完善规范的流程，是决定着一个项目走向成功或失败的关键。

对于UI设计的工作流程，我觉得可以根据“市场分析－用户分析－架构－原型－界面－输出－完善”这条主线制定，每个环节UI设计师都应参与其中。

1.产品定位与市场分析

这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。

2.用户研究与分析

这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。

3.架构设计

这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。

4.原型设计

我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘－图形－FLASH-视频”几个质量范围。原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。

5.界面设计

如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。

6.界面输出

作为设计师，在这一部分的工作就是配合好开发人员完成相关的界面结合。

7.完善工作

这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。

如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。

确认目标用户

在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。

用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

例如：对于科学用户和对于电脑入门用户的设计重点就不同。采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。

提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。

对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。一致性原则

设计目标一致

软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。

例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。

元素外观一致

交互元素的外观往往影响用户的交互效果。同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

交互行为一致

在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。

例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。

对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。可用性原则

可理解

软件要为用户使用，用户必须可以理解软件各元素对应的功能。

如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。

例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

可达到

用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。

要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。

可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）可控制

软件的交互流程，用户可以控制。

功能的执行流程，用户可以控制。

如果确实无法提供控制，则用能为目标用户理解的方式提示用户。

上面的文章提到了UI设计的原则，并且对此做出了一些所谓的定义。大家要明白，本人对UI设计的研究时间不长，这些原则只是个人体会。

因此就有人提出问题：有了原则固然好，那么如何付诸实施呢？个人理解达到目标是需要方法的，因此在UI设计原则里面东西拷贝了一些方法和模式。而能够让方法持续实施，达到目标就需要流程-或者说过程来保证。

所以这里就对流程进行一下总结和探讨。以付茶资吧！

我们把UI设计的流程分为一个出发点，4个阶段。

[出发点]

1、了解UI设计的原则。

没有原则，就丧失了设计的立足点。

2、了解UI交互模式

正如同编程不了解模式就会事半功倍一样，UI设计不了解模式就会对设计原则的实施造成困惑。

3、了解UI交互元素及其功能

如果对于UI的基本交互元素和功能都不了解，如何设计UI呢？ [阶段一：分析]

1、用户需求分析

2、用户交互场景分析

3、竞争产品分析

这两者可以说是相辅相成的。对于一个较为正规的项目而言，必然有对用户需求的分析内容。其中用户UI需求是重要的组成部分。如果说UI设计原则是所有UI设计的出发点的话，那么用户UI需求就是本次设计的出发点。

好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。对于大部分项目组来说也许没有时间和精力去实际勘查用户的现有交互、制作完善的交互模型考察，但是UI设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。

竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。

当然有的时候可以参考的并不一定是竞争产品。[阶段二：设计]

采用面向场景、面向事件驱动和面向对象的设计方法。

UI设计着重于交互，因此必然要对最终用户的交互场景进行设计。

软件是交互产品，用户所作的就是对软件事件的响应以及触发软件内置的事件。因此要面向事件设计。

现在的程序开发主流采用的是面向对象设计。面向对象设计可以有效的体现面向场景和面向事件的特点。

设计的四个要素： 交互对象 数据对象

事件（交互事件和异常）动作

[阶段三：开发] 通过：

用户交互case图（说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图（说明功能和交互的对应关系）最终得到UI的设计产品。[阶段四：验证]

正如UI交互设计原则探讨文中提到的，对于UI产品的验证主要从下面几个方面入手：

1、功能性对照

UI设计的再好，和需求不一致也不可以。

2、实用性内部测试

UI设计的最重要点就是实用性。

3、用户焦点小组

UI设计是否优秀的重要衡量依据。

第五篇：UI设计工作流程

UI界面设计流程

UI的本意是user interface也就是用户与界面的关系。他包括交互设计，用户研究，与界面设计 三个部分。本文主要讲述用户研究与界面设计的过程。

一个通用消费类软件界面的设计大体可分为五个步骤：

需求阶段

分析设计阶段

调研验证阶段

方案改进阶段

用户验证反馈阶段

需求阶段

软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。

除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢，后面我会介绍用户调研。

分析设计阶段

通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有：品质，精美，高档，高雅，男性，时尚，cool,，个性，亲和，放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的，例如：品质，精美，高档，时尚。但有些词是相互矛盾的，必须放弃一些，例如：亲和，放松与 cool,个性与等。所以我们画出一个坐标，上面是我们必须用的品质，精美，高档，时尚。左边是贴近用户心理的词汇：亲和，放松，人性化。右边是体现用户外在形象的词汇：cool,个性，工业化。然后我们开始搜集相呼应的图片，放在坐标的不同点上。这样根据不同作标点的风格，我们设计出数套不同风格的界面。

调研验证阶段

几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观的反馈。测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

例如：

数据收集方式：厅堂测试/模拟家居/办公室。

测试时间：X年X月X日X日。

测试区域：北京、广州、天津。

测试对象。某消费软件界定市场用户。主要特征为：

对电脑的硬件配置以及相关的性能指标比较了解，电脑应用水平较高；

电脑使用经历一年以上；

家庭购买电脑时品牌和机型的主要决策者

年龄：X-X岁；

年龄在X岁以上的被访者文化程度为大专及以上；

个人月收入X以上或家庭月收入X元及以上；

样品

五套软件界面

样本量：X个，实际完成X个。

调研阶段需要从以下几个问题出发：

用户对各套方案的第一印象

用户对各套方案的综合印象

用户对各套方案的单独评价

选出最喜欢的选出其次喜欢的对各方案的色彩，文字，图形等分别打分。

结论出来以后请所有用户说出最受欢迎方案的优缺点。

所有这些都需要用图形表达出来，直观科学。

方案改进阶段

经过用户调研，我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上（这里指不能换皮肤的应用软件或游戏的界面）将方案做到细致精美。

用户验证阶段

改正以后的方案，我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈，好的设计师应该在产品上市以后去站柜台。零距离接触最终用户，看看用户真正使用时的感想。为以后的升级版本积累经验资料。

经过上面设计过程的描述，大家可以清楚的发现，界面UI设计是一个非常科学的推导公式，他有设计师对艺术的理解感悟，但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。

五、UI设计的一般工作流程

（取自某UI设计服务公司）

1）熟悉行业（熟悉您的软件所涉及的行业，以便制作出适合行业特征的界面风格）

2）了解软件（了解您软件的工程进度，做出针对您进度的工作计划）。

3）与软件开发工程师和市场人员讨论界面风格（广泛听取研发和市场人员的意见，做出 最适合市场的软件）。

4）人机分析（对您的软件进行人机分析，增强您软件的易用性）。

5）做方案（做出设计方案，并明确细节思想）。

6）审定方案（与技术和市场人员一起审定方案，并听取修改意见）。

7）修改——审定（将有几次重复）

8）细化、制作界面（开始制作软件界面）。

9）与软件开发工程师合作把界面加入到程序中。

10）细部修改，完成。

11）进行软件包装盒、光盘盘面、盘套等的设计工作。

12）后期跟踪服务（在完成项目后，对您的软件进行跟踪服务，即对您软件从发布到推出新版本之间的小规模修改进行调整，包括对帮

软件界面设计要素

界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。

在设计的过程中有较多注意的关键问题，以下列出几点：

(1)软件启动封面设计

应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过256色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。

(2)软件框架设计

软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。

(3)软件按钮设计

软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。

(4)软件面板设计

软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

(5)菜单设计

菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

(6)标签设计

标签设计应该注意转角部分的变化，状态可参考按钮。

(7)图标设计

图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视

觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。

(8)滚动条及状态栏设计

滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

(9)安装过程设计

安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。

(10)包装及商品化

最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计