中文編譯來源:銳商企業CMS 網站內容管理系統官方網站

優雅的設計貫串蘋果所有的產品,也包括網站,不僅蘋果自己的網站,世界上有無數模仿蘋果的網站設計,然而是什麼構成了蘋果式網站設計風格?淺淡的配色,大面積留白,清晰統一的導航,雅緻的圖標,還有,拒絕使用Flash,本文分析了Web設計中蘋果風的構成元素,並提供了大量蘋果風Web設計案例供大家欣賞。

蘋果風構成元素:淺色系與微妙的漸變色

留白,留白

清晰明快的字體

產品圖片充滿美感

雅緻的圖標

乾淨整潔的網格布局

清晰,友好,一致的導航

產品功能的介紹結合非常出色的圖片,視頻

小而清晰的字體

靠明顯的對比效果引起注意

簡潔的指南

不使用 Flash

蘋果風 Web 設計欣賞之一:蘋果家族 Apple Developer

Apple Store

Apple Mac

Apple iPhone

Apple Support

蘋果風 Web 設計欣賞之二:仿蘋果家族 1. Panic Coda

這是一個非常受歡迎的 Mac 代碼編輯器

2. AteBits

簡單就是美

3. Cultured Code

漂亮的圖標貫串始終,對內容的組織很有效

4. Mac Rabbit

灰白色系黑漸變,雅緻的圖標

5. Twelve South

非常漂亮的產品圖片,蘋果產品圖片

6. Metalabs

雖然表面上不是很蘋果,但骨子里。BTW,這就是據說被 Mozilla 的一款產品的 UI 所抄襲的設計 (譯者注)

7. Version App

很黑,但仍然很蘋果

8. IconDock

9. Acrylic Apps

10. Billings App

深得蘋果精髓的設計,大產品圖 + 灰白藍色系 + 大小對比強烈的字體

11. Postage

12. Bohemian Coding

13. Checkout App

14. Nprinting

15. PostBox Inc

16. Symphony CMS

17. Invoice Machine

18. Icon Designer

19. Transmission Apps

20. 280 Slides

本文國際來源:http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/