我尝（cháng）试从产品设（shè）计的角（jiǎo）度回答这（zhè）个（gè）问题（tí），以下正文：

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

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

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

一、 需求分析

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

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

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

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

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

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

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

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

错误：页面冗（rǒng）余（yú），浪费系统资源，用户体验差

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

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

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

二、原型（xíng）设计

完成（chéng）了需求分析后，是时候动手原型设（shè）计了（le）。原型设计的表（biǎo）现（xiàn）形式有很多，如：手（shǒu）绘（huì）草（cǎo）图、原（yuán）型工（gōng）具设（shè）计、作图工（gōng）具设计等。

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

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

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

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

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

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

三、UI设计（jì）

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

UI设计并不（bú）是简单地给原型图上色，而（ér）是结合产品功能、使用人（rén）群（qún）、操作心理等对原型图进行高保真设（shè）计。

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

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

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

如（rú）看到浅蓝（lán）色可能第一时间（jiān）想到QQ、饿了（le）么等，看（kàn）到红色可能第一时间想（xiǎng）到（dào）猫眼电影（yǐng）、网易云（yún）音乐等。

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

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

四、开发跟进

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

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

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

五、总结

上述项目设计（jì）内容包含需求分析、原型设计、UI设计（jì）、开发跟进四个（gè）环节，但并不是由一个人（rén）来完成所有工作，对（duì）于一（yī）个小（xiǎo）而美的（de）团队来说，产品（pǐn）经理（lǐ）会负责需求分析、原型（xíng）设计、体验设（shè）计三个环节。

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