Google 最近的設計風格變化是誰在負責?為什麼要這種全白的設計?

Google+ 和 Google Calendar 全白了,大家覺得用戶體驗好么?


Google最近的設計風格變化是誰在負責?

引用 Google Creative Lab 創意總監 Chris Wiggins 的話 [1]:

Google 今年夏天將進行全面改版,Google+ 和其它一些產品已經開始採用新的設計。關於此次改版詳情可見 Google 官方博客文章:http://googleblog.blogspot.com/2011/06/evolving-google-design-and-experience.html。此次改版設計團隊非常龐大,包括來自創意實驗室團隊的設計師和 UX 團隊很多頂尖的設計師。

前 Macintosh 設計藝術家 Andy Hertzfeld 是 Google+ 項目的首席設計師 [2][3],尤其是在他帶領下創作的 Circles 交互體驗應該是大部分用 Google+ 的人印象最深的。但他主要是完成 Google+ 這個項目的設計,尤其是 Circles 部分的設計。現在 Google UI 大規模全面的改版應該還是整個 Google 設計團隊在做。Andy Hertzfeld 自己也澄清了「關於一些人認為是他負責這次 Google 改版」的說法:https://plus.google.com/117840649766034848455/posts/FddaP6jeCqp

現在採用新設計的產品有:

  • Google Search
  • Google+(http://plus.google.com)
  • Gmail(http://gmailblog.blogspot.com/2011/06/preview-of-gmails-new-look.html)
  • Google Calendar(http://www.google.com/support/calendar/bin/answer.py?answer=1351806hl=en)
  • Google Maps(http://maps.google.com)
  • Google Translate(http://translate.google.com)
  • Google News(http://news.google.com)
  • Google Alerts(http://www.google.com/alerts)

為什麼要這種全白的設計?

我覺得應該叫「留白」設計,畢竟 Google 原來的主要配色也基本是白色的。

此次改版應該是近年來 Google 變化最大的一次,幾乎拋棄原來的用數據來設計的理念(還記得大明湖畔的「41種藍」嗎?[4]),有很多以藝術設計感驅動的設計。同時儘可能地去除了視覺干擾元素,甚至原來用於功能版塊區分的顏色或分割線都改用「留白」來區分。按鈕都增大了尺寸,但使用了不同的顏色來突出區分不同功能的按鈕。藍色按鈕用於搜索、確認;紅色按鈕用於內容創建;綠色按鈕用於社交操作;灰色按鈕用於其它次要操作和導航 [5]。

「留白」設計一般是為了更好地突出主體內容,讓用戶更清晰、更快找到需要的內容。弱化次要內容,保證用戶不需要時不干擾,需要時又能快速找到。這也符合 Google 的理念「讓用戶找到需要的信息後,儘快離開自己的網站」 [6]。當然,「留白」在設計領域是個很大的題目,請知乎眾多設計師發表專業意見。

大家覺得用戶體驗好么?

用戶體驗的好壞要靠數據來說話,現在剛推出,不好斷言。而且根據用戶反饋可能還要進行不斷修正。

至於個人喜好,那就見仁見智了。我個人還是很喜歡這次新 UI 的,終於告別那些無處不在的「藍色文本+下劃線」了。

其它想法

  • 這次改版整體的色調設計和 Hicksdesign 做的 Helveticareader(http://helvetireader.com/)也太像了。
  • 按鈕明顯變大,另外懸停到按鈕上的滑鼠樣式也變成 default 默認形式,而不是暗示點擊的 pointer 指針形式,為什麼?
  • 對 Gmail 和 Google Calendar 這樣的工具型應用來說,太多留白造成有些功能隱藏或有部分內容在首屏看不見,是否有點矯枉過正呢?留白是好的,但也別留太多吧。
  • 誰能告訴我 Google+ Hangout 的界面是怎麼回事?
  • 要是 Google 早接受現在這種大膽的更具設計感的設計,也許當初 Doug Bowman(@stop) 就不用出走至 Twitter 了。

[1] http://www.quora.com/Who-are-all-the-designers-involved-in-establishing-Googles-new-look
[2] http://www.wired.com/epicenter/2011/06/inside-google-plus-social/all/1
[3] http://techcrunch.com/2011/06/28/google-plus-design-andy-hertzfeld/
[4] http://www.nytimes.com/2009/03/01/business/01marissa.html?pagewanted=all (via http://stopdesign.com/archive/2009/03/20/goodbye-google.html)
[5] Buttons of Google Redesign 2011 [圖]:http://goo.gl/sfRKt
[6] http://www.google.com/about/corporate/company/tenthings.html


我倒是希望google reader趕緊換成這個樣子的。


作為一個G粉,如果說曾經的google是程序員設計的風格,當然程序員風格也是非常大氣的,相比國內的那個某度大氣太多太多,那麼現在的google真正算是設計師設計的風格。過去的google是依靠logo支撐起品牌效應,現在支撐google品牌的,是一整套視覺體系。非常幫的設計,符合了google一貫的簡潔,大膽使用大ICON,拋棄很多鏈接改用按鈕,色彩不在是很淺的色調,而是採用明度較低的鮮艷google色。非常勇敢的改變(敢把頭部導航從白色變成黑色),但是各條產品的兼容性還是有待改進,等待吧


做了下research,這次Google大面積改版,設計團隊由在2005年加入Google的前Macintosh設計師Andy Hertzfeld主持,相信Hertzfeld在新設計中融入了不少蘋果麥金塔的風格理念。Google的CEO Page和Co-founder Brin崇尚的速度至上,所以留給設計師的發揮空間就不多了,這種全白的設計我相信有一部分是來自管理層的壓力。

之前出版的Steven Levy的關於Google的新書In The Plex已經描述了一部分在秘密進行的Google+項目:

With colorful animations, drag-and-drop magic, and whimsical interface touches, Circles looks more like a classic Apple program than the typically bland Google app. That』s no surprise since the key interface designer was legendary software artist Andy Hertzfeld.

References:
http://en.wikipedia.org/wiki/Andy_Hertzfeld
http://www.tuaw.com/2011/06/28/google-was-designed-by-macintosh-team-member-andy-hertzfeld/
http://techcrunch.com/2011/06/28/google-plus-design-andy-hertzfeld/


把需要的 東西都強化顯示,這樣我很快就能找到我需要找的地方 ,很好用的設計 ,我個人很喜歡 。不過有些人說,太白,看著刺眼。
白色的背景,色彩鮮明的按鈕,很愛。


其它服務還好,唯獨gmail用慣了,新出的兩套皮膚(行間距稍有不同)看上去很不習慣,又給換回別的皮膚了,Gmail里Android機器人那個皮膚挺好


這個是不是說明再爛的設計都有人說好 反之亦然
不過G+的確很有蘋果味 不喜歡的多嗎


慢慢的看膩 了質感高亮的設計,相信大家更細化簡練的色彩搭配,谷歌也是在掌控了大多數用戶心理才敢這麼大膽的改動,說實在的,很喜歡,感覺很細膩。


Web2.0時代網頁設計的一大趨勢就是越來越「輕」。我覺得谷歌很好的展示了這一點!設計師開始嘗試突破種種忌諱,不再嚴格按其線設計頁面,轉向眼睛的直覺調整。使頁面即嚴肅又很酷!


麥田仙女,關注互聯網 ui設計 微傅達人 
Web2.0時代網頁設計的一大趨勢就是越來越「輕」。我覺得谷歌很好的展示了這一點!設計師開始嘗試突破種種忌諱,不再嚴格按其線設計頁面,轉向眼睛的直覺調整。使頁面即嚴肅又很酷!

這個答案歪打正著。
事實上不是2.0的趨勢,而是觸摸和遠程手勢感應操作而引發設計的改變


設計上的 留白 有個 神學的說法是:讓神 能從 這空隙中輕鬆穿過。


蘋果之所以成為蘋果,有很大分部原因是因為其藝術化的風格,ui本身對於各各位瀏覽者的感受都是不一樣的,無所謂好與壞,應當奔著目的,也就是用戶尋找內容的角度去設計。


還可以,不想國內的微博過於花哨,恨不能所有的東西都塞上,瞧現在新浪微博界面那個亂


據我所知,google可能有一個用戶體驗的實驗室。對用戶的各種體驗進行檢測、分析。其實現在國內很多的網站都有類似的實驗室。可惜我看到的只是買一個眼動儀等硬體設備,並沒有體系的研究方法。


導航欄下方的baseline很礙眼,其他不做評論……


更側重於用戶體驗和交互方面把!UI頁面來說,簡潔高效為主。


隨著互聯網的多元發展,我們需要更快更直接的獲取信息,google做到了。 設計是做減法的,google在這麼做。


這問題問的感覺是要衝上去給那個負責人一嘴巴一樣,太逗了。不過小清新的風格還不錯,至少gmail用了後感覺好多了


把原來框下面的一行鏈接給挪到了左下邊,避免了分散用戶的精力。


看報道,說GOOGLE +是由Apple的設計師 設計的


推薦閱讀:

不斷疊加兩個 50% 透明的顏色是否能得到一個百分百不透明的顏色?
怎麼用 Adobe Illustrator 畫出曲率連續的曲線?
月光是什麼顏色的?
如何學習色彩設計搭配?
遊戲王的戰鬥系統以目前的科技有可能實現嗎?

TAG:交互設計 | 用戶界面設計 | 視覺設計 | 谷歌(Google) | Google+ |