前不久蘋果開了發佈會，宣佈 iOS 14 和 macOS Big Sur 的推出。其中，全新的UI改變，絕對是未來的趨勢。
今天素材播報就分析一下，這次的變化有哪些，並準備好了相關組件，一起看下去吧～
從平面變立體
過去，產品設計大多都是一些扁平化的設計。
但從去年 iOS13 開始，蘋果就在試圖變革，想要在 UI 設計上呈現的更具象，比如備忘錄的畫圖工具。
今年，iOS14 則更進一步的強化了這樣的風格，在新的 Apple 操作系統裏，可以看到很多地方的外觀有了更多的陰影、紋理和 3D 形狀。
蘋果人機界面副總裁艾倫·戴（Alan Dye）是這樣說的：“深度，陰影和半透明性用於創建層次結構。新材料豐富而充滿活力……”
總結：設計師們可以在設計上，保留簡約風格，但增加一些簡單的效果（陰影，半透明），以此來建立視覺層次感。
視覺提醒變化
人腦需要提示才能識別物體，所以爲了增強提示感，很多人會採取增加按鈕的陰影，形成 3D 效果。
除此之外，運動也是一個額外的線索。就像 macOS 工具欄一樣，當你移動鼠標光標到相應 icon 上時，它們會變大且背景突出，就是爲了鼓勵用戶進一步的點擊。
還有個方法就是採用色彩。蘋果希望設計師使用色調使得元素更加的顯眼。
對於macOS最大的改變是設計風格越來越趨同於iOS，這也爲Apple未來的平臺融合的戰略打下了基礎，這個趨同不僅僅表現在視覺層面，同時也體現在交互層面。
總結：不要害怕沒有突出所有選項。不是每個按鈕都需要有一個形狀。當用戶鼠標懸停在它上面時，再出現。在可能的地方嘗試色彩，消除視覺複雜性。
透明度和背景模糊
在 iOS7 的時候，蘋果開始做一些毛玻璃效果的 UI 風格，像這樣：
iOS13 時，大量使用了毛玻璃質感的卡片，並且還設置了四種不同的背景模糊。
而在iOS14，更加強化透明度和背景模糊，提出分層的概念。
總結：多多嘗試用陰影、半透明來創建視覺層次。
圖標新擬態
蘋果對於圖標的設計，一直走在行業前沿，默默的影響其他同僚。
但是，今年他們走出了舒適區，迎來了一個新的變化——擬態，改變了扁平化，增強了立體感，有了新的風格。
總結：可以通過陰影和漸變來改變平面iOS圖標。
除了上述的這些外，還有圓角變化、小組件等等。
貼心如我們，根據iOS14的特質，上線了一批新的組件，共計 15 個，方便刀友們快速複用。
趕緊去素材廣場體驗吧～方法如下：
第一步，在素材廣場中尋找到所需的目標頁面，點擊保存。
第二步，點擊素材找到剛保存的素材，置入當前頁，或是，在右邊組件中，直接拖拽到工作區。
如果你還有其他的素材需求，歡迎留言告訴我們哦～