一个合格UI设计师工作的基本流程

第一篇：一个合格UI设计师工作的基本流程

一个合格UI设计师工作的基本流程

总体上一个合格的UI设计师的基本工作流程分为需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段五大基本流程。

需求阶段

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

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

段分析设计阶段

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

研验证阶段

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

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

例如：

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

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

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

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

主要特征为：

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

•电脑使用经历一年以上；

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

•年龄：X-X岁；

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

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

•样品；

•五套软件界面；

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

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

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

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

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

•选出最喜欢的；

•选出其次喜欢的；

•对各方案的色彩，文字，图形等分别打分；

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

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

方案改进阶段

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

用户验证阶段

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

文章摘自：[]

第二篇：ui设计师工作流程

ui设计师工作流程

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

需求阶段

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

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

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

调研验证阶段

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

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

例如：

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

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

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

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

方案改进阶段

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

用户验证阶段

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

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

第四篇：ui设计师助理工作内容

ui设计师助理工作内容

UI设计师的涉及范围包括商用平面设计、高级网页设计、移动应用界面设计及部分包装设计，是目前中国信息产业中最为抢手的人才之一。下面是小编为大家整理的关于ui设计师助理的工作内容，欢迎大家的阅读。

1、根据产品需求，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计；

2、负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作；

3、能积极与开发沟通，推进界面及交互设计的最终实现。

4、负责软件界面的美术设计、创意工作和制作工作。

5、根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计。

6、对页面进行优化，使用户操作更趋于人性化。

7、维护现有的应用产品。

UI即User Interface的简称。

UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。

研究工具

研究界面----图形设计师Graphic UI designer

美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

研究人与界面的关系

蓝色代表工具，红色代表关系，绿色代表人

研究人与界面的关系---交互设计师，interaction designer

在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。

交互设计师一般都是软件工程师背景居多。

研究人

研究人----用户测试/研究工程师User experience engineer

任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。

用户研究工程师一般是心理学人文学背景比较合适。

第五篇：UI设计师试题

UI设计师试卷

试卷编号:(182)试题总分：150分

---------单选题共20题：（60分，每小题3分）1.题干：UI设计是什么意思？（A）A:User Interface的缩写，是指用户界面设计 B:User Identity的缩写，是指用户识别设计 C:User Ideal的缩写，是指用户目标设计 D:UserIntention的缩写，是指用户意图设计 2.题干：网页设计中的网页界面栅格化是指（C）A:使用ps设计网页界面过程中，将所有的层都格式化图层 B:在页面制作时，将所有的层宽度统一

C:栅格系统英文为“grid systems”，是从平面栅格系统中发展而来，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。通俗点讲是在网页界面设计中，运用固定的格子设计版面布局，使页面风格工整简洁

D:网页设计中，使用背景是格子样式的背景图案

3.题干：以下AB两组色彩中，哪组色彩体现了“安宁、平静”的感觉？（A）

A:

B:

4.UI设计交付物都包含哪些？(C)

A.UI设计规范

B.产品原型

C.PSD效果图

D.HTML页面

5.题干：网页设计Web UI中，针对现在主流浏览器的大小设定，最常见的页面宽度为（A）

A:960px、970px、980px、990px、1000px B:1680px、2400px、3200px C:180px、240px、360px、400px D:无相关具体数值要求

6.题干：网页界面设计中，一般使用的分辨率的显示密度是多少dpi（C）

A:300dpi B:200dpi C:72dpi D:600dpi 7.题干：下列手机端UI设计分类排列方式中，哪种是类似九宫格的形式（A）

A:B:

C: D:

8.题干：UI视觉设计常用软件是（C）

A:Word B:Excel C:Photoshop D:Firefox 9.题干：在Photoshop中，图像最基本的组成单元是（C）A:色彩空间 B:节点 C:像素 D:通道

10.题干：下列哪一种不属于UI设计范畴（C）A:网页设计 B:手机界面设计 C:户外海报设计 D:软件界面设计

11.题干：下列哪一项是正确的CSS语法构成（C）A:body:color=black B:{body;color:black} C:body {color:black} D:body {color=black} 12.题干：css标签中background-color是什么意思（A）A:背景颜色 B:前景颜色 C:灰色模式 D:透明模式

13.题干：以下说法正确的是（B）

A:我们要学习的UI，英文全称为User Identity，即用户身份识别设计的简称

B:UI设计是指对互联网、移动互联网、软件等产品的人机交互、操作逻辑、界面美观的整体设计

C:UI设计师就是做程序开发的人

D:UI设计师不用了解和研究用户群体及群体使用习惯，只需要按自己的喜好进行设计就可以

14.题干：以下说法不正确的是（D）

A:UI设计是一种如何让产品界面美观易用，有效而让人愉悦的设计过程，它致力于了解目标用户和他们的期望，了解用户使用产品时的行为、视觉感受，了解“人”本身的心理和行为特点

B:产品是指用户浏览或使用的网站或者手机端应用软件等

