原型設計建議規範（一）

如今各類各樣的互聯網產品層出不窮，可是設計水平着實叫人不敢恭維。其實一款產品的設計水平在原型設計階段就幾乎已經決定了。熊先生最近和幾個產品設計的大神接觸，經過從他們那裏的請教學習，簡單的總結了一些關於產品在原型設計規範的小意見，但願對你們有所幫助。

 

1. 項目類型

 

正所謂沒有規矩，不成方圓，項目類型的確立對於產品的原型設計來講，應該是第一槍，也是最重要的一槍。若是你連本身想要設計的產品是什麼類型都不知道，那真的是沒人能救得了你了。目前，比較常見的項目類型有如下幾種：移動端（手機、平板）、網頁、桌面。有些原型工具是自帶這種屬性的，好比Mockplus、Justinmind。從項目創建的第一步，就須要肯定所設計的原型類型。通常來講，一開始先明確項目類型，對以後的總體佈局。組件使用都有着很重要的意義。由於只有知道本身想要的是什麼，才能更好地去規劃若是獲得它。固然，這兩款工具也都提供了自由的模式，以服務有其它需求的用戶。

 

 

2. 項目樹

 

項目樹，也就是項目大綱。在產品設計中，項目樹無疑是骨架與核心，指導着整個項目設計的每個步驟。項目樹對於一個項目來講，更是一個系統的大綱，項目在每個頁面的設計都要遵守其項目樹中頁面的規定來進行，不可誤差。因此，在肯定了項目類型以後，千萬不要立刻就開始設計，而是要冷靜一下，仔細考慮應該如何去安排項目樹。

 

 

3. 參考線

 

參考線應該是設計中最多見也最容易被忽視的一個輔助工具了。若是你們總結一下就會發現，幾乎全部設計工具都會有參考線這一項，不管是作原型的Mockplus，或者是修圖片的PS、AI。而在這些工具中，參考線早已不單單只是躺在那裏的一條線而已。好比Mockplus，當一個組件移動到與其它組件相同X、Y左邊，以及中部對齊時，都會自動的產生參考線，方便你們對組件的定位。

 

 

4. 對齊分佈與比例協調

 

頁面佈局的整潔和有條理，會給設計工做帶來很大的便利。這裏向你們推薦一個比較有效的方法，那就是巧妙的使用羊角螺線。不少設計師以爲，羊角螺線只是適用於具體圖片的設計中，可是實際上，根據羊角螺線設計出來的總體佈局並不佔少數，最典型的例子就是蘋果手機的圓角。根據羊角螺線作總體佈局還有一個很大好處就是組件的比例會很協調，大小尺寸的銜接過分會顯得不那麼突兀。

 

 

 

以上只是關於原型設計的建議規範的第一部分，下一部分會着重向你們介紹IOS和Web的具體規範。