细看 36 个 iOS 拟物化系统界面后,才发现当初的 iOS 系统这么厉害

2018 年 5 月 4 日 少数派 v0per

如果你手持 iPhone 5 及以下的 iPhone 机型,并搭载 iOS 6 系统,那么你可以试图探索未发觉的一个个小彩蛋,如果你从 iPhone 5s 及以上机型开始使用 iPhone,你可能错过了一个个令人感动的拟物化设计。不妨搭上这班车,跟随我们了解当年的拟物化 iOS 系统。这篇文章分为系统应用和 Siri 两部分。

使用设备:搭载 iOS 6.1.3 系统的 iPhone 4S,Apple 账号属美区,系统语言为英文。

长按二维码关注少数派(ID:sspaime),在后台回复「有趣」GET 到更多有趣的文章和应用。

🎛 系统应用

锁屏界面与解锁界面,slide to unlock 滑块条会一直有亮光划过,右下角的快捷拍摄在往后的版本中也一直被沿用。壁纸为 iOS 5 的 iPad 壁纸。

关注少数派,在后台回复「壁纸」即可获得最全的 iOS 原生壁纸下载链接。

播放音乐状态下的锁屏界面。右图为打开「相机」应用瞬间,类似单反相机镜头内光圈叶片的展开状态。

iOS 6 主页,及双击 Home 键后下方的音乐控制界面。私以为 iOS 6 的内置应用图标配色有种难以言喻的和谐感。右图左下角 icon 为屏幕锁定,点击右侧音乐图标可直接到达「音乐」界面。

关注少数派,在后台回复「壁纸」即可获得最全的 iOS 原生壁纸下载链接。

通知面板。顶端的天气 Widget 往左滑动可以转换为近六日的天气状况。如中图所示,天气 Widget 下方是股票小部件,我将其设置成人民币兑各种外币的汇率,很是便捷。点击 Tap to Tweet 后,会出现如右图所示的界面,可供快捷发 Tweet。

报刊杂志,在 iOS 6 中已安装的报刊、杂志 App 都会以书本形式在书架中呈现。有趣的是,书架可以上下滑动。

计算器。在拟物化的 iOS 6 中,计算器的每个按键都作有抛光处理,点击时伴随着现实生活中点按计算器的声音。

录音机。iOS 6 中对录音机的刻画十分精细,光线从顶端往下照射,底部的 VU (音量单位)会随着当前环境音量的大小而变化,开始录音后,状态栏会变为红色,并显示 Recording。得体的是,iOS 内置 App 中,支持全局 180° 屏幕旋转的只有录音机,这与记者采访对象时,录音笔麦克风往往会向着对方那一面的事实相符。

音乐中 Songs 界面以及右侧的播放界面。注意,底部音量旋钮上的光线,会随着当前手机竖直角度的变化而改变(屏幕锁定未开启时)。

图一为竖直放置,图二右倾约 45°,图三为左倾约 30°,如此细节刻画实在令人赞叹。

类似地,Do Not Disturb(请勿打扰) 与 Airplane Mode(飞行模式)于状态栏上的小图标也十分精致,打开「请勿打扰」模式时,状态栏上的「弯月」会像初一到十五一般渐显,打开后者时,「飞机」会从左侧飞入,关闭时,「飞机」则会迅速从右侧飞出。

地图。设定目的地后开始导航,行径通知在上方作提示。仔细看,「路牌」的背景还像是一个个「蜂窝」,而行径通知跟高速公路上的道路指示牌有几分相像。

时钟。不同时区的时钟背景的「黑」或「白」会根据昼夜时间而调整,在 Smartisan OS 中的「时钟」应用也出现了类似的做法。

 

Game Center 和股票。故意截下还未完全响应的 Game Center 界面,与赌场上的牌桌十分相似,一旁的木纹台面也十足逼真。右图「股票」应用中的汇率走势一目了然。

举例 iTunes 中的三部电影,《科洛弗道 10 号》《危机 13 小时》《伦敦陷落》。注意,电源简介中的字体颜色会随海报的主体颜色变化。

🎙 Siri

来到 Siri 介绍。按住 Home 键约两秒即可唤醒 Siri,也可在屏幕亮起时,将手机听筒放至耳边,Siri 会被唤醒,但此时通过听筒发声。右图为 Siri 正对输入的内容反应中。

当你向 Siri 说明一个事件时,Siri 会迅速设定一个 Reminders,当你点击 Remove 时,之前的 Reminders 会被像护照一类的印章,将 CANCELED「盖在上面」,十足逼真。

