1.1.4 移動UI設計的原則

進行移動UI設計時，需要遵循iOS系統和Android系統的設計規范，可以根據iOS系統下的設計原則及Android系統下Material Design語言中的設計原則進行設計。

1. iOS系統設計原則

iOS系統設計應遵循清晰、遵從、深度3大原則。

（1）清晰

在整個系統中，文字在各種尺寸上都清晰易讀，圖標精確而清晰，裝飾精巧且恰當，令用戶更易理解功能。負空間、顏色、字體、圖形和界面元素巧妙地突出重要內容并傳達交互性，如圖1-7所示。

（2）遵從

遵從意指整個頁面的交互要讓用戶的操作有著“從哪來回哪去”的體驗。其中，流暢的動畫和清晰、美觀的界面可以幫助用戶理解內容并與之互動，同時不干擾到用戶的使用。想要傳達的內容一般需要填滿整個屏幕，而半透明和模糊顯示通常暗示有更多內容。少使用邊框，使用漸變和陰影的功能可使界面輕盈，同時確保內容明顯，如圖1-8所示。

如圖1-8所示，位于左側App界面中橙色漸變銀行卡旁邊的卡采用了半透明效果，暗示用戶可以進行滑動查看更多內容。兩張App界面的漸變、邊框及陰影都不是很明顯，使界面非常輕盈。

（3）深度

獨特的視覺層級和真實的動畫效果傳達層次結構，賦予界面活力，并促進用戶理解。讓用戶通過觸摸和探索發現程序的功能，不僅會使用戶提高樂趣，更加方便用戶了解功能，還能使用戶關注到額外的內容。在瀏覽內容時，層級的過渡可提供深度感，如圖1-9所示。

2. Material Design設計原則

Material Design（材料設計）語言（Google開發的可與iOS系統下的設計原則相媲美的設計語言）設計原則有材質隱喻、大膽夸張、動效表意、靈活、跨平臺5大原則。

（1）材質隱喻

Material Design的靈感來自物理世界及其紋理，包括它們如何反射光線和投射陰影。對材料表面進行重新構想，融入紙張和墨水的特性，如圖1-10所示。

（2）大膽夸張

Material Design以印刷設計方法中的排版、網格、空間、比例、顏色和圖像為指導，來創造視覺層次、視覺意義及視覺焦點，使用戶沉浸其中，如圖1-11所示。

（3）動效表意

Material Design通過微妙的反饋和平滑的過渡使動效保持連續性。當元素出現在屏幕上時，它們在環境中轉換和重組，相互作用并產生新的變化，如圖1-12所示。

（4）靈活

Material Design系統旨在實現品牌表達。它集成了一個可定制的代碼庫，如圖1-13所示。

（5）跨平臺

Material Design使用Android、iOS、Flutter和Web的共享組件進行跨平臺管理，如圖1-14所示。