苹果ui设计是什么(Apple 的设计哲学:UI 篇)

Apple 的计划哲学:UI 篇

在上篇文章《Apple 的计划哲学 · 交互篇》中,我们谈到了 Apple 在交互层面创造的一系列愉悦体验。如今,我将持续分享苹果计划哲学的第二个局部「UI篇」。

通常,硬件的外表仅仅是作为一种体验的容器存在,而软件用户界面(User Interface)的体验,则决定了我们对否喜好这个装备。底下,就和各位看看 Apple 在界面方面做的积极。

一、高度一致的计划言语

苹果的计划言语有四个标志性特性:平滑圆角矩形 (Squircle)、暗影(Shadows)、半纯透(Translucency)和高斯含糊 (Blurring),它们几乎贯串整个体系。从原生使用:相册、App Store 使用市肆、音乐都有这些元素,并且高度一致。

AppStore 十年厘革

1. 圆角矩形

从 iOS 7 转型扁平化的今天,苹果完成了对「圆角矩形」的终极运用。苹果引入了产业计划中一连曲率看法,使用在圆角图标的表面之上。

圆角矩形

但真正意义上的运用,表如今 iPhone X 公布之后。得益于 OLED 柔性屏和 COP 封装,iPhone X 四边等宽的机身到达了最高的计划美学,屏幕的外表面也跟随机身外形,于是就有了圆角的 Dock。

蜗牛念书 App

在《致匠心,以计划》这本书中有提到蜗牛念书App,在大的弹窗和卡片引入了曲率圆角。固然这是一个很细节的计划,乃至感知不到。但它就是计划师不休寻求的东西。

2. 暗影、半纯透和高斯含糊

投影可以凸显内容的紧张性,半纯透和高斯含糊表现眼前有更多的内容,同时可以坚持界面轻盈、通透。

Apple MusiciOS 13版本

干系于 iOS 12,iOS 13 将半纯透的特性更进一步。除了迷你播放器之外,Apple Music 的底部导航菜单也变成半纯透 高斯含糊了。

仔细察看,微信相反认同这种言语,在顶栏和底栏做了单薄的半纯透和含糊。

相册iOS 13版本

而体系相册的更新,则一连了 App Store 使用市肆的卡片样式。至此,圆角、投影、半纯透和高斯含糊,这四个特性在相册界面皆取得了印证。

二、极致的图标细节

1. 语音备忘录

就拿语音备忘录来说,它的音轨图形并不是随意画出来的。而是用灌音功效,说出“Apple”这个单词,所展现的音轨波形

语音备忘录

GM游戏 更多