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

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

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

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

一、 需求分（fèn）析

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

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

需求（qiú）的目的不（bú）同，在设计上也会（huì）有一（yī）定（dìng）的差异。

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

图：微博会员标识采用（yòng）显眼的橙色 研习社续费（fèi）功能突出 猫眼会（huì）员（yuán）商城上线时的（de）new标（biāo）识

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

微信在（zài）用户（hù）需（xū）求（qiú）上设计体现的淋漓尽致，以它的进入聊（liáo）天窗口为例，在（zài）设计上成功避免了（le）让用户（hù）思考和操作繁琐的问题，用户在操作（zuò）过（guò）程中（zhōng）每（měi）一（yī）个步骤都被认为是理所当然（rán）的。

正确：页面充分利用，节省系统资源，优化用户体（tǐ）验（yàn）

错误（wù）：页（yè）面冗余，浪费系（xì）统资源，用户体验差

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

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

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

二、原型设计（jì）

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

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

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

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

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

图：业务需求入（rù）口不（bú）明（míng）显，用户点击率（lǜ）低

图：在必然步骤上，有效提高业（yè）务需求使用率

三、UI设计

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

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

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

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

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

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

图（tú）：所有手机App主色调的使用都有（yǒu）视觉感受上的充分考（kǎo）虑，如（rú）激情、可（kě）爱、安全等等。

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

四、开（kāi）发跟进

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

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

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

五、总结

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

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