菜鸟如何找到第一份UI设计工作

第一篇：菜鸟如何找到第一份UI设计工作

最近老是有刚毕业的或者转行的新手问：我没有经验，作品少，怎么才能找到一个UI设计的工作呢。而用人单位也在抱怨，招一个UI设计师怎么就这么难呢。其实呀，找工作是有技巧的，特别是找设计的工作，今天先行迦美小编就给大家分享一下如何找到自己的第一份UI设计工作。先别急着去投简历，到处面试，安安静静的抽出几分钟时间看看你需要知道的一些面试技巧。

1.初级设计师应拿到设计这行的“门票”还是铁饭碗

之所以该问题是开篇第一问，主要因为这是初学设计师在找工作时最应该想清楚的问题，也是最基础的问题，如果这问题没有想清楚，其他几条建议也没有多大意义。

绝大部分初学者应先拿到设计这行的门票；脚踏实地切忌好高鹜远，你瞧得上别人，别人未必看得上你

很多刚刚转行的或毕业生等新手目前最大的问题就是作品少,能拿得出手或成熟的作品更少，在面试的道路上也总是开启碰壁模式。而且遇到最多是问埋不是对方要求高自己能力达 不到,就是对方给个1000来块的工资我还看不上。所以总是徘徊不定，不知道如何抉择。很多设计师在大学怀揣进腾讯、百度、甚至苹果等大公司的梦想，卽是铁饭碗又是世界级，但是现实是公司给你1800,爱干不干我还瞧不上。

既然如此，初学设计师更应该脚踏实地一步步做起。所谓大公司学做事小公司学做人。大公司人际关系复杂,勾心斗角的事儿常用，部门与部门的混战就可能导致你是炮灰，小公司事情多而杂，一个人当3个人使喚，颇有一夫当关万夫萁幵之势。但是因为高不成低不就这样 的状态导致很多人迷茫。

与其如此还不如先拿到设计这样的门票再说,可以先找个公司安定 下来，熟悉设计这行的基本工作和运作方式,然后再发愤图强作新的打算。而且第一步找工 切忌看工资，因为从初学设计师的水准来说确实给公司创造不了多么大的价值，公司反而要培养你。所以初学设计师不要乱七八糟的东想西想脚踏实地才是，人有多大胆地有多大产。除非你有非常明确的目标非五百强企业不进,那自当别论。

2、初学设计师面试作品最应注意什么?

很多初次找工作的设计师急于表现自己，所以放了很多与招聘内容不相符合的作品。曾经招聘过一个大学应届毕业生，本来我们招聘的ft平面设计师，要求投递平面作品，结果该设计师投递过来的作品中平面作品有,大学作业的立体构成、雕塑作品，获奖证书、毕业证等等 都存放其中，简直是五花八门。给我们的感觉就ft——乱七八糟没有重点，虽然有些作品不错 ,但无关紧要且不成熟的作品让我们对整体印象大打折扣。

面试作品切忌鱼目混珠、杂乱无章，作品印象的好坏取决于最差的那张作品(参见木桶理论)

所以，新手面试一定不要放无关紧要的作品，如果整体的作品都非常好，那当然会增加面试 通过的几率，但如果有箜作品好，有箜不好就会拉低面试者对作品整体的印象。

一只木桶想盛满水，必須每块木坂都一样平齐且无破损，如果这只桶的木扳中有一块不齐或者某块木扳下面有破洞，这只桶就无法盛满水•一只木捅能盛多少水，并不取决于最长的那块木板，而是取决于最短的那块木板。——木桶理论

3、初级设计师投简历时应该规范作品图片

第一、围片设置的尺寸不宜太

在很多初学设计师印象中，设计公司就应该是现代化室内办公,苹果电脑齐刷刷的摆满整间屋子的理想状态。但现实是绝大部分公司稀稀拉拉的摆着大小不一的PC。所以就目前来说绝大部分设计公司的电脑显示器都是21寸至24寸之间的显示器，但这到底与应聘者的作品 要求有什么关系呢。当然有很大的关系，(上图中)作品如果尺寸太大，会显得作品“箱”的想 货，而“小”“精”“美”是展现作品最好的一种方式◊因为可以掩饰你作品某些部分的不完美。

