游戏ui设计流程

2024-07-07

游戏ui设计流程（精选8篇）

篇1：游戏ui设计流程

当下正是游戏产业蓬勃发展的时期，相较于端游、页游只能在PC上操作的固定模式，手机游戏已经无处不在，就像人要喝水吃饭一样，成为了一种生活必需品。然而，随着人们审美的不断提升，对游戏的可玩性，以及画面画质的要求更加严苛。

随着手游市场的扩大，手机游戏的需求更是日益添增，大量的研发团队与美术外包占领了业界的主导，而大批量的游戏生产，也同时促就了【游戏ui设计师】这个新兴量产的职业，成为游戏市场的最大需求端。

最近很多朋友常会讨论，个人的审美不同，如何才能评定一款游戏的UI是否优秀，而标准又是什么?

其实这个题目太大，能讲的理论太多，为此，本人在写这篇文章时，特地请教了数位UI同仁，并做了大量考察，得出的结论却大致相同——用心。

抛开美术质量这类原画人更擅长的基本准则，我们谈一谈UI设计规范，以如何分辨一款游戏UI的设计是否优秀与如何定义自己是制图工匠还是一位真正意义上的游戏设计师为中心来展开探索!

【UI】是英文【User’s Interface】的缩写，本意是用户界面。字面上的意思是用户与界面两个组成部分，实际上包括的是用户与界面之间的交互关系。一个友好美观的界面会给人带来舒适的视觉效果，也同时可以拉近人与机器之间的距离。

由上得出的结论我们把自己的职业拆分成【游戏】【UI】【设计师】3个词语来重新审视我们自己的工作!

检验一款游戏界面的设计是否成功，不能完全依赖表面，最重要的是玩家在操作过程中的使用感和视觉感受。金玉其外败絮其中不过是空壳，很难让人接受。

让你的玩家理解你的设计意图，有效地传达了信息的内容。在操作过程中，能够快速地把想法转化为游戏中的行动，并且产生正面情绪。这种情绪会使玩家产生愉悦的记忆，从而乐于继续操作下去。相反的，如果你的界面信息量太多过于冗杂，又或者太少，提示引导不足，都会破坏玩家在游戏里的沉浸感。糟糕的界面设计甚至可能彻底破坏你的游戏体验。

【此次分析倾向于手游规范】

下面17xuee游戏学院举几个简单的例子来证明好的UI设计与糟糕的UI设计的区别：

1.突出设计重点减少识别误区

2.使界面简洁体现重要信息找到玩家习惯，隐藏冷门应用

3.使用普通接受习惯，不轻易尝试新的设计规范。

4.减少学习信息，简化重复操作节省空间加载资源

UI是一件创造性的工作，其实程序策划与美术都应该参与其中，UI设计很大程度上与逻辑相关。

现在的行业里，我们能经常出现设计师与产品负责的策划和程序无休止的争吵，那到底问题究竟出在哪里?

结论无非就是：谁的理念更易于操作实践，谁的理念易用性更强。

如果UI设计师能遵循以上几点规则, 整体的把握好界面的控局,争吵在绝大程度上是可以避免的。

但前提一定是，游戏UI设计师自身的理论知识得到大家的认可。事实上，程序正是一个了解游戏里里外外各方面知道什么信息重要和不重要的人。策划和产品经理正是知晓项目的制作重点、思路清晰的人。他们比任何人都希望自己的产品得到认可。而某些程度上，一个不成熟的UI设计师更注重自己作品的“美观程度“而忽略了制作之中的重点。

我们更应该把设计的重心专注于玩家的用户体验之上。如UI元素多大，是否有动效体现，在哪里展示哪些信息，玩家如何导航，减少颜色变化的复杂多样与添加装饰等是否花哨影响整体。

综上所述，我们把游戏UI的设计过程与注意事项，归纳为以下几个基本点。

给玩家带来的感受：

1.你的画面是否制作精美，能够吸引我的眼球!

2.界面上的所有信息，是否直观让我理解、清晰易懂(图标表达是否清晰)

