Web 設計中的蘋果風

0 評論 7933 瀏覽 0 收藏 8 分鐘

中文編譯來源：銳商企業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/

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
旺旺旺旺旺仔
一直很尊重奶茶，沒去冰，沒少糖，沒少喝。
4320篇作品 34244647總閱讀量
05-172466 瀏覽
從北極星的墜落，看SaaS的潰敗
09-305390 瀏覽
無限類網站改進方案1.2
08-173578 瀏覽
“慢跑”10年，小紅書何時樹起商業化“大旗”？
02-036031 瀏覽
產品懂IPD有啥用？做企業級產品規劃？
03-213611 瀏覽
百度文心一言“出擊”，騰訊、阿里該如何應對？
評論
評論請登錄
  1. 目前還沒評論，等你發揮！