Apple 的設(shè)計(jì)哲學(xué)發(fā)布者:本站 時(shí)間:2020-05-31 11:05:52
Apple 致力于讓每件產(chǎn)品都賞心悅目,與其說(shuō)官網(wǎng)是產(chǎn)品展示平臺(tái),倒不如說(shuō)它是蘋(píng)果產(chǎn)品分支的延續(xù)。
我相信,從 Apple.com 找設(shè)計(jì)靈感是每一位設(shè)計(jì)師都做過(guò)的事。那它到底有何魅力?跟我來(lái)一探究竟吧。
一、沉浸與交互式體驗(yàn)
每當(dāng)有新產(chǎn)品發(fā)布時(shí),我們都會(huì)被它的 Landing page 所吸引。不管是 AirPods Pro 也好,和前段時(shí)間發(fā)布的 iPad Pro 也一樣。
這背后是 Apple 基于 webGL 技術(shù),創(chuàng)造的一種沉浸與交互式產(chǎn)品體驗(yàn)。
1、連續(xù)性
我們?cè)诋a(chǎn)品介紹頁(yè)可以看到,蘋(píng)果使用了大量的滾動(dòng) scroll 來(lái)體現(xiàn)連續(xù)性。
一方面,滾動(dòng)作為大多數(shù) Web 用戶(hù)最自然的操作,學(xué)習(xí)成本極低。
另一方面,在冗長(zhǎng)的頁(yè)面下,滾動(dòng)能讓產(chǎn)品特性保持更自然的轉(zhuǎn)場(chǎng)銜接。
Apple 的設(shè)計(jì)哲學(xué)·網(wǎng)頁(yè)篇
iPad Pro 的連續(xù)性
2、趣味性
另外,采用了大量的動(dòng)畫(huà)式轉(zhuǎn)換(animated transition),即操作時(shí)展示的動(dòng)態(tài)效果,以此來(lái)增加趣味性。
伴隨著豐富的、若隱顯現(xiàn)的章節(jié)文案,就像電影的旁白一樣,娓娓道來(lái)。
通過(guò)滾動(dòng)的方式增加交互性,這是明智之舉。試想一下,如果只放置已渲染的演示視頻,那么用戶(hù)的操作會(huì)受到限制,只能在視頻中前進(jìn)或后退,毫無(wú)樂(lè)趣可言。
Apple 的設(shè)計(jì)哲學(xué)·網(wǎng)頁(yè)篇
AirPods 的趣味性
二、言之有序
1、秩序感
說(shuō)到言之有序,我們看 iPad 的頁(yè)面介紹。四款產(chǎn)品,分別是:iPad Pro、iPad Air、iPad、iPad mini。
拍攝角度的秩序感,可謂妙不可言。
Apple 的設(shè)計(jì)哲學(xué)·網(wǎng)頁(yè)篇
iPad 的秩序感
iPad Pro 的拍攝角度接近于正側(cè)面。
iPad Air 是四分之三側(cè)面。
iPad 是正面。
iPad mini 是俯視。
如此一來(lái),即顯得有序,也不會(huì)導(dǎo)致視覺(jué)疲勞。
2、設(shè)計(jì)語(yǔ)言
其次,官網(wǎng)與 iOS 保持協(xié)同的設(shè)計(jì)語(yǔ)言,給用戶(hù)呈現(xiàn)了一致的感官體驗(yàn)。
從 iOS 11 開(kāi)始,蘋(píng)果就采用了 Large Title 大標(biāo)題的字體風(fēng)格。字重也從 Regular + Light 的組合,轉(zhuǎn)向的 Medium + Bold ,以此增強(qiáng)信息傳播中的識(shí)別力。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過(guò)
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話(huà):021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開(kāi)發(fā)