中国设计网:Apple 的设计哲学·UI篇

设计资讯
发布日期
2020-04-05 14:21
发送

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

通常,硬件的外观仅仅是作为一种体验的容器存在,而软件用户界面(User Interface)的体验,则决定了我们是否喜欢这个设备。下面,就和大家看看 Apple 在界面方面做的努力。

01. 高度统一的设计语言

苹果的设计语言有四个标志性特征:平滑圆角矩形 (Squircle)、阴影 (Shadows)、半透明 (Translucency) 和高斯模糊 (Blurring),它们几乎贯穿整个系统。从原生应用:相册、App Store 应用商店、音乐都有这些元素,并且高度统一。
 

App Store 十年变化

- 圆角矩形

从 iOS 7 转型扁平化的今天,苹果完成了对「圆角矩形」的终极运用。苹果引入了工业设计中连续曲率概念,应用在圆角图标的轮廓之上。

圆角矩形

但真正意义上的运用,体现在 iPhone X 发布之后。得益于 OLED 柔性屏和 COP 封装,iPhone X 四边等宽的机身达到了最高的设计美学,屏幕的外轮廓也追随机身形态,于是就有了圆角的 Dock。

蜗牛读书 App

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

- 阴影、半透明和高斯模糊

投影可以凸显内容的重要性,半透明和高斯模糊暗示背后有更多的内容,同时可以保持界面轻盈、通透。

Apple Music iOS 13 版本
 

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

细心观察,微信同样认同这种语言,在顶栏和底栏做了微弱的半透明和模糊。

相册 iOS 13 版本

而系统相册的更新,则延续了 App Store 应用商店的卡片样式。至此,圆角、投影、半透明和高斯模糊,这四个特征在相册界面皆得到了印证。

02. 极致的图标细节

- 语音备忘录

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

语音备忘录 & Apple单词的音轨

而且,还有一个小细节是,语音备忘录是唯一支持180°竖屏旋转的自带应用。因为它常见的使用场景是采访,需要将手机底部的麦克风对着受访者,而这时图形界面是反的。所以支持旋转,这是一个基于用户使用场景的细节设计。

- 地图

在苹果地图 App 图标上有一个角标「280」,它代表的是苹果所在的总部位置,一条位于美国加州 280 州际公路附近。

苹果地图 App

另外,新的图标里,右上角露出了 Apple Park ,也就是我们熟知的飞船图形,这和实际的平面地图完全吻合。

苹果新总部位置

- Safari 浏览器

新的 Safari 图标,磁针的角度由原来的45°变成了50°。有一个颇有意思的解释是,地磁的北极在一直在持续向北移动,在过去的150年里偏移超过1000公里。这个说法显然更具有故事性,但事实并非如此。因为磁极向北,那么磁针角度应该越来越小才对,而不是增大。 

Safari 浏览器


实际上,45° 改为 50° 是出于视觉上的修正。左边旧的图标,45°磁针刚覆盖的是短的刻度条,被俩长刻度条相夹,略显拥挤。而新的图标刚好相反,50°磁针相邻是短刻度,视觉上更具空间感和韵律感。

- 时钟

责编:春林
THE END

本文标题:中国设计网:Apple 的设计哲学·UI篇
本文链接:https://www.chinadesignw.com/sjzx/1125.html

相关热点

10月22-23日,第28届中国(深圳)国际礼品及家居用品展览会(秋季展)即将在深圳国际会展中心举办,作为最具影响力的礼业顶级盛会,本届展会携手产业上下游4000+展商继续逐浪前行、斩获...
设计资讯/ 2020-09-11
聚焦设计价值 深耕设计师生态圈 躺平设计家平台拥有超1000万全球注册设计师,遍布200多个国家与地区,并与全球5万个商家建立了深度合作。 躺平设计家以免费、简单、高效的3D设计工...
设计资讯/ 2020-09-07
首届福佑文玩乐淘节今日开幕 上海福佑文玩城今天举行首届福佑文玩乐淘节开幕仪式。 本次文玩乐淘节邀请到了全国各地500多位文玩藏家齐聚福佑,并特设六场专业的主题活动:海上...
设计资讯/ 2020-09-03
9月1日是全省中小学开学的日子,江北设计小镇正式启用的金陵中学浦口分校迎来了首个开学日。 据了解,金陵中学浦口分校是江北设计小镇为提高教育水平和办学质量,新引进的公办...
设计资讯/ 2020-09-02
8月28日,同裳@东方 2020大浪杯中国女装设计大赛暨十周年颁奖盛典在深圳大浪时尚小镇盛大举行。星光璀璨,万众期待,最终18号选手杨岳凭借作品《拾荒者的乐趣》突出重围,一举夺...
设计资讯/ 2020-09-01
以升级住房消费健康绿色建筑为主题的第十六届国际绿色建筑与建筑节能大会暨新技术与产品博览会(以下称:绿建大会)2020年8月26至27日在苏州国际博览中心完美收官。2005年至今,绿建...
设计资讯/ 2020-09-01

相关推荐

3