原型设计建议规范（一）

huaer

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

1. 项目类型

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

2. 项目树

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

3. 参考线

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

4. 对齐分布与比例协调

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

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