Design Style — Material, Flat and Fluent

不負責任的描述 Google, Apple and Microsoft 三科技巨頭在產品上所採用的設計風格/視覺語言之基本精神

Photo by Avel Chuklanov on Unsplash

Material Design — 材料設計

材料設計的基本精神應該是保留真實世界的「物理特性」，在只有 2D 的螢幕介面裡創造出微 3D 的空間，讓系統裡的視覺物件操作起來就像真實世界裡的物體一般（材料設計也算是一種扁平化設計。

Flat Design — 扁平化設計

扁平化設計的基本精神應該是「Less is more」，使用最少的視覺元素來呈現所要表達的意思，去除不必要的干擾與裝飾。使用扁平化設計的圖像看起來感覺都是扁扁的，所以才會被稱為「扁平」吧（我猜。

Fluent Design — 流暢設計

流暢設計使用的基本元素大概是最多的吧！包括了：光感 (Light)、深度 (Depth)、動效 (Motion)、材質 (Material) 及縮放 (Scale)，無法一言以蔽之（小聲說：雖然使用這樣的設計但還是覺得 Windows 操作起來有一種不流暢感。

References

• 扁平化設計(Flat Design)簡史─一探Apple早期與後期設計的轉變關鍵
• Google Material Design 正體中文版
• Android Developers — Android 材料設計
• Wikipedia — 扁平化設計
• Wikipedia — 質感設計
• Wikipedia — 流暢設計體系

Last updated Mar 11 2019