第二、图片大小控制在合理范围

图片质置如果太大，会影响浏览速度，我曾经见过面试者做过一张长50米乘以宽2.8米的地 产广告，一张图片的文件有1、2G大,电脑变慢不说，浏览放大也要花很多很多时间。电猫好 点的勉a打得开，稍微塞一点根本打不开。这样不仅浪费了面试者的时间和精力，也会让面试人感觉你的不专此和逗比。所以图片文件的大小尽量控制在1M以内。(包括以后给客户看 文件时候也应该这么做，这是一个好习惯)

第三,图片色彩横式设置

作为设计师如果还不知道CMYK与RGB的区别就赶快去补课吧，不过这里我简单提一下，CMYK是印刷色，而RGB是光的三原色。而我们的显示器就是采用的RGB模式，所以设计师在 导ffi的过程中要采用RGB横式才是正解。但J1CDR软件会存在CMYK的颜色横式导出RGB后 存在颜色变灰或不鲜艳的差別，这时就必须通过PS软件再把颜色处理一下，使其鲜艳。

4、临摹的作品到底算不算作品?可不可以应聘?

初学设计师找工作最大的问题就是没有作品,但是又往往渴望能够尽早的进入设计行业，所以往往会把平时做的一些PS或AI教程练习稿等相关临摹作品拿去找工作。我曾经就遇到过几个没设计基础的人过来找工作，作品确实不少。而且为了证明ft自己设计的还打开源文件给我看。我当时一眼就看出来是临摹作品，主要原因就是作品不完整，例如一个网站有5个一级或二级菜单,而该应聘者总是少几张菜单。询问是怎么回事，他就顾左右而言他。后来实话 告诉我是临摹作品,可想而知没用录用。

临摹作品只是练习稿!骗得一时，骗不了一世!所以，临摹作品千万不要放!

所以作为初学者或刚刚毕业的小伙伴们,千万不要拿临摹的一横一样的作品去应聘工作，稍微有点水准的公司一眼即知。就算临摹作品也不要做的一模一样，至少要求新求变。所以我平时多鼓励设计新手多出点举一反三的作品，做的再烂起码也是经过自己大脑的作品，招聘方也知道该把你放在什么样的位置。归根结底，这是一种诚信问题,这与拿別人的作品面试设有任何区别，尽管有时可能会骗过别人的眼睛,但是路遥知马力，大家自然会通过实际工作看到你的真实水平。

5、初学设计师该不该拿作品源文件去应聘?

我曾经不止一次遇到初级设计师和大学毕此生拿源文件来面试，为了证明是Ta设计的，先开源文件绐我看,幸好公司电脑跑的快，花了将近10多分钟打开了。简单单单的一张图就丢了上百个素材压在图层下面。花了半个小时之后看了几张设计稿,我就早早的叫Ta收拾东西回家了。

该设计师水平与拿源文件面试的奇葩行为相比，更让面试者失去看下去的耐心,所以初学设计切忌放源文件应聘，既显得不专业又没有职业素养。对子一个稍微有点眼光的 设计公司来说设计师对作品的整理及其相关的规范能看出设计师的水准和职业年龄。

6、初学者面试,U盘为什么只能有一个文件?

很多人面试的时候通常是随带携带U盘拷贝给面试者看作品的。所以无论这个U盘拷了多少 无关紧要的问题只要找到自己能看的那个命名文件夹即可,别人看懂看不懂也就无关紧要。我也经常遇到面试人的U盘里面文件乱七八糟的，找了半天自己也不知道作品放哪了。

