優(yōu)雅的設(shè)計(jì)貫串蘋果所有的產(chǎn)品，也包括網(wǎng)站，不僅蘋果自己的網(wǎng)站，世界上有無數(shù)模仿蘋果的網(wǎng)站設(shè)計(jì)，然而是什么構(gòu)成了蘋果式網(wǎng)站設(shè)計(jì)風(fēng)格？淺淡的配 色，大面積留白，清晰統(tǒng)一的導(dǎo)航，雅致的圖標(biāo)，還有，拒絕使用 Flash，本文分析了 Web 設(shè)計(jì)中蘋果風(fēng)的構(gòu)成元素，并提供了大量蘋果風(fēng) Web 設(shè)計(jì)案例供大家欣賞。

蘋果風(fēng)構(gòu)成元素

淺色系與微妙的漸變色

留白，留白

清晰明快的字體

產(chǎn)品圖片充滿美感

雅致的圖標(biāo)

干凈整潔的網(wǎng)格布局

清晰，友好，一致的導(dǎo)航

產(chǎn)品功能的介紹結(jié)合非常出色的圖片，視頻

小而清晰的字體

靠明顯的對(duì)比效果引起注意

簡(jiǎn)潔的指南

不使用 Flash

蘋果風(fēng) Web 設(shè)計(jì)欣賞之一：蘋果家族

Apple Developer

Apple Store

Apple Mac

Apple iPhone

Apple Support

蘋果風(fēng) Web 設(shè)計(jì)欣賞之二：仿蘋果家族

1. Panic Coda

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

2. AteBits

簡(jiǎn)單就是美

3. Cultured Code

漂亮的圖標(biāo)貫串始終，對(duì)內(nèi)容的組織很有效

4. Mac Rabbit

灰白色系黑漸變，雅致的圖標(biāo)

5. Twelve South

非常漂亮的產(chǎn)品圖片，蘋果產(chǎn)品圖片

6. Metalabs

雖然表面上不是很蘋果，但骨子里。BTW，這就是據(jù)說被 Mozilla 的一款產(chǎn)品的 UI 所抄襲的設(shè)計(jì) （譯者注）

7. Version App

很黑，但仍然很蘋果

8. IconDock

9. Acrylic Apps

10. Billings App

深得蘋果精髓的設(shè)計(jì)，大產(chǎn)品圖 + 灰白藍(lán)色系 + 大小對(duì)比強(qiáng)烈的字體

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

21. Ware House App

22. PixelMator

23. SnowTape

24. Mac Themes

25. Small Transport

26. Tea Round

這是 iPhon 產(chǎn)品站點(diǎn)，雖然有些區(qū)別，但蘋果的東西是抹不掉的

27. Tap Bots

導(dǎo)航很蘋果

28. Agile Web Solutions

如果你點(diǎn)一下它的導(dǎo)航，會(huì)想起蘋果，雖然初看并不像

29. Araelium Group

30. Midnight Apps

31. Real Mac Software

32. Cocoa Dev Central

33. Potion Factory

這個(gè)設(shè)計(jì)中對(duì) JS 的應(yīng)用很美

34. Tao Effect

35. Task Mate

非常簡(jiǎn)潔

36. Vibealicious Notify 2

37. Sequel Pro

38. Tapulous

39. OrbiCule

40. Pzizz

41. Roo Switch

42. Mint

43. Stunt Software

44. Font Explorer X

45. Server Skine

46. Source Bits

47. Suki

48. Using Mac

49. App Zapper

50. Plex App

51. Machine Codex

52. Vuu Media

53. OmniGroup

54. Project Wizards

55. Acqualia

56. Zenna Ware

57. Busy Mac

58. Tim Van Damme

59. Cellar App

60. AppBodega

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

中文編譯來源：銳商企業(yè)CMS 網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站

轉(zhuǎn)載于:https://www.cnblogs.com/mytec/archive/2010/03/22/2140892.html

總結(jié)

以上是生活随笔為你收集整理的Web 设计中的苹果风的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。