我尝试从（cóng）产品设计的（de）角度回答这个问题，以下正（zhèng）文：

「设（shè）计（jì）」这个词在外行人看来似乎只是（shì）UI设计师的事情（qíng），和项目组中的其他人没有（yǒu）太大（dà）关系（xì）。其实在一个（gè）项目的完整（zhěng）设计（jì）中，除（chú）了界面设计外还需要进行原（yuán）型设计、体验设计，原型设计之前需要对项目需求有一个充分的了解（jiě），所以（yǐ）必不可少（shǎo）的是需要对需求（qiú）进行整理和分析。

在项目开发过程中，项目组相关（guān）人员需要跟（gēn）进整个项目，直至项（xiàng）目成功上线。现（xiàn）在我尝试（shì）站在一个（gè）产品的角（jiǎo）度来说（shuō）一说我（wǒ）对设计一（yī）款手（shǒu）机（jī）App的理解（jiě）。

如上所说，一款手机App的设（shè）计包含需（xū）求分析、原型设计、体验设计、UI设（shè）计、项（xiàng）目跟进（jìn）等步骤，现在我从每一个（gè）步骤入手逐一（yī）讲（jiǎng）解（jiě）一（yī）款手机App是如何从无到（dào）有（yǒu）的（de）。

一、 需求分析

需（xū）求分析（xī）是产品设计（jì）中不可或缺（quē）的技能（néng）之一，充分了解需求的产生（shēng）背景、应用场景、目标群（qún）体是产品设计过程（chéng）中非（fēi）常（cháng）必要的，可以说所有产品（pǐn）设计（jì）工（gōng）作都是（shì）围绕着需（xū）求进行的。

需求主要分（fèn）为两大（dà）类：业务需求（qiú）和用户需求（qiú）。业务需求（qiú）主要是围绕（rào）产品（pǐn）的业务线进行的，一般来源（yuán）于老（lǎo）板（bǎn）、市场分析、业（yè）务（wù）拓展等；用户需求主要是围绕用户体验（yàn）和解决（jué）用户实际问（wèn）题（tí）进行的，可通过精品分（fèn）析（xī）、用户调研等（děng）方式（shì）获取。

需（xū）求（qiú）的（de）目的不同（tóng），在设计上也会有（yǒu）一定的差异（yì）。

业务需求目（mù）的是（shì）增强业务，表现形式（shì）在于增强用户使用/消费欲望和（hé）提高用户（hù）转（zhuǎn）化率，具有（yǒu）一定（dìng）的引导性，在设计上（shàng）一般较为突出。以（yǐ）市场（chǎng）上的（de）一些项目为例，他（tā）们业（yè）务的设计上使用较为明显的颜色和表现（xiàn）形式。

图：微博会员标识采用显眼的橙色 研（yán）习社续费功（gōng）能突出 猫（māo）眼会员商城上线时的（de）new标识

用户需求的目的是解决用户实际问题，在操（cāo）作流（liú）程上尽可能简洁，减少不必要（yào）的操作（zuò）步骤，表现形式上不（bú）必要太过（guò）突（tū）出，在（zài）引导/用户常用操（cāo）作上只需要适当增加层（céng）级即（jí）可。

微信（xìn）在（zài）用户需求上设（shè）计体现的淋漓尽致，以它的进入聊天窗口为例，在设（shè）计上成功避（bì）免了（le）让用户思考和（hé）操作繁琐的问题，用户在操作过程中每一个步骤都被（bèi）认为是（shì）理所当然的（de）。

正（zhèng）确：页面充分利用，节省（shěng）系统资源，优化（huà）用户体验

错误：页面冗余，浪费系（xì）统资源，用（yòng）户（hù）体验差（chà）

对于互联网技术服务（wù）公司来而（ér）言，需求分（fèn）析一般由商务（wù）童鞋去完成，产品设计（jì）师拿（ná）到（dào）的是一份完（wán）整的（de）需求文档，像这（zhè）样

看来商（shāng）务童（tóng）鞋已经将大部分的工作都已经做好（hǎo）了（le），产品（pǐn）设计师是否可（kě）以直接上手（shǒu）设计了呢，显然这样是不明智的，聪明的产（chǎn）品设计（jì）师（shī）并不（bú）会这样做。商务童鞋是站在整体上进（jìn）行（háng）需求整理。

需求文档上并没（méi）有针对业务（wù）需（xū）求和用（yòng）户（hù）需求（qiú）进行明显的划分，那么产品设计师的第一步（bù）工（gōng）作是对需（xū）求进行二次整理分析，细分出真正（zhèng）的业务需（xū）求和用户需求，为（wéi）了保护（hù）公（gōng）司项目，暂以微博App为（wéi）例，进行业务需求（qiú）和功能（néng）需求整理。

二、原型设计

完成了（le）需求分（fèn）析（xī）后（hòu），是（shì）时（shí）候动手原型设（shè）计了。原（yuán）型设计的表现形式有很多，如（rú）：手绘草图、原型工具（jù）设计、作图工具设计等。

手绘草图（tú）和作图（tú）工具设计两（liǎng）种方式（shì）是没（méi）有任何（hé）交互效（xiào）果，一般是（shì）在两（liǎng）个页面之间绘制关联曲线，并附（fù）加（jiā）文字描述，这（zhè）样有一些明显（xiǎn）的缺（quē）陷：表现不直观（guān）、文（wén）字描述（shù）有（yǒu）歧（qí）义等；其优点也是很（hěn）明（míng）显：思（sī）维散发（fā）不受限制（zhì）。