所以提醒各位面试新手，在你面试的U盘或硬盘里面千万不霣放与面试毫无关系的文件夹和其他文件。U盘或硬盘里面职能有一个文——就是你的作品。这样也能给你的面试者留下好印象,也避免了一隹不必要的尴尬。(话说谁的u盘硬盘里没有的私密)

7、初学设计师应该怎么做才能増加被录用的机会?

在前几篇帖子中我向初学者建议应该主动出击的找工作，而不是投个简历就高枕无忧了。因为很多公司的面试作品先是HR看，HR看完了之后才是设计总监或其他主管审査。但是HR看作品的视角和总监看是有区别的，HR先是关心你是不是按照他发的招聘要求投的。

例如设计经验3年、本科毕此、会橾作 苹果电脑，熟悉软件AUPS等異体的要求。如果你不符合这些,肯定是会被筛迭掉的。其次才会看你的作品等等。但是任何条条框框都是一把双刃剑,这样的好处是能够找到综合素质较 好的设计师,但是也会把没有达到要求的才华设计师拒之门外。所以，面试应该主动给招聘方打电话沟通,约好时间地点主动上门面试。但是问题是，很多公司会要求你先投递作品到 邮箱,完了再通知你。所以,很多初学设计师到这一步就不知道该怎么办了。

其实你可以先査请该公司的地址和基本信息，主动上门去面试。这一招是先斩后奏，因为绝大部分公司是不会哄走上门面试的应试者的，哪怕你设有按对方的要求做。

9、初学设计师，这些暗示语言你懂吗?

有过面试经验的人可能不只一次的听到招聘方要你回去等消息,于是你就傻傻分不清楚等啊等啊等。后来才知道原来是自己没有通过面试;所以招聘方叫你回去等消患意思很明显——你不行，没通过!当然,有些招聘方叫你回去等消息后来还是录用了自己，但是这样的情况很少。

如果出现这样的情況就是说明招聘方对你的能力还持有保留意见，但是可能招不到最好的先充数这样的情况也是有的,又或者应聘你的人没有绝对的权力，还需要一层层的审批通过，然后通知你二轮三轮的复试。当然正规的大公司都是要经过几轮复试才决定是否要你。不过绝大部分设计公司都是一锤定音,只要作品不错其他方面也符合要求，基本上当场都可以签入职协议了。所以现在又回到了找工作的原点，优秀的作品才是找工作最好敲门砖!

当然，设计师略懂基本的行业语言还是有必要的,例如:

10、面试最重要的是什么?

抛开上面几条所说的之外，面试者最为重要的是诚信。以前工作过的几家设计公司不止一次的听HR抱怨,给面试者电话通知过来，面试可就是没来,而且面试者也答应了要过来。当然,我相信也不只是设计行业有这样的情况，其他行业的HR也遇到过这样的问题。

面试者当然有千万种不去的原因,但是却往往忽视或耽误了招聘方的工作，这个社会需要诚信才能维持运作。而且有些公司是会把不诚倍应聘者记录在案的，如果这次你没有去面试，要是你下次找工作又遇上这家怎么办。切记，如果各位在以后的应聘中有特殊原因而不去面试的公司一定要事先告知对方，这样诚信的态度会在你以后的工作中开支结果，也让对方公司对你留个好印象。

第二篇：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)包装及商品化

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

第三篇：ui设计一天工作内容

ui设计一天工作内容

ui设计一天工作内容

1.制定MRD(Market Requirements Document).市场需求文档。获得项目发起部门的认同后，产品进入实施，需要先出MRD，具体来说要有更细致的市场与竞争对手分析，通过哪些功能来实现商业目的，功能/非功能需求分哪几块，功能的优先级等等。实际工作中，这个阶段PD可能的产出物有Mind Manager的思维图，Excel的Feature List等。

2.制定PRD(Product Requirements Document).产品需求文档。进步一细化，这部分是PM写得最多的内容，也就是传统意义上的需求分析，我们这里主要指UC(use case)文档。主要内容有，功能使用的具体描述(每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程，等几大块)，Visio做的功能点业 务流程，界面的说明，demo等。Demo方面，可能用dreamweaver、ps甚至画图板简单画一下，有时候也会有 UI/UE支持，出高保真的demo，开发将来可以直接用的那种。

