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

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

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

如上所说，一款（kuǎn）手（shǒu）机App的设计包含需求分析、原型（xíng）设计、体验设计、UI设（shè）计、项目跟（gēn）进（jìn）等步骤，现在我从每一个步（bù）骤入手逐一讲解一款手机App是如何从（cóng）无到有的。

一、 需求（qiú）分析

需求分析是（shì）产品设计中不（bú）可或缺的技（jì）能之一，充分了解需求的（de）产（chǎn）生背景、应（yīng）用场景、目（mù）标群体（tǐ）是产品设计（jì）过（guò）程中非常（cháng）必要的，可以（yǐ）说所有产品设计工作（zuò）都是围绕（rào）着需求进行（háng）的。

需求主要分为两大类：业务需（xū）求（qiú）和用户需（xū）求。业务需求主要是围绕产品的业务（wù）线进行（háng）的，一般来（lái）源（yuán）于老板、市场（chǎng）分析、业务拓展等；用户需求主要是围绕用户体验和解决用户实际问题进行（háng）的，可通过精品分析、用户（hù）调研等方式获取。

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

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

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

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

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

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

错误：页（yè）面冗余，浪费系统资源，用户体（tǐ）验差

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

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

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

二（èr）、原型设计

完成（chéng）了需求分析后，是时候动手原型设计了。原型设计（jì）的表现形式有很多（duō），如：手绘草图（tú）、原型工（gōng）具设计、作（zuò）图工具设计等。

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

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

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

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

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

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

三、UI设计

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

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

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

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

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

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

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

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

四、开发跟进

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

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

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

五、总结

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

而（ér）UI设计（jì）环节则由UI设计师完成，产品经理（lǐ）跟进。在一个完整的产品设计中，功能需（xū）求（qiú）文档（dàng）、设计产出文档和资（zī）料是沟通的重（chóng）要桥梁，掌（zhǎng）握其中的技巧（qiǎo）很有（yǒu）必要。