认识达内从这里开始

太原达内ui设计培训课程中有关于移动界面设计的课程内容，同时也有关于app界面设计，在编程的时候，一个好的设计图能够给用户非常好的用户体验，今天，我们就给大家说一说在app设计中的原型设计思路都有什么。

首先，要确定好原型的受众，是给UI设计师看的，还是给开发人员看的，抑或是给老板或客户看的。不同受众决定了原型设计需要做到什么程度。一般来说，如果受众是UI设计师或开发人员，那最多只要中保真原型即可;如果受众是老板或客户，那可能就需要提供更多视觉细节的高保真原型了。

其次，要梳理好功能需求。梳理功能需求时，要以核心功能为主，尽量做减法，而不是做加法。

就举我的项目的栗子，我的App中有一个需要给程序猿设置技术标签的需求。现在看看加法怎么做。首先，技术标签可以分为三大类：移动端、前端、后端。接着，移动端的技术标签有Android、iOS、Windows、React Native，Android根据语言还可以再分出Java和Kotlin，iOS则可以再分出Objective-C和Swift。前端标签可以有HTML、CSS、JavaScript、React、AngularJS、Vue等等。后端标签则可以添加更多了，数据库方面的MySQL、MongoDB、Redis等，语言方面的Java、PHP、Golang、Python、Node.js等，其他的像Nginx、Docker、Spark、Spring等等。如果要把所有技术标签都包含进来，真的太多太多了。那么，再看看减法怎么做。标签只要三个就够了：移动端、前端、后端。为什么呢?因为初期用户量不会很多，产生的内容也不会太多，没必要分那么细那么多标签，三大类标签就已经足够满足需求。

再举多一个栗子，我们公司目前正准备做一款新的金融产品，时间比较紧，核心功能只有一个，那就是要能实现交易。产品经理给我们演示原型时，包含了一些核心功能之外的辅助性功能，比如资讯、统计用户看涨看跌的概率、风险提醒、修改用户头像昵称等，结果所有这些不影响直接交易的功能全部砍掉了。另外，有一些界面流程也进行了简化。

对需求做减法，就是要思考如何简单快速地满足目标。将核心需求看做一条链子，那么，要判断某个功能点是不是必需的，只要思考下如果把这个功能点去掉，链子会不会断就知道了。

设计原型

设计原型时需要谨记一点：我是在设计原型，不是设计UI。设计原型的过程，也是一个梳理产品思路的过程，也是一个迭代的过程，从整体到局部逐渐细化的过程。整体上主要就是产品的信息架构，如功能结构、导航结构，局部上主要就是页面布局和交互，如内容编排、页面切换、按钮点击等。

我设计原型时，和设计原型之前的需求分析一样，也喜欢做减法。尽量减少页面层级、页面数量、页面交互，尽量使得信息扁平化。例如，用户登录和注册，我在一个页面搞定。

直接以本人的项目为例，简单讲讲我是怎么进行原型设计的。

首先，对功能需求进行分类。根据我前一篇文章确定的功能需求，我整理出了以下的信息结构：

登录注册

手机号注册

手机号登录

Github登录

发布内容

发布问题

发布分享

展示内容

关注之猿的内容

同栈之猿的内容

移动端

前端

后端

用户中心

个人信息

我发布的内容

我关注的内容

我关注的人

关注我的人

我的消息

接着，确定有哪些页面。登录注册需要为一页，首页以展示内容为主，同时需要添加发布内容和用户中心的两个入口。关注之猿和几个同栈之猿，可以设为几个Tab。用户中心的每一个子项都可以各成一页。发布问题和发布分享也可以各为一页。

然后，将内容进行布局排版。排版时，也不需要想太多，只要把同一层级的内容用最简单的方式放一起就好了。记住，不要去想怎样布局才好看，那是UI设计时才需要考虑的。最后，我设计的首页如下图：

最后，就是对各个子页面的设计了，也使用和首页相同的设计流程。页面太多，就不再贴出来了。

在整个原型设计的过程中，还需要不断对一些细节进行调整和补充。如果你的原型设计完之后需要整理成需求文档提交给开发人员看的，那么，设计页面时，建议同时也可以思考下一些数据边界和交互细节的问题，并批注在页面旁边，这样，后续整理需求文档时就会方便很多。可能有些人习惯在整理需求文档时才来思考这些问题，但这样的话很容易有遗漏，甚至可能根本不记得这个事。所以，设计时先思考，后面整理文档时再检查有没有遗漏，这样，设计出来的产品就会严谨很多。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择太原达内培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。