3.用户分析报告

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

4.产品架构设计

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

以上是UI设计师需要掌握跟进的，从这里开始就真的是你的任务了。

5.产品原型设计

就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。

整个系统的流程设计也是UI设计师的，为此你要经常浏览大量的网站，亲身体验，积累经典的，很具亲和力的、友好的系统流程，你要考虑到整个系统的任何一个最终环节。这才是UI设计师工作量最大，难度最高的部分。比如说，用户注册流程，成功了去哪，失败了去哪，成功了后续有几个流程，每个流程还包含哪些对象等等等等

6.界面UI设计

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

7.界面输出

这方面主要由页面工程师与前端程序员配合,将界面代码化。

作为UI设计师，最能符合你的设计的基础作品，当然还是出自你自己的双手，为此你要懂得切图，做静态页，那么SHTML和样式表 还有为了实现你那伟大设计的种种特效的JS代码，你能不会么??你可以不去亲自做，但你一定要有一个规范设计，你的施工队必须在你的培训和领导下完全符合 规范的去操作，就像架构师一样。哦，你看，到了这里你应该是一名UI经理了。

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

9.整个项目的SEO优化设计

但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对 于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.。

UI设计师在项目初始,就应该加入其中。包括了解项目的市场定位，盈利模式，竞争对手等等，而通过分析竞争对手用户界面，可以给UI设计师一个初步的图形概念，而通过参与用户调研,用户分析能够获取到用户特征，年龄，需求，喜好等方面的信息，这些方面的信息,在风格定位，把握上起到至关重要的作用。

通过了解产品架构,知道什么功能应该做，什么功能应该突出,在参与了以上工作的制定后，相信许多UI设计师对自己所要设计的产品，已经是信心十足了吧。后期在通过分析使用者报告，用户反馈等方面信息，做出界面上的调整，这样一来，一个完善的产品就可以面市了，而这个产品，再也不是一个全凭UI设计师个人喜好所设计出来的产品了!

延伸阅读：

UI入门：设计师奇妙的提高效率的4大黄金法则

对于设计师而言，想要高效地搞定工作，似乎是一场旷日持久的战争。不论你是供职于设计团队，还是一名自由设计师，始终被客户和需求追逐着，狼奔豕突。日效率拔群的设计师。

当然，你可以做到。让你工作低效的陷阱其实都是可以预先规避的，合理利用手头的工具，灵活的调整现有的工作方式和流程，你的效率可以得到一个质的提升。

习惯各类软件快捷键

从里到外熟悉你日常使用的每一个软件，至少你也得清楚它最常用的部分(PS这种软件即使是基础功能都已经很多了)，学习它们做好的方法就是每天都使用。

想明白如何将点点滴滴的闲暇时间都利用上，在一遍又一遍的练习和尝试中了解功能，将你最常用、最需要的样式反复练习，在此过程中熟悉各种相关快捷键，最终提升你的工作效率。

同时，经常关注行业网站，了解软件有哪些更新，看看常见的教程里大家都是怎样完成设计的。通过网络了解软件新特性，以及如何更加便捷地用新特性完成设计。优设的PS和AI教程更新就相当频繁，如果你想看看国外设计师都是如何完成设计的，Tuts+ 是个不错的网站。

不再分心

几乎所有的设计师每天都会因为各种各样的事情而分心，即使是上 Dribbble 和Behance 这样的网站获取灵感，都难免忘记最初目的，一逛好几个小时。微博，QQ群，微信聊天，社交网站，甚至发呆，各种各样的时间杀手会将你从工作状态中拉走。

对抗分心应当从两个方面着手：

1、创建专门的工作区。相比于在公司上班，在家工作的设计师们更容易因为环境而分心。无论是在家还是在工作室，划分出一个专门的工作区域，确保这个区域的状况你完全掌控，并且所有人都处于工作状态中，这一点很重要。

