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

「设计」这个词在外（wài）行人（rén）看（kàn）来似乎只（zhī）是UI设计师（shī）的事情，和项目（mù）组中的其他人没有太大（dà）关系。其实（shí）在一（yī）个项目的（de）完整设计中，除了界面（miàn）设计外还需要进行原型设计、体验设计（jì），原型设计之前需（xū）要（yào）对项目需求有（yǒu）一（yī）个充分的了解，所以必不可少（shǎo）的是需要对（duì）需求进行整理和分析。

在项（xiàng）目开发过程中，项目组相关人员需要跟进整个项目，直至项目成功上线。现在（zài）我尝试（shì）站（zhàn）在一个产品的角度来（lái）说一说我对设计（jì）一款手机App的理解（jiě）。

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

一（yī）、 需求分析（xī）

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

需求主（zhǔ）要分（fèn）为两大类（lèi）：业务需求和用户需求（qiú）。业务需求主要是围绕产品的（de）业务线进行（háng）的，一般来源于老板、市场分（fèn）析、业务拓展等；用户需求主要是围绕用（yòng）户体验和解决用户实际问题进行（háng）的，可通（tōng）过（guò）精品分（fèn）析、用户调研（yán）等（děng）方式获（huò）取（qǔ）。

需（xū）求的目（mù）的不（bú）同（tóng），在设计上也会（huì）有一定的差异。

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

图：微博会（huì）员标识采用（yòng）显眼的橙色 研习社续（xù）费功（gōng）能突出（chū） 猫眼会员商城上线时的（de）new标识

用户需求的目（mù）的是解决（jué）用户实际问题，在操作流程上（shàng）尽可能简洁，减（jiǎn）少不必要（yào）的（de）操作（zuò）步骤（zhòu），表现形（xíng）式上不必要太（tài）过突出，在（zài）引导/用户常（cháng）用操作上只需要适当增加层（céng）级即可。

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

正确：页（yè）面充（chōng）分利（lì）用，节省系统资源，优化用户（hù）体验

错误：页面（miàn）冗余，浪费系（xì）统资源，用户体验差

对于（yú）互联网技（jì）术服（fú）务公司来而（ér）言，需求分析一般由商务童（tóng）鞋（xié）去完（wán）成，产品设计师（shī）拿（ná）到的是一份（fèn）完整的需求文档，像这样

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

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

二、原型设计

完成了需求分析（xī）后，是时候动手原型设计（jì）了。原型设计的表现形式有很（hěn）多，如：手绘草图、原型工（gōng）具（jù）设计、作图工具设计等。

手绘草图和作图工具（jù）设计两（liǎng）种方式（shì）是没有任（rèn）何交互效果，一般（bān）是在两个（gè）页面之间绘制关联曲（qǔ）线，并（bìng）附加（jiā）文字描述，这样有一些明显的缺陷：表（biǎo）现不直（zhí）观、文字（zì）描（miáo）述有歧义等；其优点也（yě）是很明显：思维散发不受（shòu）限制（zhì）。

我更倾向（xiàng）于使用原型工具设计（jì）原型图，它（tā）最大的好处是具（jù）备交互（hù）功能，在设计原（yuán）型（xíng）完成后，可以直接预（yù）览和进行交（jiāo）互，相当于在原型设计的时候将交（jiāo）互设计也一并完成了。

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

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

图：业务需求入口不明（míng）显，用户点（diǎn）击率低

图：在必然步骤上，有效提高（gāo）业务需（xū）求（qiú）使（shǐ）用率（lǜ）

三、UI设计

如果说原型设（shè）计是页面布局（jú）设计（jì）和用户体验设（shè）计，那么UI（User Interface）设（shè）计（jì）是视觉化（huà）处理和有效信息传达的（de）最后（hòu）一步。

UI设计并不是简单地给原型图上色，而是结合产品功能、使用（yòng）人（rén）群、操作心理等（děng）对原型（xíng）图进（jìn）行高保真（zhēn）设（shè）计。

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

再（zài）如冷色调让人感（gǎn）觉更加（jiā）安全。QQ是（shì）一款（kuǎn）陌生人社交软件（jiàn），它在主色调上（shàng）使（shǐ）用了（le）浅蓝色，浅蓝色预示（shì）着安全，虽然QQ处处充斥着陌生人，但人们总有（yǒu）一种（zhǒng）QQ有能力维（wéi）护自己安（ān）全的感觉（jiào）。

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

如看到浅蓝色可能第一（yī）时间想到QQ、饿了么等，看到红色可能（néng）第一时间想到猫眼电影（yǐng）、网（wǎng）易云音乐等。

图：所有手机App主色调的使用都有视（shì）觉感受上的（de）充分考（kǎo）虑，如激情、可爱、安全等等。

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

四、开发跟（gēn）进

在需求整理（lǐ）、分（fèn）析、原型设计和UI设计（jì）后，设计（jì）师似乎已经完成了项目的（de）所有能做（zuò）的（de）工（gōng）作，是时候该休息（xī）一下转战（zhàn）下一个项（xiàng）目了？！

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

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

五、总（zǒng）结

上（shàng）述项目设（shè）计（jì）内容包含需求分析（xī）、原型设计、UI设计、开发跟进（jìn）四个环节，但（dàn）并（bìng）不是由一个（gè）人来完成所有工（gōng）作，对于（yú）一个小（xiǎo）而美的团队来说，产（chǎn）品经（jīng）理会负（fù）责需求分析（xī）、原型设计、体验设计三个环节。

而UI设计环（huán）节则由（yóu）UI设计师完成，产品（pǐn）经理跟（gēn）进。在一个完整（zhěng）的产品设计中，功能需求文档、设计产（chǎn）出文档和资（zī）料是沟（gōu）通的重要桥梁，掌握其中的技巧很有（yǒu）必（bì）要（yào）。