原型设计建议规范（一）

如今各类各样的互联网产品层出不穷，可是设计水平着实叫人不敢恭维。其实一款产品的设计水平在原型设计阶段就几乎已经决定了。熊先生最近和几个产品设计的大神接触，经过从他们那里的请教学习，简单的总结了一些关于产品在原型设计规范的小意见，但愿对你们有所帮助。

 

1. 项目类型

 

正所谓没有规矩，不成方圆，项目类型的确立对于产品的原型设计来讲，应该是第一枪，也是最重要的一枪。若是你连本身想要设计的产品是什么类型都不知道，那真的是没人能救得了你了。目前，比较常见的项目类型有如下几种：移动端（手机、平板）、网页、桌面。有些原型工具是自带这种属性的，好比Mockplus、Justinmind。从项目创建的第一步，就须要肯定所设计的原型类型。通常来讲，一开始先明确项目类型，对以后的总体布局。组件使用都有着很重要的意义。由于只有知道本身想要的是什么，才能更好地去规划若是获得它。固然，这两款工具也都提供了自由的模式，以服务有其它需求的用户。

 

 

2. 项目树

 

项目树，也就是项目大纲。在产品设计中，项目树无疑是骨架与核心，指导着整个项目设计的每个步骤。项目树对于一个项目来讲，更是一个系统的大纲，项目在每个页面的设计都要遵守其项目树中页面的规定来进行，不可误差。因此，在肯定了项目类型以后，千万不要立刻就开始设计，而是要冷静一下，仔细考虑应该如何去安排项目树。

 

 

3. 参考线

 

参考线应该是设计中最多见也最容易被忽视的一个辅助工具了。若是你们总结一下就会发现，几乎全部设计工具都会有参考线这一项，不管是作原型的Mockplus，或者是修图片的PS、AI。而在这些工具中，参考线早已不单单只是躺在那里的一条线而已。好比Mockplus，当一个组件移动到与其它组件相同X、Y左边，以及中部对齐时，都会自动的产生参考线，方便你们对组件的定位。

 

 

4. 对齐分布与比例协调

 

页面布局的整洁和有条理，会给设计工做带来很大的便利。这里向你们推荐一个比较有效的方法，那就是巧妙的使用羊角螺线。不少设计师以为，羊角螺线只是适用于具体图片的设计中，可是实际上，根据羊角螺线设计出来的总体布局并不占少数，最典型的例子就是苹果手机的圆角。根据羊角螺线作总体布局还有一个很大好处就是组件的比例会很协调，大小尺寸的衔接过分会显得不那么突兀。

 

 

 

以上只是关于原型设计的建议规范的第一部分，下一部分会着重向你们介绍IOS和Web的具体规范。