Web 設計中的蘋果風

優雅的設計貫串蘋果所有的產品,也包括網站,不僅蘋果自己的網站,世界上有無數模仿蘋果的網站設計,然而是什么構成了蘋果式網站設計風格?淺淡的配色,大面積留白,清晰統一的導航,雅致的圖標,還有,拒絕使用 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

21. Ware House App

22. PixelMator

23. SnowTape

24. Mac Themes

25. Small Transport

26. Tea Round

這是 iPhon 產品站點,雖然有些區別,但蘋果的東西是抹不掉的

27. Tap Bots

導航很蘋果

28. Agile Web Solutions

如果你點一下它的導航,會想起蘋果,雖然初看并不像

29. Araelium Group

30. Midnight Apps

31. Real Mac Software

32. Cocoa Dev Central

33. Potion Factory

這個設計中對 JS 的應用很美

34. Tao Effect

35. Task Mate

非常簡潔

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

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

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





評論
...
發表評論


用戶


評論(不超過1000字)


 1 + 3 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp