桌面小元件佈局推薦 - ios14小元件怎麼擺好看

iOS14小元件讓你的手機桌面變得更加有趣！小元件支援使用者自定義，並且可以新增第三方APP，所以也讓使用者有了更多的選擇。那麼ios14小元件怎麼擺好看呢？下面小編為大家帶來了桌面小元件佈局推薦，快一起來看看吧！

ios14小元件怎麼擺好看？

1、將目標聚焦在一個點上

在多數情況下，你需要將你的設計目標梳理得非常明確。比如天氣App的小元件，需要顯示的特定某個位置的天氣資訊，而一個卡路里跟蹤的 App 的小元件需要顯示的，可能是當天消耗的卡路里，而新聞App 的小元件可能展現的是熱門資訊。通常，小元件可以很專注地呈現程式的一部分內容，就像遊戲當中角色所處的狀態一樣。

2、小元件最好全天候地動態展現資訊

如果小元件的內容沒有變化，那麼使用者可能不會將它置於醒目的位置。儘管小元件不太可能每分鐘都有所更新內容，但是儘量保持更新最新的內容，可以更多地吸引使用者的目光，這一點很重要。

3、尋求令人愉悅和驚喜的契機

比如日曆的螢幕小元件，可以針對特定的時間和事件進行獨特的視覺處理，比如在生日的展現方式就不一樣。

4、避免在小元件中加入過多互動元素

通常最小尺寸的小元件可以提供一個可點選的元素，而在中大尺寸的小元件當中，可以提供多個可點選元素，比如中尺寸的筆記 App 小元件當中，可以新增多個筆記條目，點選其中任意一個可以顯示對應的筆記內容。

儘管有多個可點選元素對於 App 而言非常有意義，但是提供過多的可點選元素，可能會讓使用者迷惑且無法正確點選對的目標。

5、用色彩、版式和影象來凸顯品牌

如果你需要在小元件中呈現品牌LOGO、文字名稱、應用圖示，那麼儘量以無干擾的模式來將內容整合到其中。在某些情況下，比如當你使用螢幕編輯模式來調整佈局的時候，系統會在小元件的下方顯示對應的 App 的名稱和資訊，因此你無需在小元件中再做強調，儘量以色彩、版式等視覺設計來凸顯它的特徵。

6、營造舒適的資訊密度

如果小元件中資訊過於稀疏，那麼它看起來不太具有存在的必要;如果資訊量太過於密集，則可能讓整個小元件顯得臃腫密集且難於使用。你需要尋求合理整合內容的方法，確保人們能夠立刻掌握資訊，尤其是基本的資訊，並且可以在此基礎上花費更多的時間來檢視細節。

你可能在更大尺寸的小元件上，用資訊圖來替代簡單的文字，這樣也不會讓資訊過載，但是呈現形式上的改變，會讓體驗變得更好。

7、巧妙地用色

豐富漂亮的色彩是非常吸引人的，但是色彩決不能影響使用者吸收和了解基本的資訊。色彩應該可以作為提升整個小元件視覺屬性的一種重要手段，但是它一定不能喧賓奪主，影響內容本身。在 iOS 14 的設計素材中，內建了一系列的系統推薦用色。

8、支援深色模式

小元件應該在深色和淺色模式下都看起來非常棒才行。通常，儘量避免在深色模式下，使用淺色的小元件背景並搭配深色的文字，或者在淺色模式下，使用淺色文字搭配深色背景。當你根據使用 iOS 系統內建的語義配色系統來配置背景和文字配色的時候，色彩可以根據你當前的環境，自動匹配。