一、為什麼需要建立設計規範?
1 、保證設計的一致性。
對內部:多個設計師合作,依然能保證設計風格的統一。
對多用户:提高多用户體驗,提高操作效率,加深對產品的記憶。
2 、提高開發效率
與前端有效溝通的工具,提高設計還原度,降低對接成本。
開發可以建立公共組件庫,很大的提高了開發效率。
3 、方便產品迭代
隨着產品的業務變化,發現一些問題或者需要優化多用户體驗的時候,針對單個控制組件進行調整,就可以影響全域性,十分便捷。
二、設計原則
為了很大限度地提高影響力和影響範圍,請在想象應用程序的身份時牢記以下原則。
審美完整性
審美完整性表示應用程序的外觀和行為與其功能的整合程度。例如,一個可以幫助人們執行重要任務的應用程序可以通過使用微妙,醒目的圖形,標準控制組件和可預測的行為來使他們專注。另一方面,沉浸式應用程序(例如遊戲)可以提供引人入勝的外觀,帶來樂趣和刺激,同時鼓勵發現。
一致性
一致的應用程序通過使用系統提供的介面元素,知名的圖示,標準的文字樣式和統一的術語來實現熟悉的標準和範例。該應用程序以人們期望的方式結合了功能和行為。
直接操縱
螢幕內容的直接操作可以吸引人們並促進理解。多用户在旋轉裝置或使用手勢來影響螢幕內容時會經歷直接的操縱。通過直接操作,他們可以看到其操作的直接可見結果。
反饋
反饋確認行動並顯示結果,以使人們瞭解情況。內建的 iOS 應用程序可響應每個多用户操作提供可感知的反饋。輕觸時,互動元素將突出顯示,進度指示器傳達長時間執行的操作的狀態,動畫和聲音有助於闡明操作的結果。
隱喻
當應用程序的虛擬物件和動作是紮根於現實世界或數字世界的隱喻時,人們會更快地學習。隱喻在 iOS 中可以很好地工作,因為人們可以與螢幕進行物理互動。他們將檢視移開以隱藏下面的內容。他們拖動和滑動內容。他們切換開關,移動滑塊並滾動選擇器值。他們甚至瀏覽書籍和雜誌的頁面。
互聯網產品設計的尺寸規範和解析度的認識,是進行線上介面設計的 di 一步。然而,市面上的型號有很多,咋辦?
作為設計師,要掌握常見的尺寸和距離,理解並做好設計的適配,才能解決不同手機螢幕之間的佈局規範和換算關係。