3.我能否快速的找到我所需要的信息(图标是否明确?界面信息量过大?菜单隐藏的太深?)

4.我不需要阅读说明，就知道如何操作使用这个界面

5.重复性操作是否太多，使我产生对游戏的厌倦(子界面太多，返回重复性太高，是否可删减重复界面)

对于自己的工作需求：

1.我跟策划、产品经理一样理解这个游戏的玩法与规则(提高团队意识)。

2.我能够主动担心起这个游戏的交互方案设计(把职业当做事业)。

3.我的画面是否制作精美，达到自我的认同。

4.我图标制作意思清晰，表达明确。

5.我是不是太过于强调界面美观，而忽略了实际想表达的信息重点。

6.我的界面是不是简洁易懂，能否指引玩家抓住玩法重点，确保玩家操作思路清晰。

7.我的重复界面信息的表达，是否呈现一致。

8.在研发阶段，会遇见不同的更改信息，我是否考虑前期的预留修改。

9.我是否注意了资源类型的统一，以及界面颜色是否花哨。

10.制作过程中，我是否注意了资源的重复利用性，主动减少最终资源的大小。

11.我是否考虑到产品的易用性，给玩家添加心意(在普通的地方稍稍花写新奇制造一些细微的差异化)。

当自己在做设计的同时，设计师需要经常思考以上几个问题。

UI是一个不断挑剔的过程，也是游戏开发中必须力求完美的环节之一。好的界面设计师，优秀的地方就在于更多的思考与用心，懂得在不同的产品类型中取其优而运用。

结尾引用了一个大师帖子里的一段话。

UI设计是一项讲究逻辑的工作，但你不应该为此感到害怕。留心你所玩的游戏，研究它们展示信息的方法及其让你产生的感觉。注意你反复做的事，以及如何改进这些重复性操作。寻找那些装饰性信息，考虑是否可以用其他东西取代它。思考让你感到困惑的东西。

篇2：游戏ui设计流程

来源：扣丁学堂

ui近几年很火我们都知道，但是应该有不少人只知道ui设计却不知道ui设计其实不是单一的，其中就有一项那就是游戏ui设计。现在各种手游频繁的出现在市场中，很多的朋友在上下班的路上或者休息的时候都喜欢打一两局游戏，可见现在游戏ui设计的火热程度。那么对于想要学习游戏ui设计的朋友们来说，游戏ui设计有什么技巧?哪里可以找到游戏ui设计教程呢?

首先以用户为中心打造符合用户需求、高参与度的产品，是如今许多设计项目背后的核心方法与理念。在这种理念的推动下，设计师需要不断地探索新的技术，改善用户体验，同时还要不断探索用户的内在情感和情绪反馈。实际上，用户总是期待产品是简单易用、令人愉悦的，所以在做设计的时候要尽量加入“有趣”的元素。

也许很多人都不清楚游戏化的设计和游戏设计是怎么回事，其实游戏化的设计和游戏设计两个完全不同的概念。游戏化的设计本身并非针对游戏而存在，它是将游戏的设计策略融入到非游戏类产品(比如网站和APP)当中来进行设计的一种思想。如果你想鼓励用户同你的产品或服务进行更多的互动，那么可以适当地键入游戏化的元素(比如挑战)，或者加入签到、每日登录等环节，并给予用户以福利或者奖励的机制来强化互动。你需要抓住用户的心理，他们需要明确的目标，而且需要完成之后有明确的回报。这样以奖励和挑战为核心的游戏式设计能够在交互中影响用户行为，不断地刺激用户来执行预期的行为。

游戏化设计是一种相对复杂的设计技巧，它需要将多种不同的游戏机制同UI元素对应、耦合起来。设计师借助游戏化机制要实现的并非将产品整体转化为游戏，这和游戏化设计是相悖的。

篇3：移动天气系统UI设计

移动应用项目的生命周期起始于产品的创意策划,成功的移动应用自创意阶段就应充分各项准备工作严格遵循企业的设计流程,这需要我们在确定项目的同时,能够冷静地分析自己的设想,理性定位自己的市场目标和产品用户,深入地了解你所面对的用户群体,针对他们的需求、习惯和欲望,做有价值的、能触动人心的应用。

