Case 09 | Imitate design: Tesla.com

Case 09 | Imitate design: Tesla.com

Tesla網站

nav bar和文字內容在圖片上,圖片當背景

button透明度都是80%的,能隱約透出下方圖片的顏色。在滾動過程中增加動感

🍺思考:

  1. 圖片精心選擇。藍色的天空作為上方放置文字的背景,公路和遠處的山,畫面具有簡潔的動感,延伸向遠方,給人科技感和動感。車頭的朝向是間隔著來的,比如Model S是右,則下一個Model Y是左
  2. button調整透明度為80%,形成background blur的效果。和整體的比較金屬質感的畫面顏色相融洽
  3. 首頁直接滾動下來展示所以車型,每種車型換一個背景圖和title。設計和代碼時保持簡潔和一致,減輕開發的難度
  4. 整體非常頁面非常clean又完全展示了user需要的內容,這種至簡的設計美學同時兼顧了實用性,非常值得好好研究

After imitate(Tesla的網站模仿是這幾天模仿各科技公司網站用時最少的一個,同時又讓我驚艷於Tesla的網站把所需要的功能全部表達出來了,高!)