重新設計 Chrome

簡評:作者是 Chrome 團隊的核心 UI 設計師,在文中記錄下了這兩年來 Chrome 設計演進的過程,乾貨滿滿, 來看看最好的設計師們是怎麼工作的吧。: )

9 月初,Chrome 53(又叫 Chrome MD)推送給了 Windows 用戶,為什麼要叫 Chrome MD 呢,其實就是 Chrome for Material design 的意思(Google 現在還真是所有自家產品都要用上 Material design 啊 = =)。

Windows 是 Google Chrome MD 計劃的最後一步,因為之前 Linux 和 Chrome OS 上的 Chrome 51,macOS 上的 Chrome 52 已經相繼使用了 Material design 的設計語言(但還是略有區別),這個計劃其實已經進行將近 2 年。所以,作者覺得有必要在最後做一個回顧,希望其中的一些細節和經驗能對你有用。: )

作者在文中談到的:

  • 如何適應不斷增加的設備類別。2014 年 Apple 發布的 Yosemite,在 UI 風格上統一了 macOS 和 iOS7,Google 方面也推出了 Android 6.0 並推薦 Material design,而 Windows 上也有 "Modern UI",面對越來越多的設備類型和設計理念,Chrome redesign 計劃開始了。
  • The Hybrid layout type。為了讓不同平台上的 Chrome 表現盡量一致,Chrome 團隊想要跨平台共享儘可能多的設計資源。

  • General layout and UI footprint。這一部分作者說明了他們是如何確定不同 UI 元素的尺寸大小的和對 Icon 的設計理念。

  • 顏色和無障礙設計。

  • 動畫設計。

...,乾貨實在太多,推薦大家都看看原文。

最後還是來看看作者自己的總結吧:

  1. 工程師也是偉大的設計師。不要去反問「工程師也要參與設計?」,一個好的項目是工程師和設計師共同完成的,工程師是把你的設計編程現實的人,或者說他們其實是產品的第一批用戶。在項目中,作者的很多假設都被工程師們推翻了 = = ,但作者不覺得這是壞事,反而使得作者在例如動畫設計、渲染效果等等方面思考得更深,順帶還學習了很多程序方面的知識。
  2. 早期就讓工程師參與進來。在 Chrome 的設計中工程師的早期參與是非常重要的,他們從工程角度提供了很多寶貴的意見。保持不斷的溝通是正確設計的關鍵。
  3. Know when to be precise, learn when to be loose。進行精細的設計是非常重要的 ,但有時放任自己的藝術思緒自由飛翔能將你的設計帶到一個更高的層次。

  4. 不要拒絕改變。要重新設計一款成熟的產品總是要面對很多困難,何況還是像 Chrome 這樣一款世界範圍內成功的成熟產品。在 Chrome 的重新設計中,有時候只是增加幾個像素都會引發討論,但如果你對你的設計有足夠的信心,你就應該堅持己見。

  5. 管理期望。在設計完成並發布之後,他們得到最心酸的一個反饋是 "Thats it?",但作者覺得這或許是一個公平的反饋,這場重新設計並不是場視覺革命,能讓人馬上眼前一亮。正如冰山其實大部分都在海面之下一樣,Chrome 的設計師團隊做了很多努力,甚至用戶在不知不覺中覺得圖標本來就應該這麼放,或許這才是最牛逼的。

作者在文章最後還列出了一些 Chrome 設計師團隊成員的 twitter,大家感興趣的可以去關注一下。: )

原文:Redesigning Chrome desktop

推薦閱讀:

以下兩種側邊欄哪一種符合Material Design?哪種更加優秀?
「教程乾貨」- 這是一個夠你玩半年的 Sketch 教程 嵌套 Symbol 的高級玩法
當設計師遇到一個難以拒絕的需求...
從Instagram設計大迭代,看UGC產品的設計哲學
由關注按鈕想到的

TAG:GoogleChrome | 用户界面设计 | 设计师 |