一、為什么需要建立設計規范？

1、保證設計的一致性。

對內部：多個設計師合作，依然能保證設計風格的統一。

對用戶：提高用戶體驗，提高操作效率，加深對產品的記憶。

2、提高開發效率

與前端有效溝通的工具，提高設計還原度，降低對接成本。

開發可以建立公共組件庫，很大的提高了開發效率。

3、方便產品迭代

隨著產品的業務變化，發現一些問題或者需要優化用戶體驗的時候，針對單個控件進行調整，就可以影響全局，十分便捷。

二、設計原則

為了很大限度地提高影響力和影響范圍，請在想象應用程序的身份時牢記以下原則。

審美完整性

審美完整性表示應用程序的外觀和行為與其功能的集成程度。例如，一個可以幫助人們執行重要任務的應用程序可以通過使用微妙，醒目的圖形，標準控件和可預測的行為來使他們專注。另一方面，沉浸式應用程序（例如游戲）可以提供引人入勝的外觀，帶來樂趣和刺激，同時鼓勵發現。

一致性

一致的應用程序通過使用系統提供的界面元素，知名的圖標，標準的文本樣式和統一的術語來實現熟悉的標準和范例。該應用程序以人們期望的方式結合了功能和行為。

直接操縱

屏幕內容的直接操作可以吸引人們并促進理解。用戶在旋轉設備或使用手勢來影響屏幕內容時會經歷直接的操縱。通過直接操作，他們可以看到其操作的直接可見結果。

反饋

反饋確認行動并顯示結果，以使人們了解情況。內置的iOS應用程序可響應每個用戶操作提供可感知的反饋。輕觸時，交互元素將突出顯示，進度指示器傳達長時間運行的操作的狀態，動畫和聲音有助于闡明操作的結果。

隱喻

當應用程序的虛擬對象和動作是扎根于現實世界或數字世界的隱喻時，人們會更快地學習。隱喻在iOS中可以很好地工作，因為人們可以與屏幕進行物理交互。他們將視圖移開以隱藏下面的內容。他們拖動和滑動內容。他們切換開關，移動滑塊并滾動選擇器值。他們甚至瀏覽書籍和雜志的頁面。

互聯網產品設計的尺寸規范和分辨率的認識，是進行線上界面設計的di一步。然而，市面上的型號有很多，咋辦？

作為設計師，要掌握常見的尺寸和距離，理解并做好設計的適配，才能解決不同手機屏幕之間的布局規范和換算關系。

http://www.bangwork.net/wangzhansheji/3246.html 網站的設計規范都有哪些？