1 前期准备阶段

移动天气应用是指通过移动通信网络将客户的移动设备与天气信息后台数据接口进行连接,客户通过手机客户端的方式发出查询指令,在手机界面上直接查看各种天气状况的新业务系统。本系统的优越性主要优点是快捷方便,信息指数丰富。用户能够利用移动天气APP实时查看自己所需的各种天气信息,免去了打开电脑进行查询或是按指定时间收听广播的限制。

随着技术的发展和各种软件的丰富,现在的用户对于天气软件的需求除了信息查询功能外,更多地去关注软件的用户界面是否美观舒心、简单易用和个性化,因此软件的UI设计变得越来越重要,直接关系着一款软件是否能够从众多软件中脱颖而出被用户所接受,能否给公司带来盈利。

设计软件产品首先要对使用者,使用环境,使用方式的需求进行分析,明确什么人用,什么地方用,如何用这三方面因素,设计者软件要考虑不同类别用户都各有不同的特点和需求。因此在对移动天气进行需求分析时先对功能需求进行分类,分析不同人群在不同情况下的需求差异。比如,移动天气APP首先应具有基本天气信息的查询功能,如当前和未来的天气情况、温度、湿度、日出日落等信息;还应具有一些特色的可选增值业务,如定位功能、城市选择对比、出行提示、穿衣指数以及当前人民关注极高的污染指数等。除此之外还需要了解同类竞争产品,分析同类产品的用户下载量和评价,只有取其精华去其糟粕,做出真正被用户需要和喜爱而又有自身独特个性的产品。

根据以上分析,我们首先使用头脑风暴法对移动天气的创意进行行了了研研究究,,得得到到了了如如下下图图所所示示的的功功能能树树形形图图。。

2 原型草图阶段

在使用“头脑风暴”结束后,我们得到了若干个创意思路和设计灵感,但是这些创意还是抽象的概念和词汇,下一步我们把它们具体化,变成直观的设计效果---原型草图。

我们设计原型草图通常需要进行两个步骤,它们分别是“手绘”的原型草图和使用原型工具和原型设计软件设计的原型草图。根据我们分析得到的树形图,明确了产品的定位、结合竞争产品的分析资料确认了本产品的设计意义和用户关注的重点功能。通过对产品功能需求进行归纳整理,将产品的功能按照其重要性和逻辑性进行排列分组,设计出几种不同风格的UI产品界面效果。此阶段的设计应包括界面的数量、逻辑关系和组织关系、操作方法、各界面的展示效果,控件使用情况、对用户的操作引导等。

3 高保真原型图设计

原型草图方案确认后,我们应再使用原型设计工具将手绘草图在计算机上进行实现,设计出一套完整的可模拟的产品原型。通过此高保真原型图我们能够看到软件实现后的基本效果,模拟体验到软件的操作逻辑。

UIDesigner,简称“UID”,是腾讯CDC(用户研究与体验设计部)团队研发的一款针对交互设计师、产品经理、程序开发工程师的软件界面原型设计的工具。它拥有强大的模板和预制功能,具有团队协作、整合设计流程、版本管理、快速原型等特性,拥有强大的模板和预制功能,能够快速地搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗,有效提高设计效率。

4 导航设计

为了防止用户在使用移动应用时迷失在界面中,无法返回到自己出发的界面里,科学而合理的导航设计可以帮助用户迅速而准确的找到“回家的路”。通常情况下,IOS平台常用的导航模式为平铺导航、标签导航和树形结构导航,安卓平台大致分为标签和树形导航。但不论针对哪一种平台进行设计,我们都应该遵循扁平化的设计原则,简化导航的层次不要超过四层。

5 图标设计和启动画面设计

