Apple 的設計哲學(xué)發(fā)布者：本站     時(shí)間：2020-05-31 11:05:52

Apple 致力于讓每件產(chǎn)品都賞心悅目，與其說(shuō)官網(wǎng)是產(chǎn)品展示平臺，倒不如說(shuō)它是蘋(píng)果產(chǎn)品分支的延續。

我相信，從 Apple.com 找設計靈感是每一位設計師都做過(guò)的事。那它到底有何魅力？跟我來(lái)一探究竟吧。

 

一、沉浸與交互式體驗
每當有新產(chǎn)品發(fā)布時(shí)，我們都會(huì )被它的 Landing page 所吸引。不管是 AirPods Pro 也好，和前段時(shí)間發(fā)布的  iPad Pro 也一樣。

這背后是 Apple 基于 webGL 技術(shù)，創(chuàng )造的一種沉浸與交互式產(chǎn)品體驗。

1、連續性

我們在產(chǎn)品介紹頁(yè)可以看到，蘋(píng)果使用了大量的滾動(dòng) scroll 來(lái)體現連續性。

一方面，滾動(dòng)作為大多數 Web 用戶(hù)最自然的操作，學(xué)習成本極低。

另一方面，在冗長(cháng)的頁(yè)面下，滾動(dòng)能讓產(chǎn)品特性保持更自然的轉場(chǎng)銜接。

 

Apple 的設計哲學(xué)·網(wǎng)頁(yè)篇

iPad Pro 的連續性
2、趣味性

另外，采用了大量的動(dòng)畫(huà)式轉換（animated transition），即操作時(shí)展示的動(dòng)態(tài)效果，以此來(lái)增加趣味性。

伴隨著(zhù)豐富的、若隱顯現的章節文案，就像電影的旁白一樣，娓娓道來(lái)。

通過(guò)滾動(dòng)的方式增加交互性，這是明智之舉。試想一下，如果只放置已渲染的演示視頻，那么用戶(hù)的操作會(huì )受到限制，只能在視頻中前進(jìn)或后退，毫無(wú)樂(lè )趣可言。

Apple 的設計哲學(xué)·網(wǎng)頁(yè)篇

AirPods 的趣味性
二、言之有序
1、秩序感

說(shuō)到言之有序，我們看 iPad 的頁(yè)面介紹。四款產(chǎn)品，分別是：iPad Pro、iPad Air、iPad、iPad mini。

拍攝角度的秩序感，可謂妙不可言。

Apple 的設計哲學(xué)·網(wǎng)頁(yè)篇

iPad 的秩序感
iPad Pro 的拍攝角度接近于正側面。

iPad Air 是四分之三側面。

iPad 是正面。

iPad mini 是俯視。

如此一來(lái)，即顯得有序，也不會(huì )導致視覺(jué)疲勞。

2、設計語(yǔ)言

其次，官網(wǎng)與 iOS 保持協(xié)同的設計語(yǔ)言，給用戶(hù)呈現了一致的感官體驗。

從 iOS 11 開(kāi)始，蘋(píng)果就采用了 Large Title 大標題的字體風(fēng)格。字重也從 Regular + Light 的組合，轉向的 Medium + Bold ，以此增強信息傳播中的識別力。