2、计时。当你的工作内容被安排在一个特定的时间内完成，你更容易在此环节中专注于手头的工作。你可以设定一个计时器，每个环节的工作在对应的时间内完成，一切内容也更容易被跟踪。

善用UIKit、原型和视觉稿

每当面对新的项目，许多设计师们老是想着从零开始设计。其实并没有这个必要。网上有成堆的UIKit和视觉稿供你下载，它们可以更快的推进你的设计项目。

你所做的项目让你了解什么样的Kit是最合适的，也许找到一个完全匹配的并不容易，但是从图标、按钮到背景、视觉稿，其中几乎所有的可视化的样式和细节，都可以找到合适且能用的。

接下来，当你开始决定具体使用哪些素材的时候，就要开始考虑质量的问题了。免费的素材固然好，但是素质不够高的工具和素材会让你事倍功半，你需要衡量高素质收费素材的价格和实际效率提升之间的关系，在预算和效率之间做合理的取舍。

当然，好的免费素材还是相当多的，下面这些来自Design Shack 的免费素材就挺不错的：50+ Apple Watch Mockups & Graphics

100+ MacBook PSD & Vector Mockups

100+ iPhone PSD & Vector Mockups

40+ iMac Mockups: PSDs, Photos & Vectors

让想法落地

伟大的设计理念和想发不总是在一开始就能完美的呈现出来。通常，他们需要在你的大脑中酝酿一段时间，同客户或者用户沟通一下这样设计会有什么样的结果，然后才是你的设计稿与原型，这个想法这才落于纸上。

在此过程中，你需要不断的通过其他的设计作品获取灵感，在社交媒体与同行交流，向前辈请教，在设计杂志、期刊中获取印证，在散步和慢跑时反复思考。但是千万不要犯懒，不要拖延。深思熟虑之后动手做出来的设计，和拖延到最后才勉强拿出来的作品，是两回事。

组织好工作内容和流程你是如何组织你电脑中文档的?又是如何整理纸质的文档?想想你整理文档的这套规则体系吧。如果是让你从中找到特定的资料，你要耗费多久的时间?

如果你可以很快的找到它，那么说明你的这套规则是可靠的。否则，你真的需要好好整理一下了。

能让你的工作顺利进行的工作流程与体系，就是正确的。保持整体的一致性，系统化而富有条理，文档被清晰地保存，数据和信息被妥善的存储，并且坚持不懈。你会从中获益匪浅，不仅仅是内容的有效和条理，而且会让你的效率得到极大的提升。

了解自己的风格将最能体现你的风格和天赋的设计项目挑选出来。通过研究这些设计项目，以及和你的设计所匹配的客户，总结出规律，这样可以为你之后节省不少时间。找到一个相匹配的客户可能并不容易，但是一旦找到了，同他保持联系，能让你的工作更容易展开。

让你自己的风格和你的客户匹配起来的另外一个好处，你可以更轻松的进行调整，也更有利于你自己，同时这样的合作关系可以规避一些风险较高的项目与客户。这些更快更易于完成的工作能让你更有信心，将你的边界推进的更远，完成更多的设计项目。

别再折腾，好好设计面对一个设计项目，设计和玩弄之间其实是有一条界限的。当你觉得某个设计差不多可以了，接下来顶多往上面加一些奇奇怪怪的效果或者添加一些实验阶段的功能的时候，你就应该停手了。

这个时候你应该好好休息一下，也许你需要把它放一段时间，沉淀一下，换一个角度再看看，按照实际需求将它推进到下一个阶段。做该做的事情，不要玩弄设计。

结语选择正确的工具，布置一个舒适的工作环境，养成良好的设计习惯，在截止日期前轻松完成设计项目，这是一个高效可靠的设计师做的事情。

第四篇：UI设计工作流程

http://www.xiexiebang.com/

UI设计工作流程

