現在各種各樣的互聯網產品層出不窮，但是設計水平着實叫人不敢恭維。其實一款產品的設計水平在原型設計階段就幾乎已經決定了。熊先生最近和幾個產品設計的大神接觸，通過從他們那里的請教學習，簡單的總結了一些關於產品在原型設計規范的小意見，希望對大家有所幫助。
1. 項目類型
正所謂沒有規矩，不成方圓，項目類型的確立對於產品的原型設計來說，應該是第一槍，也是最重要的一槍。如果你連自己想要設計的產品是什么類型都不知道，那真的是沒人能救得了你了。目前，比較常見的項目類型有以下幾種：移動端（手機、平板）、網頁、桌面。有些原型工具是自帶這種屬性的，比如Mockplus、Justinmind。從項目建立的第一步，就需要確定所設計的原型類型。一般來說，一開始先明確項目類型，對之后的整體布局。組件使用都有着很重要的意義。因為只有知道自己想要的是什么，才能更好地去規划如果得到它。當然，這兩款工具也都提供了自由的模式，以服務有其它需求的用戶。
2. 項目樹
項目樹，也就是項目大綱。在產品設計中，項目樹無疑是骨架與核心，指導着整個項目設計的每一個步驟。項目樹對於一個項目來說，更是一個系統的大綱，項目在每一個頁面的設計都要遵照其項目樹中頁面的規定來進行，不可偏差。所以，在確定了項目類型之后，千萬不要馬上就開始設計，而是要冷靜一下，仔細考慮應該如何去安排項目樹。
3. 參考線
參考線應該是設計中最常見也最容易被忽視的一個輔助工具了。如果大家總結一下就會發現，幾乎所有設計工具都會有參考線這一項，不論是做原型的Mockplus，或者是修圖片的PS、AI。而在這些工具中，參考線早已不僅僅只是躺在那里的一條線而已。比如Mockplus，當一個組件移動到與其它組件相同X、Y左邊，以及中部對齊時，都會自動的產生參考線，方便大家對組件的定位。
4. 對齊分布與比例協調
頁面布局的整潔和有條理，會給設計工作帶來很大的便利。這里向大家推薦一個比較有效的方法，那就是巧妙的使用羊角螺線。很多設計師覺得，羊角螺線只是適用於具體圖片的設計中，但是實際上，根據羊角螺線設計出來的整體布局並不占少數，最典型的例子就是蘋果手機的圓角。根據羊角螺線做整體布局還有一個很大好處就是組件的比例會很協調，大小尺寸的銜接過度會顯得不那么突兀。
以上只是關於原型設計的建議規范的第一部分，下一部分會着重向大家介紹IOS和Web的具體規范。