Web 設計中的蘋果風
作者: its
|
發布: 2010/3/22 (下午 02:37)
|
閱讀: 31843
|
評論: 0
|
靜態地址
|
內容源碼
優雅的設計貫串蘋果所有的產品,也包括網站,不僅蘋果自己的網站,世界上有無數模仿蘋果的網站設計,然而是什么構成了蘋果式網站設計風格?淺淡的配色,大面積留白,清晰統一的導航,雅致的圖標,還有,拒絕使用 Flash,本文分析了 Web 設計中蘋果風的構成元素,并提供了大量蘋果風 Web 設計案例供大家欣賞。
蘋果風構成元素
淺色系與微妙的漸變色

留白,留白

清晰明快的字體

產品圖片充滿美感

雅致的圖標

干凈整潔的網格布局

清晰,友好,一致的導航

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

小而清晰的字體

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

簡潔的指南

不使用 Flash

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





蘋果風 Web 設計欣賞之二:仿蘋果家族
這是一個非常受歡迎的 Mac 代碼編輯器

簡單就是美

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

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

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

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

很黑,但仍然很蘋果



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
















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

導航很蘋果


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





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


非常簡潔

























60. AppBodega

本文國際來源:http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/
中文編譯來源:銳商企業CMS 網站內容管理系統 官方網站
|