我尝试从产品设计的角度回答这个问题，以下正文：

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

在项目（mù）开发过程中，项（xiàng）目组相关人员需（xū）要跟进整个项目，直至项目（mù）成功上（shàng）线。现在我尝（cháng）试站在一个产品的角度来说一说我（wǒ）对设计一款手（shǒu）机App的理解。

如上所说（shuō），一款手机（jī）App的设计包含需（xū）求分析、原（yuán）型设计、体（tǐ）验设计、UI设计、项目（mù）跟进等步骤，现在我从每一个步骤入（rù）手逐一讲解一款（kuǎn）手机App是如何从无到（dào）有的。

一（yī）、 需求分析

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

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

需求的目的不同，在设计（jì）上也会有一定（dìng）的差异。

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

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

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

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

正确：页（yè）面充分利用（yòng），节省系统资源，优化用户体验

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

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

看来商（shāng）务童鞋已经（jīng）将大部分的工作都已经做好了，产品设计师是否可以直接上手（shǒu）设计了呢，显然这样是不明智的（de），聪明的产品设计师并不会（huì）这样做。商务童鞋是站在（zài）整体上进行需求整理。

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

二、原（yuán）型设计（jì）

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

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

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

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

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

图：业（yè）务（wù）需求入口不（bú）明显，用户点击（jī）率低

图：在必（bì）然步骤上，有（yǒu）效提（tí）高业务（wù）需求使（shǐ）用率（lǜ）

三、UI设计（jì）

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

UI设计（jì）并不是（shì）简单地给原型图（tú）上（shàng）色，而是结合产品（pǐn）功（gōng）能、使（shǐ）用人群、操作心理等对原（yuán）型图进行高保真设计。

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

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

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

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

图：所有手（shǒu）机App主色调的使用（yòng）都有视觉感受上的充分考虑（lǜ），如激情、可爱、安全（quán）等等。

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

四、开发（fā）跟进

在需求（qiú）整理、分析、原型设计（jì）和UI设（shè）计后（hòu），设计师似（sì）乎已经完成了项目的所有（yǒu）能（néng）做的工作，是时候该休息一下转战下一个项（xiàng）目了？！

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

若（ruò）是UI设计师，需（xū）要将UI设计图的布（bù）局规（guī）格（gé）、颜色、字（zì）体、图片比例等数（shù）据标注，并将（jiāng）UI图中的（de）图标（biāo）裁切出来提供（gòng）开发人员（yuán）开发使用。一旦需求变动（dòng）设（shè）计师还需要全程（chéng）跟进，直（zhí）到项目（mù）完成并上线。

五、总结

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

而（ér）UI设计（jì）环节则由UI设计师完成，产品经理（lǐ）跟进。在一个完整的产品设计中，功能（néng）需求文档、设计产出文档和资（zī）料是沟（gōu）通的重要桥梁，掌握其中的技巧很有必要。