靜電說：iOS14 目前已經正式發佈了，小夥伴們是否已經升級了呢？每一次iOS版本的更新，都意味着新特性的加入，設計師也須要根據新的系統來進行適配。而目前最引人註明的就屬iOS 14新增的桌面小組件功能了。web
你能夠將小組件放置在桌面任意位置，有助於一目瞭然地查看信息，適用於追蹤通勤、健身記錄、日曆事件或新聞報道。微信
添加小組件很容易，長按主屏幕，點擊左上角的「+」，便可選擇不一樣類型的小組件，目前仍多爲系統應用，如照片、天氣、時鐘、備忘錄、待辦事項、屏幕使用時間等。app
一.小組件尺寸flex
iOS小組件提供了 2×2（小）、2×4（中）和 4×4（大）三種尺寸，比例越大，顯示內容越多。至於其它被擠掉的圖標，就自動挪到下一屏幕了。ui
靜電測量了一下小組件的尺寸，在iPhone X的截圖中，2X2的組件尺寸爲445-445px，4X2的組件尺寸爲947-445px左右，4X4的組件尺寸爲947-996PX左右。具體尺寸能夠見下方的條目十。
url
二.桌面小組件不可交互spa
另外請注意，在桌面上的小組件沒法進行交互，必須點擊進入應用中才能使用。這一點與「今日」屏幕上的小組件不同（它是能夠進行交互操做的）。另外，若是是iOS 13及以前的小組件，只能添加到「今日」屏幕中。不能在桌面上使用。若是須要使用新的桌面小組件功能，須要另行開發。因此，設計師不要在桌面小組件中設計交互功能（好比按鈕），由於徹底沒法使用。.net
三.爲同一應用製做多個小組件設計
在添加小組件界面，咱們能夠爲一個應用製做多種大小和形式的組件，供用戶選擇，以下圖，經過翻頁找到適合本身的組件，添加便可。
3d
四.疊放小組件
在這裏有個特性，你能夠將小組件疊放，而後經過滑動來進行翻頁查看。
五.建立有意義的小組件，並實時展現信息
請注意，蘋果官方指南告訴咱們，小組件絕對不是簡單的程序的入口。咱們要實時的展現用戶但願看到的信息，而不只僅是簡單的不會變化的內容。
六.聚焦設計功能
一個小組件對應一個功能點，不要嘗試在一個組件中放置過多的功能。好比天氣小組件，只展現當前位置當天時間的天氣和溫度。一個健康應用只展現當前的步數和行走里程。僅僅用來展現實時狀態便可。
七. 使用顏色版式以及圖像展示品牌
好比你的應用主色調爲黃色，那麼桌面小組件也能夠設置爲黃色。須要注意，請儘可能不要在小組件上加應用LOGO，由於系統會在足見下方對應的位置來展現APP名稱。
八. 掌握合適的信息密度
小組件中的信息太過鬆散或者太過密集都不合適。所以，要掌握好展示信息的程度，不要讓信息過載。
九. 支持Dark Mode
不要忘了將小組件適配Dark Mode，讓其在深色模式下也一樣溫馨。
十. 適配屏幕尺寸
小組件一樣會有屏幕尺寸的適配要求，建議根據不一樣的屏幕來設計小組件。固然，你可能會對這麼多尺寸感到迷惑，不過開發工程師會告訴你如何來自適應。它的原理與APP內置的界面是同樣的道理。
十一. 注意邊距，確保可讀性。
小組件的標準推薦邊距爲16pt，若是小組件中有按鈕元素，等，也可使用8pt的窄邊距。
十二. 總結
請注意，小組件的主要做用是爲用戶獲取信息提供便利，沒必要進入應用內部查看，實時展示內容。所以，在製做小組件以前，考慮一下，你的小組件最能爲用戶提供的便利是什麼？避免濫用小組件功能。
另外，咱們的iOS 14新特性體驗直播活動將在9月22日（週二）晚上8：30準時開始，還有各類福利抽獎活動，不要錯過。
本文分享自微信公衆號 - 靜Design（JingDesign91）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。