雲宏WinCloud前端工程師告訴你什麼是UI扁平化

自詡爲數碼專家的你，知道什麼叫“扁平化”嗎？

是不是明明非常耳熟能詳的一個詞兒，真要聊起來突然覺得不知從何下手？

那就來聽雲宏前端工程師以WinCloud的UI設計爲例，告訴你扁平化的精髓——

初見“UI扁平化”這個詞，也許很多人會覺得陌生。但在今天，UI扁平化其實一點也不神祕，因爲UI扁平化在我們的生活中隨處可見。拿智能手機操作系統爲例，手機裏的圖標、點擊圖標打開的應用，其UI風格大都是扁平化的。

扁平化設計已經成爲UI設計中的主流設計方向，它跟以前所流行的細節豐富的擬物化設計不同，扁平化極簡主義設計使得UI看起來簡單易懂的同時對交互和功能的支持更加優秀，是一種可用性更強的設計解決方案。雲宏UI設計師團隊十分清楚扁平化設計的強大，在WinCloud雲操作系統中運用自如。

UI扁平化講求界面簡約，沒有投影、凹凸或漸變等多餘的效果。雲宏WinCloud每一個頁面的設計都尊遁了這一原則。以系統頂部欄和左邊菜單欄爲例，這兩部分的背景都採用了純色，沒有使用色彩豐富的背景圖片，也沒有使用看起來產生立體感的漸變效果，而頂部欄和菜單欄的區分僅是背景色的明暗度輕微的差別，使得這兩部分看起來簡單明瞭，不會被多餘效果產生的冗雜視覺信息干擾。

雲宏WinCloud雲操作系統界面

UI扁平化使用簡潔風格的元素和圖標。過往，人們都喜歡使用立體感的元素，如舊版本蘋果IOS系統界面，圖標使用了帶反光玻璃的效果，使其看起來好像放在一個玻璃架子上一樣。隨着大衆審美的不斷轉，近年來簡潔的扁平化風格受到越來越多用戶接受。

舊版本蘋果IOS系統界面

雲宏前端UI設計師團隊在圖標設計上也是下足了功夫，WinCloud圖標設計簡潔乾淨但不缺乏信息，這跟當下大衆的認知和潮流的方向是一致的。簡單的形狀，清晰的排版，明亮而對比明顯的色彩可以使我們很容易區分雲主機、雲硬盤、公網IP等資源類型。更令人興奮的是，這樣簡潔的圖標還可以爲用戶提供系統快速加載的體驗。

雲宏WinCloud雲操作系統圖標設計

UI扁平化是一種儘量減少裝飾的極簡設計。許多操作系統喜歡在操作按鈕上加一個圖標達到裝飾的效果，這種做法在操作稍微多一點的系統中就顯得不是那麼明智了：大量的圖標會讓人眼花繚亂，而近似的操作通常圖標設計相近，容易產生歧義，這樣的UI只會讓人困惑，產生視覺疲勞。WinCloud產品龐大而複雜，裏面包含有大量的操作，在按鈕的設計上並沒有添加任何裝飾，純色背景加上文字提示，讓按鈕長成最簡單的樣子，讓界面整體上看起來清新簡潔，而且可以最大限度地降低視覺噪聲，避免給用戶帶來不必要的困惑。

雲宏WinCloud雲操作系統操作界面

先進的系統，需要優秀前衛的UI來體現特性。優秀UI的概念一直在演變，扁平化設計也一直在發展。雲宏WinCloud雲操作系統UI也會緊跟時代潮流，爲用戶創造更好的使用體驗！