无论我们的设计工作多么艰辛和漫长,现在都快接近尾声了,而图标设计是整个应用设计过程中真正的重点,也是对设计师考验的最大一关了,也是平面设计里难度最大的一门学问。图标设计和标志设计有很大区别,一个是讲究直观和隐喻,一个是追求象征和抽象,但是它们的可识别性和符号化的特点,以及对设计师图形造型能力的高标准要求是相同的。

图标设计形式美不是关键,能不能准确地被识别是设计的第一目标。要求:一目了然、内涵明确、符合大众经验判断,使用户迅速判断出含义。同时进行图标设计时必须要遵守各个平台的设计规范。

启动图标是移动应用给用户的第一印象,我们的目标就是要建立完美的第一印象。

6 验证和改进

UI设计的好与坏最终的裁判是用户,使用者感受的好与坏才是最重要的,因为UI最终就是为用户设计的。我们可以将设计好的高保真原型分发给一些目标用户进行体验,收集这些体验者的感受和建议,进行分析整理后就可以得到目标用户最喜欢的方案。后期我们就要根据用户的喜好和建议对产品进行下一步修改了,力求将我们的UI设计做到细致精细,功能清晰,使用便捷,界面时尚。改正以后的方案经过开发环节,我们可以上线把其推向市场,继续收集用户反馈,为以后的升级版本积累经验资料。

7 盈利模式思索

对于企业而言,最终的目的是开发产品获取利润。移动天气APP如何能实现盈利呢?经过分析移动天气APP的也很容易实现盈利,主要方法有如下几种:

1)流量。我们的应用适用于互联网行业的“用户=流量=金钱”的公式,移动天气是影响到人们日常生活工作的重要应用,我们的产品只要被用户接受和使用就有足够的流量,利用这些流量使用广告类、增值服务类、购物类、流量分成等都可以实现流量变现,给企业带来丰厚的回报。

2)个性化定制。目前的很多应用都有其个性化定制方案,这也是一个非常好的盈利机会。比如我们的用户可根据自己的喜好定制适合自己的信息,获取这些信息享受特有功能是需要额外付费的。

3)物联网功能。随着科技的快速发展,智能家居将会普及,通过天气APP的温度、天气、空气指数预测,紫外线字数等功能,可以控制家庭的空调、加湿器等电器设备的开关,保证家庭环境的清新,也是将来必不可少的市场机遇。

8 总结

在移动天气APP应用的生命周期中,UI设计师应遵守企业规范,严格按照UI设计流程,做好充分的市场调研和产品对比,分析移动天气产品的特点和功能,完成每个环节的职责,确保每个流程准确有效地得到执行,从而提高产品的可用性,提升产品质量。

摘要：UI设计即用户界面设计,主要目的是提高应用软件的用户体验满意度。UI设计的成败直接关系着软件的成败和生命力。该文主要讲述移动天气应用APP系统用户研究和界面的设计过程,内容包括用户研究,交互设计及界面设计三个部分。

篇4：浅析UI设计中字体设计

文字是人类表达情感最好的体现，在UI设计中文字的美感对UI设计的成功与否有着很大的关系，文章主要就UI设计中的文字设计展开分析。

关键词：UI；界面设计；字体设计

文字是人类生活表达的一种方式，也是人们表达情感的一种直接体现。事实上，无论在那种视觉媒体中，文字和图片是最好的传达媒介。在设计的过程中，文字排列组合的好坏直接关系到所表达的视觉效果，因此在UI设计中，文字的字体设计占据很大的比重，它能够赋予设计的美感，提高设计作品的传达力，是版面审美价值的一种体现。

一、UI设计中的文字意义

（一）文字的可读性

文字最基本的功能是向大众传播各种信息与情感，所以在UI设计中，文字的最基本功能必须保证整体信息的传达，给大众一种清晰的认知。在设计中，文字要适当的简单易懂，避免过于文字过于凌乱，忘记文字的基本功能，当然以最精炼的文字传达作者的设计意图是需要考虑的。

（二）文字位子的整体性

文字的布局应该考虑到整体效果，也就是不能够让视觉感受到文字布局的冲突，这样会感觉不到画面布局的主次感。好的文字整体布局可以使设计作品在含义与气氛上达到和谐境界，事实上人都有着一种自然审美的观念，这是一个较为微妙的感觉，需要仔细的去体会。电脑在这方面所能帮到你的很少，有时还需要自己去注意细节。

（三）视觉美感

文字最为画面传感的要素之一，是视觉情感传播的主要媒介，因此它必须有着强烈的美感，，这样在能够人们感受到美。字型设计、字体的组合都能够让大众感受到愉悦，在心底留下美好的印象。如果文字不能够产生视觉美感，难以让大众在心理接受，甚至都对其不屑一顾，作者也就无法向他们传达自己的意图构想。

（四）文字设计的创造性

在进行UI作品设计时，需要保证作品的主体个性突出，这可以在文字的设计上有所突破，突出文字的个性化色彩，创造独特的字体，这样给予大众一种别开生面的感觉，对作者所展现的意图会有很大的帮助。在设计时，可以根据字体的形态特征在组合上进行探索，实现个性化的文体设计，从文字形象唤起大众心中的愉悦感受。

二、字体图形化设计

对于快速发展的互联网而言，单纯的文字美感设计是无法应对用户们的审美需求的，因此在单调的字体设计需要得到突破。字体图形化就是一种很好的突破化设计思路，更加能够满足电脑用户对个性化审美的需求。字体的图形化设计能够营造良好的页面范围，更好的传递设计意图。例如在进行页面设计时，我们需要对标题文案，包括整个活动的专题商业需求都要经过特殊的设计处理，这样才能够保证与内容文案形成对比性，能够吸引用户的眼球，帮助用户充分的了解页面信息。

（一）字体的变形设计

字体的变形常被运用到UI字体的设计中，它是在电脑字体的基本形态上做出稍微的变形，这样使得整体画面的线条显得更加圆滑，也是字体字型变得更有活力，当然这种变形调整需要依照具体的情况进行操作。当然字体的设计最终目的是让用户能够快速的获取信息，过于的字体变形会让字体变得模糊，使设计舍本求末，失去原有的意义。

（二）字体的组合设计

我们应该明白，字体不会是孤立存在的，这不仅是字体的来源可以追溯到图像，也就是说文字的本身来源是人类生活情感的象形。在某种程度上来讲，文字来源于图形，因此图形与文字是同源的，只是文字更加抽象。

图字体组合设计

例如上图，字体与图片的相互相互融合，就能够更加清晰的理解和传达设计信息内容，并且取得良好的效果，在设计的时候需考虑与周围的其他页面元素的协调一致，强化页面的整体氛围的营造。需要把握它们之间的融合点，使其更加和谐。

（三） 3D字体设计

人们生活在三维的立体生活中，对空间的感觉很为情切，因此在平面中营造一种具有空间感与层次感的字体设计，可能会让用户觉得更加真实，更加有冲击力。3D设计需要借助相关的电脑工具来完成，不管是3D软件辅助设计还是PS/AI，都能够使文字根据光感实现层次空间的变化。

（四）字体颜色大小设计

文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。

三、结语

在UI界面设计中，不单单是需要美术绘画，同样需要根据设计所要表达的意义对字体、字型的设计做出艺术性设计。判定一个界面设计的美感不是单纯的项目领导的肯定就可以了，而是应该以用户对于界面设计的满意度作为评价界面设计是否完美的标准，这需要最终用户对设计的感受，所以只有在设计中不断的与用户的视觉体验相连，才能够保证设计的完美。

【参考文献】

[1]郭丽莉，王文彬，费英.现代平面设计领域中文字的探究[J].商业文化（下半月），2011（02）

[2]李卉.图形化文字在信息传达中的应用[J].运城学院学报，2010（05）

[3]王晓丹.以人为本创新感受——浅谈网页设计中UI设计的用户体验[J].中国艺术，2012（01）

篇5：UI设计标准流程(精)

1、目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。）

2、主要执行人员（UI、UE、需求）

3、需沟通人员（销售）

4、实现步骤（会议讨论）

5、UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）

二、用户研究与分析阶段

1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）

2、主要执行人员（UI、UE、需求、技术）

3、需沟通人员（销售）

4、实现步骤（纸搞线稿、黑白稿、原型）

5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）

三、架构设计阶段

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

2、主要执行人员（UI、UE、需求部门）

3、需沟通人员（技术、销售）

4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，开始代码编制）

5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计）

四、原型设计阶段

1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围）

2、主要执行人员（UI、UE、需求部门）

3、需沟通人员（UID、技术）

4、实现步骤（设计规范；代码及程序开发）

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

五、界面设计阶段

1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理）

2、主要执行人员（UI、UE、技术）

3、需沟通人员（UE、销售）

4、实现步骤

5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）

六、界面输出阶段

1、目的（配合好开发人员完成相关的界面结合）

2、主要执行人员（技术）

3、需

沟通人员（UI、UE、需求部门、销售）

4、实现步骤

5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）

七、可用性测试阶段

1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）

2、主要执行人员（程序测试部门）

3、需沟通人员（UI、UE、程序、需求部门、销售）

4、实现步骤

5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）

八、完成工作阶段

1、目的（对于前面七个阶段的设计工作进行细节调整）

2、主要执行人员（UI、UE）

3、需沟通人员（技术、销售）

4、实现步骤

5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）

九、产品上线

1、目的（检验前面界面设计的成果是否符合市场及用户群体）

2、主要执行人员（销售）

3、需沟通人员

4、实现步骤

5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）

十、分析报告及优化方案

1、目的（了解整个界面设计的优缺）

2、主要执行人员（UI、UE）

3、需沟通人员（技术、销售）

4、实现步骤

篇6：UI设计规范（流程、界面）

一：UI设计基本概念与流程

1.1

目的规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。

1.2范围

界面设计

此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。

1.3

概述

UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。

1.4

基本介绍

A、需求阶段

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

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

B、分析设计阶段

通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。

C、调研验证阶段

几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。

测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

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

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

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

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

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

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

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

D、方案改进阶段

经过用户调研，我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上，将方案做到细致精美。

E、用户验证阶段

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

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

2.UI设计流程

2.1

概述

根据上述原则，分析公司产品的特点，制定符合软件产品（或项目）生命周期的UI设计流程。每个产品（或项目）的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。

二：UI界面用户体验设计原则与规范

1：应该遵循的基本原则

无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。

这样得到的好处：

1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解

2：降低培训、支持成本，支持人员不会行费力逐个指导。

3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加

做法：

项目组有经验人士，确立UI规范：

美工提供色调配色方案，提供整体配色表

界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范：

控件功能遵循行业标准，windows平台参见《Microsoft

用户体验》

控件样式在允许的范围内可以统一修改其样式、色调

参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的。

根据需要，设计特殊操作控件，准则为：简化操作、达到一定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。

建立合理化文档《UI标准》描述上述规范，强行界面设计者理解之，并作为开发准则，SQA人员进行监控开发人员是否遵循，及时告诫开发人员。

2：(Color)颜色使用恰当，遵循对比原则：

1：统一色调，针对软件类型以及用户工作环境选择恰当色调：

如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等

2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表

3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，?quot;!，?着重号，以及图标等

4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试

5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。

6：整个界面色彩尽量少的使用类别不同的颜色

itop色表

具体标准参考美术学统计学术标准。

色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。

3：(Resource)资源

一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。

1：也需要遵循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准

2：有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格

3：底图应该融于底图，使用浅色,低对比，尽量少的使用颜色。

4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出莫名奇妙的图案。

5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。

4：(Font)字体

使用统一字体，字体标准的选择依据操作系统类型决定。

中文采用标准字体，“宋体”，英文采用标准

Microsoft

Sans

Serif

不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。

字体大小根据系统标准字体来，例如

MSS字体8磅，宋体的小五号字(9磅）五号字（10.5磅)。

所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况

ITop采用BCB，所有控件默认使用

parent

font，不允许修改，这样有利于统一调整。