C:根据界面的表现形式、使用范围的不同，UI设计进行了一个简单的使用范围的分类，即分为：网页设计WEB UI和图形化界面设计GUI D:我们要学习的GUI 是 Good User Interface 的简称，即良好的用户界面 15.题干：以下说法不正确的是（D）

A:门户网站：是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。典型的门户网站有新浪网、网易和搜狐网等

B:SNS：全称Social Networking Services，即社会性网络服务，专指旨在帮助人们建立社会性网络的互联网应用服务，典型的sns网站：校内网、开心网、facebook、腾讯微博等等

C:IM：即时通讯（Instant Messenger，简称IM），是一种基于互联网的及时交流消息的业务，代表产品有：百度Hi、MSN、QQ等

D:B2B：（Business To Business），是指一个互联网市场领域的一种，是企业对企业之间的营销关系。代表产品有：淘宝、京东商城等

16.题干：下列电子商务产品说法不正确的是（D）

A:C2C：是个人与个人之间的电子商务。c2c即消费者间，因为英文中的2的发音同to，所以c to c简写为c2c。c指的是消费者，因为消费者的英文单词是Consumer，所以简写为c，而C2C即 Consumer to Consumer。代表产品有：淘宝、ebay B:O2O：即Online To Offline，也即将线下商务的机会与互联网结合在了一起，让互联网成为线下交易的前台。这样线下服务就可以用线上来揽客，消费者可以用线上来筛选服务，还有成交可以在线结算，很快达到规模。代表产品：苏宁、大中、海尔等

C:B2M：指Business to Manager ,是相对于B2B、B2C、C2C的一种全新的电子商务模式。B2M相对于以上三种有着本质的不同，其根本的区别在于目标客户群的性质不同.前三者的目标客户群都是作为一种消费者的身份出现，而B2M所针对的客户群是该企业或者该产品的销售者或者为其工作者，而不是最终消费者。也就是说，B2M相当于通过网络寻找中间代理人、分销渠道

D:B2C,是个人对个人的一种电子商务模式 17.题干：下列说法不正确的是（C）

A:浏览器(Browser)：指在我们使用的电脑上安装的，用来显示指定文件的程序。WWW的原理就是通过网络客户端(Client)的浏览器去读指定文件。例如网页浏览器。IE、火狐浏览器

B:Banner（横幅广告）：是互联网广告中最基本的广告形式

C:BBS：英文全称是Bulletin Board system，翻译为中文就是“电子公告板”。俗称“记事本”

D:BLOG：全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人

18.题干：下列说法不正确的是（D）A:App：是英文Application的简称，由于iPhone智能手机的流行，现在的APP多指智能手机的第三方应用程序。app的应用很多，所有安装在手机端、pad端等的应用，统称为app产品

B:API：应用程序接口（API：Application Program Interface），API 的主要功能是提供通用功能集。程序员通过使用 API 函数开发应用程序，从而可以避免编写无用程序，以减轻编程任务。代表产品：新浪微博API，百度地图API C:FTP：File Transfer Protocol的缩写，即文本传输协议，我们常用于将自己电脑里的网站及页面传输到服务器端的一种工具

D:IP：ip地址是指我们住宅的地址

19.题干：在Photoshop中，快捷键Ctrl + Alt+C 将打开哪个操作面板(B)A:图像大小 B:画布大小 C:自动色调 D:自动对比度

20.题干：在photoshop中，快捷方式shift+ctrl+alt+t，多用于什么操作(A)A:按圆形，以固定角度复制原始形状 B:横向复制图层 C:纵向复制图层本身 D:无动作

--------------多选题共5题：（10分，每小题2分）1.题干：交互设计过程中常用软件有哪些(AB)A:Axure B:Photoshop C:Vision D:Mysql 2.题干：UI设计的细分研究方向包含以下哪几项(ACD)A:交互设计 B:数据库设计 C:用户研究 D:视觉设计 3.题干：交互设计研究范围包含以下哪几项(ABCD)A:任务分析 B:说明实时响应标准 C:流程设计 D:易用性评估

4.题干：视觉设计研究范围包含以下哪几项(ABCD)A:创建可识别的图像 B:精美的外观

C:产品整体视觉统一性 D:布局构图合理性及美观度

5.题干：手机UI设计中的按钮状态包含以下哪几项(AB)A:默认状态 B:点击状态 C:不可用状态 D:滑过状态

---------------判断共5题：（10分，每小题2分）

1.题干：手机触屏操作比网页鼠标精确度高（B）A:正确 B:错误

2.题干：iphone 4s界面大小为640px＊960px（A）A:正确 B:错误

3.题干：手机界面更多的以文字表现而不是图形表现（B）A:正确 B:错误

4.题干：GUI包含网页界面设计、手机界面设计和游戏界面设计（B）A:正确 B:错误

5.题干：用户的浏览习惯是从右到左，从上到下（B）A:正确 B:错误

------------------主观题共1题：（70分，每小题2分）1.题干：

测试软件应用熟练度，请使用任何一种软件，将下图完全临摹出来。