一探Apple官網的網頁設計哲學 | 化學工廠資訊網
![一探Apple官網的網頁設計哲學](https://i.imgur.com/lO00bdM.jpg)
2020年6月20日—每當有新產品釋出時,我們都會被它的Landingpage所吸引。不管是AirPodsPro也好,和前段時間釋出的iPadPro也一樣。這背後 ...
![一探Apple官網的網頁設計哲學](https://i.imgur.com/lO00bdM.jpg)
前言:說起Apple的官網,即使沒有使用蘋果的電子產品,我想很多設計師也進去了解過,他們不一定是去買產品,而是去找設計靈感!Apple的官網估計有不少網站已經在模仿,然而它的設計精髓真的那麼容易複製嗎?來看看今天為你分享的文章:一探Apple官網的網頁設計哲學,看看它到底有何魅力!
Apple 致力於讓每件產品都賞心悅目,與其說官網是產品展示平臺,倒不如說它是蘋果產品分支的延續。
我相信,從 Apple.com 找設計靈感是每一位設計師都做過的事。那它到底有何魅力?跟我來一探究竟吧。
一、沉浸與互動式體驗
每當有新產品釋出時,我們都會被它的 Landing page 所吸引。不管是 AirPods Pro 也好,和前段時間釋出的 iPad Pro 也一樣。
這背後是 Apple 基於 webGL 技術,創造的一種沉浸與互動式產品體驗。
1. 連續性
我們在產品介紹頁可以看到,蘋果使用了大量的滾動 scroll 來體現連續性。
一方面,滾動作為大多數 Web 使用者最自然的操作,學習成本極低。
另一方面,在冗長的頁面下,滾動能讓產品特性保持更自然的轉場銜接。
iPad Pro 的連續性
2. 趣味性
另外,採用了大量的 動畫式轉換 (animated transition),即操作時展示的動態效果,以此來增加趣味性。
伴隨著豐富的、若隱顯現的章節文案,就像電影的旁白一樣,娓娓道來。
通過滾動的方式增加互動性,這是明智之舉。試想一下,如果只放置已渲染的演示視訊,那麼使用者的操作會受到限制,只能在視訊中前進或後退,毫無樂趣可言。
AirPod...
一探Apple官網的網頁設計哲學 | 化學工廠資訊網
向Apple 學習網頁設計.15個網頁設計及企劃的技巧 | 化學工廠資訊網
網站架設公司 | 化學工廠資訊網
蘋果網頁設計 | 化學工廠資訊網
蘋果網頁設計 | 化學工廠資訊網
蘋果網頁設計-關鍵字優化 | 化學工廠資訊網
蘋果網頁設計 | 化學工廠資訊網
蘋果花23年打造的極致官網美學,如何超越對手 | 化學工廠資訊網
![](https://i.imgur.com/lO00bdM.jpg)
【新北市】聯禮科技有限公司
新北市化工廠有哪些?本篇為大家整理位於三重區自由街39巷6號4樓的「聯禮科技有限公司」相關資訊,用列表的方式整理給大家:...
![](https://i.imgur.com/lO00bdM.jpg)
【高雄市】品攸有限公司
高雄市化工廠有哪些?本篇為大家整理位於苓雅區武義街80號1樓的「品攸有限公司」相關資訊,用列表的方式整理給大家:化工廠...
![](https://i.imgur.com/lO00bdM.jpg)
【桃園市】洋廣有限公司
桃園市化工廠有哪些?本篇為大家整理位於八德區陸光里陸光街59號5樓的「洋廣有限公司」相關資訊,用列表的方式整理給大家:...
![](https://i.imgur.com/lO00bdM.jpg)
【高雄市】上翼國際有限公司
高雄市化工廠有哪些?本篇為大家整理位於燕巢區安林一街8號的「上翼國際有限公司」相關資訊,用列表的方式整理給大家:化工...
![](https://i.imgur.com/lO00bdM.jpg)
【臺中市】宏利國際企業有限公司
臺中市化工廠有哪些?本篇為大家整理位於西屯區惠來里惠來路一段70之2號的「宏利國際企業有限公司」相關資訊,用列表的方式...