2011年7月18日星期一

Web設計中的蘋果風


http://www.inspirr.com


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



35公里

没有评论:

发表评论