🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
查看原文
其他

iOS15一些神奇的新设计，忍不住要分享

UI设计达人 2022-05-22

The following article is from 体验进阶 Author 设计师ZoeYZ

众所周知，iOS 15 最近出来了，而且因为各种大小 bug 而被很多博主劝退：iOS15被群嘲，我试了发现还是有亮点的。


但是不得不说，这次的变动不小，而且很多不是视觉上，而是交互上。

地址栏在底部的 Safari 浏览器就是一个例子：


上图网站：https://advancedux.club/quiz

但其实 iOS 15 还有不少创新设计，有些还挺有启发性的，甚至对未来的 APP 设计会产生影响，看得我有些按耐不住想要分享的心了。

目录：

  1. 图片拖动
  2. 多图发送
  3. 文字输入
  4. 多级菜单
  5. 按钮规范
  6. 多彩图标


1. 图片拖拽

用电脑时，把文件拖拽到某个应用窗口是再常见不过的操作了，几乎所有网盘都可以这么操作。

但是这个便捷的操作，却一直无法移植到手机上，以至于每次找文件，都得回归那种古老的目录删选交互。

但是 iOS 15 居然支持把图片拖拽到 APP 了！


这个交互真的是很实用，我可以想象自己会经常使用。

但是目前只有邮件和短信等系统 APP 支持，要等到主流 APP 都支持这个估计有段时间。


2. 多图发送

大部分即时聊天应用，发送多张图片和发送多行文字是一样的，有多少张图就展示多少个对话框。

但是大家用微信发送大量图片时，预定遇到这种情况，整个聊天窗口已经被图片刷屏了，却也只发出了 9 张图片。


iOS 15 的 iMessage 提出了一个有趣的解决方案，那就是当图片较多时把他们都叠在一起。

这样不占据聊天窗口，可以切换查看，甚至还能展开所有缩略图查看：


这个方法真的感觉比原来的好，微信你要不要借鉴一下？


3. 文字输入

iOS 15 的摄像头是有 Live Text 文字识别功能的，虽然必须要 A12 及以上芯片的机型，即 iPhone XR、XS 才支持。

于是他们就顺便给增加了一个文字输入功能：

图片来源：https://m.thepaper.cn/newsDetail_forward_13096530?ivk_sa=1023197a

虽然谈不上什么创新，但至少比很多工具更方便快捷。

希望这个功能以后能够成为各个系统的基础功能，成为继手写、语言输入之后的另一种输入方式。


4. 多级菜单

没错，好不容易在移动时代才被消灭的多级菜单，居然给加回来了！


而且还可以打工选择，简直是高度还原 PC 端了。


不过我至今没有再自己手机上遇到这种下拉菜单，估计只是系统上提供灵活度，但体验上不鼓励经常使用吧。

如果真的遇上需要多级选择的情况，这个组件也是一种方法。


5. 按钮规范

iOS 15 规范了几类按钮样式：

  • 无框按钮：Plain
  • 灰底按钮：Gray
  • 浅色按钮：Tinted
  • 填色按钮：Filled
  • 多行按钮：Multifple Lines


支持多行是个不小的变化，这大概也和前面的下拉菜单一样，只是想增加系统的灵活性，并不是鼓励大家使用。

当然，那四种只是分类而已，iOS 15 支持的按钮样式可多了：


APP 设计并不一定非得用原生按钮，只是对于开发来说这种按钮做起来很方便而已。


6. 多彩图标

iOS 一直有一套自己的原生矢量图标，现在升级到了 SF Symbols 3，共计超过 3100 图标，其中本次新增的有 600 多个。


现在 iOS 15 搞了一个很神奇的功能，就是可以给图标的不同部分区别上色。

这真是设计师的省力福音，虽然目前只支持自己的原生图标。

如果你想要下载 SF Symbols 3 这套 iOS 原生图标试试，我都帮忙打包好啦：


主页君个人微信

添加主页君个人微信领取：大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

（点击标题可跳转阅读）

因为它，我作品集被大厂面试官通过了！！35岁没有当上管理的设计，怎么办？
大神经验分享：大厂都在用的光感风格
回复 灵感 获取UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题？点此查看未经处理的缓存