對于每個設(shè)計師而言，蘋果設(shè)計是最好的參考，無論界面還是文案都是值得大家學(xué)習(xí)的地方，今天我們一起來學(xué)習(xí)下蘋果的設(shè)計美學(xué)，看看蘋果的設(shè)計是如何引領(lǐng)全行業(yè)的設(shè)計，到底好在什么地方？
▲在蘋果官網(wǎng)中有一個運用比較多的效果，就是滾動效果+視差，比如在滾動的時候會顯示一系列的圖形，甚至視頻，每次滾動都會發(fā)生不一樣的變化。
▲這種交互方式叫滾動視差，蘋果經(jīng)常使用這種方式展示產(chǎn)品，每次滾動變化都不一樣，這樣設(shè)計好處是內(nèi)容很多，但是瀏覽起來并不會覺得很疲憊，更不會覺得無聊?？赐赀€有有意猶未盡的感覺。
▲在Airpods這款產(chǎn)品中，這個滾動視差效果運用的更加的極致和大膽，整個耳機的展示完全動態(tài)化呈現(xiàn)，讓你仿佛可以摸到耳機的做工細(xì)節(jié)。
▲最厲害的地方是滾動效果運用在人物身上，從黑色背景過度到白色背景，在黑色背景下會更關(guān)注耳機本身，過度到白色時候效果也很自然，整個滾動效果，就像你拿著一個攝像機對著模特拍攝一樣，非常身臨其境。
▲整個滾動視差效果，將產(chǎn)品的每一個細(xì)節(jié)呈現(xiàn)在用戶面前，雖然很多廠家都是模仿蘋果這個效果，但是流暢感和細(xì)膩都還不如蘋果精致，有興趣的同學(xué)可以去蘋果官網(wǎng)多多體驗。
▲iPad的新款頁面也是如此，iPad以一個180度的側(cè)面角度逐步的轉(zhuǎn)成正面呈現(xiàn)在用戶眼前。
▲然后Pencil這支筆緩緩的出來，慢慢從黑色，隨著筆觸出來，就像看一場大片一樣。所以如果今天你們做一個產(chǎn)品網(wǎng)站，如果想讓人印象深刻，不如可以嘗試下這種技術(shù)。
PC和手機不同，屏幕足夠的大，因此你可以選擇非常高清有調(diào)性的圖片來烘托你的產(chǎn)品。清晰的圖片能讓你感覺到整個產(chǎn)品的質(zhì)感，給人留下非常強的印象。
▲清晰到人物臉上一個斑點，手上的一個細(xì)紋，都很好的展示在你面前，這種高清的大圖為產(chǎn)品增添了很多光彩，體現(xiàn)了屏幕的高分辨率。
▲蘋果的圖片選擇，非常強調(diào)環(huán)境和人物狀態(tài)，需要體現(xiàn)出蘋果對自然環(huán)保意識，體現(xiàn)出蘋果的價值觀，科技讓人們生活更加美好。
▲同時還會關(guān)愛殘疾人士，會考慮這些用戶的使用感受，這樣的設(shè)計讓我印象非常深刻。
▲蘋果的產(chǎn)品照片不僅很漂亮，很清晰，同時使用場景明確，不是為了放而放，比如這個視頻，為了凸顯拍攝和剪輯很高清，支持4K視頻以及超廣角攝像頭取景范圍。
▲這個照片則是凸顯蘋果的全新超廣角攝像頭，你可以捕捉一望無際的壯麗風(fēng)景，也可以在和全家人外出度假時，拍張一家老小和所在美景同框的全家福。
▲在人物的選擇上，蘋果很好的選擇了符合蘋果的基調(diào)。同時如果文字放在圖片上，蘋果會處理圖片四周的環(huán)境，使得中心的位置更清晰。將用戶的視覺注意力引導(dǎo)到文字上面。
▲并且照片和文字很好的融為一體，比如上圖，將背景虛化處理，只把人物的臉變的更清晰。很好的和文字「人像，好上相」融為了一體。
▲同時蘋果的照片會重復(fù)考慮不同膚色人群，模特的選擇會考慮全球各個地區(qū)的特點。同時人都是充滿了活力和朝氣。
▲蘋果的官網(wǎng)因為經(jīng)常更新產(chǎn)品，所以為了保證產(chǎn)品上新的靈活性，采用比較簡單的上圖下文的布局，這樣的布局好處是當(dāng)你發(fā)布新產(chǎn)品時候能快速響應(yīng)。
▲蘋果產(chǎn)品頁面的布局分割非常清晰，模塊感非常強，要么通過色彩進(jìn)行分割，要么通過大的留白來區(qū)分產(chǎn)品。
▲基本不會出現(xiàn)非常復(fù)雜的布局，都是采用上圖下文，或者左圖右文，右圖左文的方式。
▲在蘋果WWDC的頁面設(shè)計中，每當(dāng)你刷新這個頁面展示的emoji表情都會不一樣。
▲包括電腦后面的貼紙都會有變化，蘋果將這種設(shè)計細(xì)節(jié)運用到了很多產(chǎn)品設(shè)計，比如iPhone上的時鐘會動態(tài)變化。日期也會變化等等。
▲還有動態(tài)的效果，比如air發(fā)布時候的海報設(shè)計，動態(tài)的LOGO以及蘋果pencil的筆觸效果，這些感動的細(xì)節(jié)，都體現(xiàn)著蘋果對于設(shè)計的追求。
▲包括每次發(fā)布會的海報，都隱藏著蘋果發(fā)布產(chǎn)品的幾大奧秘，比如這個海報，有媒體說代表著蘋果會發(fā)布4款iPhone屏幕一個比一個大。
▲發(fā)布會海報，通過這種動態(tài)的LOGO推出了新款的iPad產(chǎn)品和海報隱喻的非常到位。
▲蘋果的歷屆發(fā)布會，都是很花心思在設(shè)計里面，巧妙的將創(chuàng)意和產(chǎn)品進(jìn)行結(jié)合。
▲蘋果的產(chǎn)品介紹，因為有大量的文字，很容易讓用戶忽略掉重點信息，所以蘋果在設(shè)計時候，經(jīng)常使用可視化表達(dá)方式，將重點的信息通過圖形，或者信息可視化圖標(biāo)表達(dá)，讓用戶更好的感知到產(chǎn)品關(guān)鍵參數(shù)。
▲同時蘋果會使用比較字重粗切大的字體，這樣也蠻對比會更加強烈。
▲同時很多頁面會采用這種圖表，對比的方式去排版，這種大膽的設(shè)計也讓用戶更好的與舊產(chǎn)品進(jìn)行對比，更好做設(shè)計決策。
▲這種可視化的設(shè)計，讓頁面展示清晰的同時，也能增加用戶購買的轉(zhuǎn)化。
▲同時圖形化的表達(dá)，也比文字能更好的傳遞內(nèi)容信息本身。再結(jié)合蘋果恰到好處的圖片，你會覺得整個產(chǎn)品充滿了魅力。
蘋果在官網(wǎng)的投資資源是巨大的，蘋果官網(wǎng)也是全世界最大的電商網(wǎng)站。他的訪問速度和效果也是全世界最流暢的，即使是這么多國家的支持，他們也可以做到千人前面精細(xì)化的管理。可以說是互聯(lián)網(wǎng)「網(wǎng)頁教科書」的存在。如果你也做網(wǎng)頁，沒有靈感一定要多去刷刷蘋果的網(wǎng)站。
