我尝试从产品（pǐn）设（shè）计的角度回答这个问（wèn）题，以下正文：

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

在（zài）项目开发过程中，项目组（zǔ）相（xiàng）关人（rén）员需要（yào）跟（gēn）进整个（gè）项目，直至项目成功上（shàng）线。现在（zài）我尝（cháng）试站在一个产品的角度来说一说我对设计一款（kuǎn）手（shǒu）机App的理（lǐ）解。

如上所说，一款手机App的设计包含需求分析、原型（xíng）设计、体验设计、UI设（shè）计、项目跟进等步骤，现在（zài）我（wǒ）从每一个（gè）步（bù）骤（zhòu）入手逐一讲解一（yī）款手机App是如（rú）何（hé）从（cóng）无到有（yǒu）的。

一、 需求分析

需求（qiú）分析是产品（pǐn）设计中（zhōng）不可或缺的技能之一，充分了解需求的产生（shēng）背景、应用场（chǎng）景、目标（biāo）群体是产品设计过程（chéng）中非常必要的（de），可（kě）以（yǐ）说所有产品（pǐn）设计工作都是围绕着需求（qiú）进行的。

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

需求的目的不同，在（zài）设（shè）计上也（yě）会有一定的差异。

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

图：微（wēi）博会员标识采（cǎi）用显眼的（de）橙色 研习社续费功能突出 猫眼会（huì）员商城上线时的new标（biāo）识

用户（hù）需求的目的是解决用户实际问题，在操作流程上尽可能简洁，减少不（bú）必要的操作步骤，表现形式上不（bú）必要太过突出，在（zài）引（yǐn）导/用户常用操作上只（zhī）需要（yào）适当增加层级即可。

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

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

错误（wù）：页面冗余，浪（làng）费系统资源，用户体验差（chà）

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

看来商务童鞋已经将大部分（fèn）的（de）工作都已经做好了，产品设计师是否可（kě）以直接（jiē）上手（shǒu）设计了（le）呢，显然这样是不（bú）明智的，聪（cōng）明的产品设计（jì）师并（bìng）不会这样做。商务童鞋是站在整体上（shàng）进行需求整理（lǐ）。

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

二、原型设计

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

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

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

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

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

图（tú）：业务需求入口不明显（xiǎn），用户（hù）点击率（lǜ）低

图：在必然步骤上，有效提（tí）高业务需（xū）求使用率

三、UI设计

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

UI设计并不是简（jiǎn）单地给原型图上色，而是结合产品（pǐn）功能、使（shǐ）用人群、操作心理等（děng）对原型图进行（háng）高保真设计。

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

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

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

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

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

UI设（shè）计需要抓住用户的操（cāo）作（zuò）心理，在布局和流（liú）程上需要有严谨的思考，有效（xiào）减少用户的（de）学习（xí）成本，避免让用户花时间思考下一步（bù）该（gāi）做（zuò）什么。一些（xiē）特殊（shū）的入口或引导处理，增强（qiáng）用户的欲望（wàng）或行为可以（yǐ）有效提（tí）高用户的使用（yòng）率（lǜ）。

四、开发跟进

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

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

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

五（wǔ）、总结（jié）

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

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