我更倾向于使用原型工（gōng）具设计原（yuán）型图，它最大（dà）的好处是具备交互功（gōng）能，在设计原型完成（chéng）后，可以直接预览（lǎn）和进行交互（hù），相当于在（zài）原型设计的时候将交互设计也一并完成了。

原型工具同（tóng）样具备优点和缺点，一个很明显的优点如前面所讲具备（bèi）交互（hù）性（xìng），让原型展示更加直观；缺点是基于原型工具的操作复杂（zá）度和功能限制，对设计思维有一定的（de）限制（现在（zài）软件的易用（yòng）性和完整性逐渐弥补了（le）这方面的不足）。此（cǐ）处（chù）附上一（yī）张原型（xíng）设计效果图（使用工具：Justinmind）

原型设（shè）计（jì）是基于（yú）需求分析的，在页（yè）面布局上需要充分考虑需求（qiú）的性质和展示形式。如表（biǎo）现业务（wù）需求时需要（yào）基于业务考虑，在（zài）布局上需（xū）要将入口设置的明显一些，但同（tóng）时需要考虑（lǜ）设（shè）计是否引起（qǐ）用户的（de）反感（gǎn）

图：业务需（xū）求入口不明显，用户点击率低

图：在必然步（bù）骤上，有效提高业务需求使（shǐ）用率

三、UI设（shè）计

如果说原型设计是页（yè）面布局设计和用户体验设计，那么UI（User Interface）设计是视觉化处理（lǐ）和有效信（xìn）息传达的最后一步。

UI设计并不是简单地给原（yuán）型图上色，而（ér）是结合产品功能、使用人群、操作（zuò）心理等对原型图进行高保（bǎo）真设计。

颜色（sè）是设（shè）计（jì）师给用（yòng）户传递信（xìn）息的（de）第一步，日常生活中人们被很多色（sè）彩影响到自己（jǐ）的心理和（hé）行为，不同的色调能唤起人（rén）们不一样情（qíng）感（gǎn），如红色象征的激情、权威、自（zì）信，同时也是预警/警告的色调；

再如冷（lěng）色调让人感觉更加安（ān）全。QQ是（shì）一款陌（mò）生人社交（jiāo）软件，它（tā）在主色调上使用了浅蓝色，浅（qiǎn）蓝（lán）色预示着安（ān）全（quán），虽然QQ处处充斥着陌（mò）生人，但人们总有一种QQ有能力（lì）维护自己安全（quán）的感觉。

颜色的（de）使用需要考（kǎo）虑到产品的品（pǐn）牌色和心理（lǐ）效应（yīng）色（sè）的有效结合（hé），App主色调一般偏向于使用品（pǐn）牌色（品牌（pái）色也（yě）是经过专业的考虑进（jìn）行设计（jì）的），这（zhè）样做的好处是给用（yòng）户一（yī）种色调统一的感（gǎn）觉，同（tóng）时也更容（róng）易培养用户对品牌的识别。

如看到（dào）浅蓝色（sè）可能第一时（shí）间想到QQ、饿了么等（děng），看到红色可能第一时间想到猫眼电影、网易（yì）云音乐等。

图：所有手（shǒu）机App主（zhǔ）色调（diào）的使用都有（yǒu）视觉感受上的（de）充分考虑，如激情、可爱（ài）、安全等（děng）等。

UI设计需要抓住用户（hù）的操作心理，在布局和流程上需要有（yǒu）严谨的思考，有效减少用户的学（xué）习（xí）成本，避免让用户花时间思考下一步该做什么。一些特殊的（de）入口或引（yǐn）导处理，增强（qiáng）用户的欲望或行（háng）为可以（yǐ）有效提（tí）高用户（hù）的使用率。

四、开发跟进

在需求整理、分析、原型设计和UI设计（jì）后，设计师似乎已经（jīng）完成（chéng）了项目的所有能做的工作，是时（shí）候该休（xiū）息一下转战下一个项目了？！

其（qí）实实际并（bìng）不是这样的，在UI设计完成阶（jiē）段，设计师还（hái）需要跟进开发（fā）人（rén）员（yuán）的工作（zuò）。在开发初（chū）期设计（jì）师需要（yào）将项目的所有设计资料分发到（dào）每个开发工（gōng）程师手上，为他们讲解部分布局（jú）和用户（hù）体验需求（qiú），让项目团队中（zhōng）的每个人充分（fèn）理解这个项目，这样（yàng）才能（néng）在更大的（de）程（chéng）度上（shàng）避免（miǎn）沟通误差。

若是UI设计师，需要（yào）将UI设（shè）计图的布局规（guī）格、颜色（sè）、字体、图片（piàn）比例等数据标注，并将UI图中的图标裁切出来提供开发人员开发使用。一旦（dàn）需求变动设计师（shī）还需要全程（chéng）跟进，直到项目完成并上线（xiàn）。

五（wǔ）、总结

上述项目设计内容包（bāo）含需（xū）求分析、原型（xíng）设计、UI设（shè）计、开发（fā）跟进四个环节，但并不是（shì）由一个（gè）人（rén）来（lái）完成所有工作，对于（yú）一个（gè）小而美的（de）团队（duì）来（lái）说，产品经理会负责需求（qiú）分析（xī）、原型设计、体验（yàn）设计三个环节（jiē）。

而UI设计环节则由UI设计师完成，产品经（jīng）理跟进。在一（yī）个完整的产品设计中（zhōng），功能需求文档、设计（jì）产出文档和资料（liào）是（shì）沟通的（de）重要桥梁，掌握其中的技（jì）巧很有必要。