ui设计师工作流程

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

ui设计师工作流程

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

需求阶段

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

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

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

调研验证阶段

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

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

例如：

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

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

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

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

方案改进阶段

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

用户验证阶段

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

第二篇：一个合格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设计师助理的工作内容，欢迎大家的阅读。

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.题干：

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

第五篇：UI设计师岗位职责[范文模版]

UI设计师

岗位职责：

1.负责web端页面及移动端产品相关界面设计； 2.负责视觉风格设定及UI规范设定； 3.负责平面海报设计；

4.完成上级交办的其他任务。

岗位要求：

1.有WEB端及移动端整体UI项目设计经验并有作品展示；

2.本科及以上学历，3年以上工作经验，能独立完成网站、系统等界面设计，对视觉设计方法和理念熟练掌握，有家装设计经验者优先；

3.精通Illustrator、PS、CorelDraw等图形软件,熟悉AE、PR等视频剪辑软件； 4.具备扎实的美术设计功底，富有创新能力，手绘能力好优先； 5.有良好的沟通协调能力及表达能力；

6.有良好的抗压能力及团队协调能力，态度端正，能及时有效完成工作任务。