Calender 事项的设定也大致如此,仔细看,Calender 此时的边缘是一组组「锯齿」,就像现实生活中活撕下来的日历页张。

除此之外,Siri 可设定闹钟,或者查找附近的餐馆。当查找附近的餐馆时,会出现像极了美剧里中餐馆的菜单样式。

当你问及电影时,Siri 会在 Rotten Tomatoes(烂番茄,美国著名影评网站)上搜寻,以 The Grand Budapest Hotel 为例,右图显示了电影的烂番茄新鲜度和电影简介。

对着 Siri 说「NBA」或「NFL(National Football League,国家橄榄球联盟)」,Siri 会显示最近的比赛。结果展现的,就像是现实球场上方显示分数的 LED 屏幕。

看完以上部分,或许多少唤起了当年你手中那台小小的 iPhone 4S 的些许回忆,或许使你感慨 iPhone 更新换代之快,你有一些对拟物化、乔布斯时代的苹果、小尺寸屏幕手机的看法和意见吗?欢迎在下方评论区与大家讨论分享。

关注少数派回复关键词,看更多精选文章 📱

iOS限免摄影WindowsApp壁纸音乐

ChromeAndroid小工具生活方式iPhone X游戏

登录查看更多
0

相关内容

拟物,或称拟物化,或叫现实主义(realism)。是一种 GUI 设计外观风格,常见在软件界面上模拟现实物品的纹理。其目标是使用户界面让用户更加熟悉亲和。降低使用的学习成本。 A skeuomorph, or skeuomorphism is a design element of a product that imitates design elements functionally necessary in the original product design, but which have become ornamental in the new design. Skeuomorphs may be deliberately employed to make the new look comfortably old and familiar. (via en.wikipedia.org/wiki/S )
【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
117+阅读 · 2020年5月10日
【CVPR2020-Facebook AI】前置不变表示的自监督学习
专知会员服务
46+阅读 · 2020年4月19日
【干货书】流畅Python,766页pdf,中英文版
专知会员服务
224+阅读 · 2020年3月22日
【经典书】Python计算机视觉编程,中文版,363页pdf
专知会员服务
139+阅读 · 2020年2月16日
【阿里巴巴】 AI编译器,AI Compiler @ Alibaba,21页ppt
专知会员服务
44+阅读 · 2019年12月22日
【书籍】深度学习框架:PyTorch入门与实践(附代码)
专知会员服务
163+阅读 · 2019年10月28日
7 款实用到哭的App,只说一遍
高效率工具搜罗
84+阅读 · 2019年4月30日
“黑客”入门学习之“windows系统漏洞详解”
安全优佳
8+阅读 · 2019年4月17日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
7 个从来没推荐过的App,用了让你变得更厉害
高效率工具搜罗
9+阅读 · 2019年2月18日
教你用Python来玩跳一跳
七月在线实验室
6+阅读 · 2018年1月2日
别@微信团队了,我用Python给自己戴上了圣诞帽!
有了场景和画像才懂用户
互联网er的早读课
6+阅读 · 2017年8月26日
Arxiv
21+阅读 · 2019年8月21日
Conditional BERT Contextual Augmentation
Arxiv
8+阅读 · 2018年12月17日
VIP会员
相关VIP内容
【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
117+阅读 · 2020年5月10日
【CVPR2020-Facebook AI】前置不变表示的自监督学习
专知会员服务
46+阅读 · 2020年4月19日
【干货书】流畅Python,766页pdf,中英文版
专知会员服务
224+阅读 · 2020年3月22日
【经典书】Python计算机视觉编程,中文版,363页pdf
专知会员服务
139+阅读 · 2020年2月16日
【阿里巴巴】 AI编译器,AI Compiler @ Alibaba,21页ppt
专知会员服务
44+阅读 · 2019年12月22日
【书籍】深度学习框架:PyTorch入门与实践(附代码)
专知会员服务
163+阅读 · 2019年10月28日
相关资讯
7 款实用到哭的App,只说一遍
高效率工具搜罗
84+阅读 · 2019年4月30日
“黑客”入门学习之“windows系统漏洞详解”
安全优佳
8+阅读 · 2019年4月17日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
7 个从来没推荐过的App,用了让你变得更厉害
高效率工具搜罗
9+阅读 · 2019年2月18日
教你用Python来玩跳一跳
七月在线实验室
6+阅读 · 2018年1月2日
别@微信团队了,我用Python给自己戴上了圣诞帽!
有了场景和画像才懂用户
互联网er的早读课
6+阅读 · 2017年8月26日
Top
微信扫码咨询专知VIP会员