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

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

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

 

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

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

1、連續(xù)性

我們在產(chǎn)品介紹頁可以看到，蘋果使用了大量的滾動 scroll 來體現(xiàn)連續(xù)性。

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

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

 

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

iPad Pro 的連續(xù)性
2、趣味性

另外，采用了大量的動畫式轉(zhuǎn)換（animated transition），即操作時展示的動態(tài)效果，以此來增加趣味性。

伴隨著豐富的、若隱顯現(xiàn)的章節(jié)文案，就像電影的旁白一樣，娓娓道來。

通過滾動的方式增加交互性，這是明智之舉。試想一下，如果只放置已渲染的演示視頻，那么用戶的操作會受到限制，只能在視頻中前進或后退，毫無樂趣可言。

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

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

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

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

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

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

iPad Air 是四分之三側(cè)面。

iPad 是正面。

iPad mini 是俯視。

如此一來，即顯得有序，也不會導(dǎo)致視覺疲勞。

2、設(shè)計語言

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

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