很多没有在正规的大公司工作过的设计师同学问过我面试时如果面试官问项目开发的工作流程是什么？其实，我觉得每个公司可能有自己的工作流程，有些些公司可能需要设计师从前期立项到中间开发到后期产品测试和项目上线的跟进要全程参与而有些公司可能只需要设计师在产品研发阶段进行参与，但不管那种方式，我觉得设计师有必要知道一个产品从立项到完成的所有步骤。现在我大概介绍一种工作流程给大家。

一、产品设计阶段

首先在一个项目开始之前会是立项，领导或者相关部门提出想法给产品经理，产品经理拿到项目之后，会对整个项目进行分析，这中间产品经理需要做很多工作。

1、首先产品经理配合市场部门进行市场分析，来搞清楚目标市场和产品定位，如果时间充足的话，尽可能的也要做用户调研来确定产品的用户需求的挖掘和分析。

2、竞品分析也是产品经理和设计师都要做的功课。

3、这些前期工作完成之后，剩下的要做原型设计，预算产品周期，疏通整个产品流程，出原型图交给交互设计师

当然产品经理在做这些工作时是要保持时刻跟其他部门的同事密切共同的，例如产品的市场定位需要找市场部门的同事进行沟通，产品设计规范，界面布局等需要找UI设计师来沟通。而开发环境和项目周期可能要找到技术开发的同事来进行协调。有些公司还有专门的交互设计师，需要产品经理在前期制作原型图和交互设计师充分配合完成交互说明，以方便后期的视觉设计和技术开发。

北京千锋互联科技有限公司 版权所有

http://www.xiexiebang.com/

二、UI视觉设计

产品原型（包括前期交互稿）完成之后需要交付给UI设计师进行视觉设计，这里指的UI设计其实严格来说是属于GUI，因为UI的本意为user interface（用户界面）涵盖了交互设计，用户体验设计和视觉设计。而交互设计和用户体验是在产品开始之时就已经同时展开的，所以这里说的设计通常指的GUI界面视觉设计。

1、在UI设计师开始之前，要充分了解产品定位，通过目标用户的喜好风格分析开确定视觉设计的大概调性。

2、进行竞品分析，找出竞品优劣，3、搜索素材灵感，多找优秀设计作为自己设计灵感的来源是一个非常有效的方法（参考学习而不是让你去抄袭）。

1）确定配色，布局和设计风格。2）进行界面设计。

3）完稿后进行可用性测试，修改修改修改直至最重定稿。

在整个视觉设计中，设计师除了把控好整体的视觉设计风格，更要有耐心设计好各个细节，例如icon，字体，元素之间的间距等这些不起眼的地方往往代表了整个app的质量，细节之处做好，会给用户在视觉上带来一种安全可靠的感觉，所以细节非常重要。

这里有必要说一下视觉设计规范。有些公司的视觉规范是在视觉设计开始之前就要订下来的，而有些公司是整个视觉设计完成之后再来制定视觉规范。为什么可以这样呢，视觉规范是为了方便整个设计团队在设计时更容易进行沟通来进行的，而设计工作在进行中可能会随时进行变更视觉风格，所以设计前期来确定设计规范的话，可能会对后期的设计带来一定的限制，所以设计师内部可能会有一个简单的设计文档来进行交流。等设计稿定下来之后，再来制作标准的设计视觉规范，方便后期开发和之后设计工作继续跟进。

整个设计稿确定之后，设计师要出高保真视觉稿，交给技术来进行沟通，同时还需要对设计稿进行标注和切图，以尽可能让开发人员可以高度还原设计稿。在技术人员开发时，UI设计师还要随时和技术人员进行沟通，尽可能的让开发人员按照设计稿来完成开发。

三、产品技术开发

北京千锋互联科技有限公司 版权所有

http://www.xiexiebang.com/

到此UI设计师的需要配合程序开发人员进行切图，标注，把控开发质量。及时反馈由于开发人员造成的视觉偏差及调整由于设计师所造成的因为开发难度过大而需要调整的设计。

