iOS14 大更新，UI设计师不能不知道这些内容…

维爱迪

4 年前

这个8月，有关iphone12的消息不断 beta 也迎来第六版更新

人机交互是做得越来越好了 UI界面设计更新也可圈可点

转向新拟态UI设计 实用贴心功能新增了不少 UI 设计师们未来的创作空间更多了能赚钱的空间，也更多了 01 桌面主页优化 在界面优化上，增设了“锁屏”的形式，长按屏幕后点击下方“...”，即可编辑页面，可以随意隐藏不常用界面，让屏幕瞬间整洁起来。

此外，iOS14 还引入了“App Library”页面，这个页面可以通过人工智能，一键帮你整理App，搜索App也更方便了，再也不用手笨地一个个去挪动了。

02 桌面小组件 现在IOS14可以把App变成圆角卡片，常用的天气、日历、音乐等系统应用，都有3种不同规格的展示形态，某种程度上讲挺像安卓系统，但苹果的这个“跟风”同样很香很人性化。

iOS 14 的新拟态设计，呈现了未来设计领域的大趋势，系统自带的小组件版块，可以说是业界的教科书级别了。如果你想做苹果应用的交互设计，元素间距方面，建议小组件边缘留16t的间距，在带有图形的布局中使用更窄的11t边距。内容布局方面，应该随尺寸变化而有相应拓展，满足用户个性化需求。

目前的3种尺寸，都各自有不同的排版方式，小天在网上扒到几种通用布局思路。

▲小尺寸 2x2

▲中尺寸 4x2

▲大尺寸 4x4 感兴趣的UI们，可以在苹果官网渠道查询到更多设计建议。以下网站，是小天在网上扒到有关小组件的官方资源： 小组件-人机界面指南： developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/widgets/ 设计出色的小组件： developer.apple.com/videos/play/wwdc2020/10103/ 小组件UI套件： figma.com/community/file/857332868558500566 03 画中画 实用性极高的一个功能，现在可以随意拖动视频，以悬浮窗口的形式到主屏幕或其他应用里，放大缩小都可以，还可以隐藏在侧边栏，一边看视频一边聊天终于实现了。