起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識蘋果的設計為什么那么強？
編輯導語：蘋果能夠在眾多手機市場中脫穎而出，它靠的是什么吸引了我們？靠的是它的設計，無論是從外觀設計還是內部的技術設計，都有著它獨特的一面。作者就其設計進行了分析，總結了一些被我們忽略的設計細節，我們一起來看看吧。
蘋果的設計不僅運用了新的技術，同時在設計創新上、設計包容性上都有很值得設計師學習的地方，無論設計還是商業上都是很多公司的最佳參考，今天來看看蘋果那些被我們忽略的設計細節。
一、會講故事
比如在介紹iPad的時候，會從很多場景出發。每個場景都是你日常創造的時刻，比如繪畫等場景。
這樣有創意的場景，能讓你在數字環境下，感受到科技帶來的魅力。
在介紹iPad繪畫的時候，通過一直筆的滑動效果，繪制出一條線，然后描繪出一幅美麗的插畫。插畫的設計也非常的美麗。
讓你能感受到科技帶來的魅力，能讓你隨時隨地進行設計創造。通過這樣講故事的設計，帶入感的場景也彰顯了蘋果致力于為每個藝術家創造工具的使命。
蘋果產品介紹的頁面，不會很赤裸裸賣產品、賣參數，而是結合很多場景去講故事，去描述生活中的場景，讓你感知到科技帶來的生活改變。
在蘋果安全頁面，蘋果會根據你平時使用產品安全場景出發，來告訴你蘋果是如何保護你的安全隱私數據。
蘋果會根據你平時使用場景，通過動畫的方式去講解你平時會出現隱私的問題，然后告訴你解決方式，讓你對蘋果的安全問題非常信賴。
二、卡片彈窗的運用
蘋果最新的iOS14中，主屏幕上有很多的小組件，通過這些小組件你能更好的了解信息內容。
蘋果目前都在推崇這種小組件的運用方式。因為隨著內容信息越來越多，有效獲取信息非常重要。
如果你要顯示更多內容，展示更多的文字，這種提示卡片就能很輕松的將每個功能單獨展示出來。讓用戶看起來更加直觀和清晰。
蘋果在官方設計中，也運用了大量的提示卡信息設計，通過點擊提示卡能查看更詳細的信息，通過這樣的交互方式，用戶可以清晰地理解每個產品模塊的詳細內容。
提示卡片能很好地解決文字信息內容過多，用戶閱讀困難問題，通過點擊右下角的+號，能展示出這個功能詳細說明，每個卡?的內容?常詳細。
▲打開卡片之前
通過巧妙的彈窗設計，讓用戶清晰的感知內容。也更能體現出蘋果設計的官方感，和極致體驗。
▲打開卡片之后
同時彈窗效果還支持模糊效果，蘋果官網對彈窗的圖形模糊效果，像在手機上體驗一樣極致。
提示彈窗效果應該是未來的一大趨勢，他能很好的解決頁面過長的問題，通過卡片設計能讓每個卡片模塊單獨的展示，而不用增加新的頁面。如果今天你在設計一個網站，不妨考慮下試試這種效果。
三、走心的文案
如果說杜蕾斯的文案是“文案鬼才”，那么蘋果的文案就是“走心鬼才”，蘋果的文案通常很短，短而強大。
在很多科技網站里面。你可能看見的很多產品都在強調自己多厲害的技術，跑分領先了多少。
但是蘋果很少這樣去寫，他們一般用一個非常修飾性的短語，比如iPad的文案「下一臺電腦何必是電腦」以及「健康的未來，現在戴上」等等。出來后就是一個經典的流行語。
同時蘋果的文案會根據每個國家的特點進行再設計，而不是簡單粗暴的直接翻譯，這也是蘋果設計走心的地方。
四、響應式設計
蘋果的響應式設計也是教科書一樣的存在，無論你在什么設備下打開蘋果??，都會根據你的設備進??適應設計。
iPad的場景是1024X768，會根據這個寬度自動撐滿整個屏幕設計。
iPhone的情況下，會對菜單進行折疊處理，符合移動端的使用情況，同時和PC體驗也保持一致。
在iPhone界面的設計，在PC上能完整的看見各個類型的蘋果手機介紹，非常全面！
在手機上會進行功能導航滑動展示，最大程度上保留了PC上操作習慣，也比較符合用戶心智。
對于文本的處理，PC上通過左右結構進行處理，一目了然能看全所有信息。
移動端因為屏幕比較小，所以采用上下結構排列，符合移動端用戶操作習慣。
PC端圖文排列方式，左文右圖，在移動端就變成了上圖下文。
作為全球最大的電商官網，蘋果的每一處細節都是用心推敲的，并且高度統一體驗一致。
五、通過字重建立層級
字體的設計的基礎，特別在WEB端字體的顯示，是一個非常棘手的設計問題，但是蘋果好像解決了這個問題，它在全球每個國家使用SF字體都是特別的統一。
蘋果的字體一般采用大的粗體設計，大的粗體基本是在頁面每一個地方，但是蘋果大而粗的字體不會覺得簡陋或者粗糙。因為它運用了對比。
蘋果粗的字體會搭配小的字體，并且字重也是正常的，這樣會形成鮮明的對比。同時大的字體，也會配上超清大圖，以及局部放大的圖片，通過這樣的巧妙設計，你不會覺得設計粗糙，反而給人一種大氣奔放的感受。
這樣的設計，你一眼就看見了標題以及副標題的設計，非常清晰可見。
蘋果的文字設計，沒有太多華麗的技巧，就是簡單的通過字體大小，字重對比，有序的排列讓內容信息結構井井有條。
蘋果今年也開始嘗試用黑色和灰色搭配，來強調層次，這是蘋果今年的一個新的嘗試。這種設計也逐步演變成設計行業的一個趨勢。
在參數設計的地方，也是采用了類似處理方式，通過文字深淺對比，來突出設計層級和參數。
六、最后
雖然現在我們都是移動端設計為主，使用PC的場景降低了很多，但是網站是我們日常工作中經常使用的場景。
這也是互聯網開啟的大門，網站的設計比移動端空間更大，蘋果的每一次官網的更新，都是技術成熟的體驗，以及新的革命開始，到時候我們一起來迎接蘋果帶給我們新的開始。
#專欄作家#
Sky，微信公眾號：我們的設計日記（ID：helloskys），人人都是產品經理專欄作家。原支付寶體驗設計專家，阿里巴巴天貓設計專家；10年知名互聯網公司設計經驗，對于產品從0到1、品牌定位、金融產品、設計規范、運營規范、大促等有豐富實戰經驗。
本文原創發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自?Unsplash，基于 CC0 協議
不得不說蘋果的各種設計真的很戳人！！時代潮流yyds了就是說！咱就是說，一整個大操作了。
蘋果的UI還是不錯的，工業設計一直在后退，剩下的，一塌糊涂，尤其是系統。
可是蘋果的外觀越來越不如以前美
12不好看么