四、bug测试，在开发工作完成之后，整个项目组会配合测试人员对app进行测试，测试视觉、交互、以及后台等多方面有无bug并进行及时修改，五、产品上线，在产品通过测试之后就可以发布上线。此时UI设计师可以辅助产品经理来进行手机用户体验报告，并进行分析。

六、产品迭代，对市场和用户反馈进行分析之后找出产品界面设计的有缺点，为下一个版本提出合理的建议。

北京千锋互联科技有限公司 版权所有

第五篇：UI设计思路

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

UI设计思路

UI测试用例设计方向[转]

设计功能和界面测试用例

1.1 文本框、按钮等控件测试

1.1.1 文本框的测试

如何对文本框进行测试 a,输入正常的字母或数字。b,输入已存在的文件的名称；

c,输入超长字符。例如在“名称”框中输入超过允许边界个数的字符，假设最多255个字符，尝试输入

256个字符，检查程序能否正确处理；

d,输入默认值，空白，空格；

e,若只允许输入字母，尝试输入数字；反之；尝试输入字母； f,利用复制，粘贴等操作强制输入程序不允许的输入数据； g,输入特殊字符集，例如，NUL及n等；

h,输入超过文本框长度的字符或文本，检查所输入的内容是否正常显示；

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

i,输入不符合格式的数据，检查程序是否正常校验，如，程序要求输入年月日格式为yy/mm/dd，实际输入yyyy/mm/dd，程序应该给出错误提示

在测试过程中所用到的测试方法： 1,输入非法数据； 2,输入默认值； 3,输入特殊字符集； 4,输入使缓冲区溢出的数据； 5,输入相同的文件名；

--命令按钮控件的测试

测试方法：

a,点击按钮正确响应操作。如，单击确定，正确执行操作；单击取消，退出窗口；

b,对非法的输入或操作给出足够的提示说明，如，输入月工作天数为32时，单击”确定“后系统应提示:天数不能大于31；

c,对可能造成数据无法恢复的操作必须给出确认信息，给用户放弃选择的机会；

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

--单选按钮控件的测试

测试方法：

a,一组单选按钮不能同时选中，只能选中一个。

b,逐一执行每个单选按钮的功能。分别选择了“男”“女”后，保存到数据库的数据应该相应的分别为“男”“女”；

c,一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空；

---up－down控件文本框的测试

测试方法：

a,直接输入数字或用上下箭头控制，如，在“数目”中直接输入10，或者单击向上的箭头，使数目变为10；

b,利用上下箭头控制数字的自动循环，如，当最多数字为253时，单击向上箭头，数目自动变为1；反之亦适用；

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

c,直接输入超边界值，系统应该提示重新输入；

d,输入默认值，空白。如，“插入”数目为默认值，点击“确定”；或，删除默认值，使内容为空，单击“确定”进行测试； e,输入字符。此时系统应提示输入有误。

------组合列表框的测试

测试方法：

a,条目内容正确，其详细条目内容可以根据需求说明确定； b,逐一执行列表框中每个条目的功能； c,检查能否向组合列表框输入数据；

------复选框的测试

测试方法：

a,多个复选框可以被同时选中； b,多个复选框可以被部分选中；

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

c,多个复选框可以都不被选中； d,逐一执行每个复选框的功能；

----------列表框控件的测试

测试方法：

a,条目内容正确；同组合列表框类似，根据需求说明书确定列表的各项内容正确，没有丢失或错误； b,列表框的内容较多时要使用滚动条；

c,列表框允许多选时，要分别检查shift选中条目，按ctrl选中条目和直接用鼠标选中多项条目的情况；

滚动条控件的测试

要注意一下几点：

a,滚动条的长度根据显示信息的长度或宽度及时变换，这样有利于用户了解显示信息的位置和百分比，如，word中浏览100页文档，浏览到50页时，滚动条位置应处于中间；

b,拖动滚动条，检查屏幕刷新情况，并查看是否有乱码；

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

c,单击滚动条； d,用滚轮控制滚动条； e,滚动条的上下按钮。

各种控件在窗体中混和使用时的测试

a,控件间的相互作用；

b,tab键的顺序，一般是从上到下，从左到右； c,热键的使用，逐一测试； d,enter键和esc键的使用；

在测试中，应遵循由简入繁的原则，先进行单个控件功能的测试，确保实现无误后，再进行多个控件的的功能组合的测试。

ps:密码输入框测试时要特别注意进行字母大写输入的测试。

查找替换操作

案例演示:打开word中的“替换”对话框 测试本功能有通过测试和失败测试两种情况 通过测试: 1,输入内容直接查找,或查找全部

2,在组合框中寻找已经查找过的内容,再次查找并确认文档的内容正

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

确,如,已经查找过“测试用例”,再次进入不用重新输入查找内容,直接在文档中搜寻就可以.失败测试: 1,输入过长或过短的查询字符串.如,假设查询的字符串长度为1到255,那么输入0,1,2,256,255和254进行测试;2,输入特殊字符集,如,在word中.^g代表图片,^代表分栏符,可以输入这类特殊字符测试;

替换测试大体相同.关于编辑操作窗口的功能测试的用例: 1,关闭查找替换窗口.不执行任何操作,直接退出;2,附件和选项测试.假如,设定“精确搜寻”,“向后”搜索等附件选项等等来测试;3,控件间的相互作用.如,搜寻内容为空时,按钮“搜寻全部”,“搜寻”,“全部替换”,“替换”都为灰色.4,热键, Tab键.回车键的使用.插入操作

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

1,插入文件 测试的情况 a,插入文件;b,插入图像;c,在文档中插入文档本身;d,移除插入的源文件;e,更换插入的源文件的内容;

2,链接文件 测试方法: a,插入链接文件;b,在文档中链接文档本身;c,移除插入的源文件;d,更换插入的源文件的内容.3,插入对象 要测试的内容

a,插入程序允许的对象,如,在word中插入excel工作表;b,修改所插入对象的内容.插入的对象仍能正确显示;c,卸载生成插入对象的程序,如,在word中插入excel工作表后卸载

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

excel,工作表仍正常使用.编辑操作

编辑操作包括剪切,复制,粘贴操作.测试剪切操作的方法

a,对文本,文本框,图文框进行剪切;b,剪切图像 c,文本图像混合剪切 复制操作方法与剪切类似.测试时,主要是对粘贴操作的测试,方法是: a,粘贴剪切的文本,文本框及图文框;b,粘贴所剪切的图像;c,剪切后,在不同的程序中粘贴

d,多次粘贴同一内容,如,剪切后,在程序中连续粘贴3次;e,利用粘贴操作强制输入程序所不允许输入的数据.精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

界面测试用例的设计方法 1,窗体

测试窗体的方法: a,窗体大小,大小要合适,控件布局合理;b,移动窗体.快速或慢速移动窗体,背景及窗体本身刷新必须正确;c,缩放窗体,窗体上的控件应随窗体的大小变化而变化;d,显示分辨率.必须在不同的分辨率的情况下测试程序的显示是否正常;进行测试时还要注意状态栏是否显示正确;工具栏的图标执行操作是否有效,是否与菜单懒中图标显示一致;错误信息内容是否正确,无错别字,且明确等等;

2,控件 测试方法: a,窗体或控件的字体和大小要一致;b,注意全角,半角混合 c,无中英文混合.菜单

进行测试时要注意

精心收集

精心编辑

精致阅读

如需请下载！

演讲稿 工作总结 调研报告 讲话稿 事迹材料 心得体会 策划方案

a,选择菜单是否可以正常工作,并与实际执行内容一致;b,是否有错别字: c,快捷键是否重复;d,热键是否重复;

精心收集

精心编辑 精致阅读 如需请下载！