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

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

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

如上所说，一款手机App的（de）设计包含（hán）需求分（fèn）析、原（yuán）型设计（jì）、体验设计、UI设计、项目（mù）跟进等步骤，现在我从每一（yī）个步骤入（rù）手逐一讲解一款手机App是如何从无（wú）到有的。

一、 需求分析

需（xū）求分析是产品设（shè）计中不可或缺的技能（néng）之一，充（chōng）分了解需（xū）求的产生背景、应用场景、目标（biāo）群体是（shì）产品设（shè）计过程中非常必要（yào）的（de），可以说所有（yǒu）产品设计工作都（dōu）是围绕着需（xū）求进行的（de）。

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

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

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

图：微（wēi）博会员标（biāo）识采用显眼的橙色 研习社续费功能突出 猫眼会员商城上线（xiàn）时（shí）的new标（biāo）识

用户需求的目的是解（jiě）决用户实际问题（tí），在操作流程上尽可能简洁，减少不必要的操（cāo）作步骤，表（biǎo）现（xiàn）形式上不必要（yào）太过突出，在引（yǐn）导/用（yòng）户（hù）常用操（cāo）作上（shàng）只需要适当增加层级即可。

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

正（zhèng）确：页面（miàn）充分利用，节（jiē）省系统资源，优（yōu）化（huà）用户体验

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

对于互联网技术（shù）服务公司来（lái）而言，需（xū）求（qiú）分析一般（bān）由商务（wù）童（tóng）鞋去完成，产品设计（jì）师拿到（dào）的是一份完（wán）整的需求文档，像这样

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

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

二、原型设计

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

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

我（wǒ）更（gèng）倾向于使（shǐ）用（yòng）原型工具（jù）设计原型图（tú），它最大的好处是具备交互（hù）功能，在设计原（yuán）型完成后（hòu），可以直接（jiē）预（yù）览和进行交互，相当于在原型设（shè）计的时候将交互设（shè）计也一并完成了。

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

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

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

图：在必然（rán）步骤上，有效提（tí）高业务需求使（shǐ）用率

三、UI设计

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

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

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

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

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

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

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

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

四、开（kāi）发跟进

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

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

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

五、总结（jié）

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

而UI设计（jì）环节则由UI设计师完（wán）成，产品经理跟进。在一个完整的产品设计中，功能需（xū）求文档、设计产出文档和资料是沟通的重（chóng）要桥梁，掌握其中的技巧很有必要。