·系统大小字体属性改变的处理。

Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，如果设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特殊问题。

但是由于常常方便使用点阵作为窗口设计单位，导致改变大字体后，出现版面混乱的问题。

这个情况下，应该做相应处理：

1：写程序自动调节大小，点阵值乘以一个相应比例

2：全部采用点阵作为单位，不理会系统字体的调节，这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法，但是必然结果是和系统不统一。

5：(Text)文字表达

提示信息、帮助文档文字表达遵循以下准则：

1：口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字

2：断句逗号句号顿号分号的用法，提示信息比较多的话，应该分段，3：警告、信息、错误

使用对应的表示方法

4：使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。

根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业属于，用户为儿童：这可以语气亲切和蔼，老年用户则应该成熟稳重。制定标准遵循之。

6：(STYLE)控件风格，不要使用错误控件，控件功能要专一

有设计好的同一风格的控件，如果没有能力设计出一套控件，则使用标准控件，绝对不能不伦不类，杂乱无章

·不要错误使用控件，例如：

使用Button样式做TTable的功能，拿主菜单条显示版权信息，·统一类型的控件操作方式相同，例如一个控件双击可以执行某些动作，而同样控件，双击却没有任何反映

·一个控件只做单一功能，不复用

很多人为了写程序方便，喜欢把一个控件在不同情况下做不同功能用，这些对用户初次理解增加难度，只有用户熟悉后才能理解。

例如

改变红色选项，左边的参数代表不同的设置，可能由于为了节省控件或者编程量，但是只有熟练用户才回使用，这种情况下解决方法：

1:分组，使用双份控件

2：使用TABLE页，给用户很明显的视觉变化

==========================================================================

总结起来就是：

1.产品制作人，写产品计划书。

2.用户体验研究员，作调查分析。

3.信息建构师，设计产品架构。

4.互动设计师，作出互动流程。

5.视觉设计师和用户界面设计师，作出页面视觉设计。

6.前台工程师，前台开发。

7.后台工程师，后台开发。

8.用户体验研究员，做用户测试确保质量。

1.确认目标用户

在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如：对于科学用户和对于电脑入门用户的设计重点就不同。

2.设计目标一致

软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。

3.元素外观一致

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

7.可用性原则

7.1可理解

软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。

7.2可达到

用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）

Quote

[阶段一：分析]

1、用户需求分析

2、用户交互场景分析

3、竞争产品分析这两者可以说是相辅相成的。

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

[阶段二：设计]

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

UI设计着重于交互，因此必然要对最终用户的交互场景进行设计。软件是交互产品，用户所作的就是对软件事件的响应以及触发软件内置的事件。因此要面向事件设计。现在的程序开发主流采用的是面向对象设计。面向对象设计可以有效的体现面向场景和面向事件的特点。设计的四个要素：交互对象,数据对象,事件（交互事件和异常）,动作

[阶段三：开发]

通过：用户交互case图（说明用户和系统之间的联系）用户交互流程图（说明交互和事件之间的联系）交互功能设计图（说明功能和交互的对应关系）

最终得到UI的设计产品。

[阶段四：验证]

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

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

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

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

Quote

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

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

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

1.产品定位与市场分析

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

2.用户研究与分析

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

3.架构设计

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

4.原型设计

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

5.界面设计

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

6.界面输出

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

7.完善工作

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

篇7：ui设计师工作流程

导语：总体上一个合格的UI设计师的基本工作流程分为需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段五大基本流程。下面就由小编为大家介绍一下ui设计师工作流程，希望对大家有所帮助！

需求阶段

软件产品依然属于工业产品的范畴。依然离不开3W的考虑也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄、性别、爱好、收入、教育程度等)。什么地方用。如何用。上面的任何一个元素改变结果都会有相应的改变。

除此之外在需求阶段同类性质的软件也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的分析设计阶段

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

调研验证阶段

几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观的反馈。

测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。

例如：

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

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

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

测试对象：某软件界定使用用户。

方案改进阶段

经过用户调研，我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上将方案做到细致精美。

用户验证阶段