楠木軒

設計視野:Google移動搜索進行了全新的設計改版

由 卯秀珍 發佈於 科技

編輯導語:視覺設計師在日常工作中除了進行基本的視覺設計以外,更多的要發現一些身邊的事物,把設計變得平易近人,讓用户能有更好的體驗感;本文作者分享了關於Google移動搜索進行了全新的設計改版,我們一起來看一下。

新年的開始激勵着世界各地的人們做出改變。當我們中的許多人審視我們的生活,我們的事業,甚至只是我們的環境,並思考我們可以做出什麼改進;谷歌設計師 Aileen Cheng 也是如此。

Aileen 最近對移動搜索體驗進行了重大的視覺重新設計,將在未來幾天推出。她説:“我們希望退一步簡化,這樣人們就能更快、更容易地找到他們想要的東西”,“我覺得這真的讓人耳目一新,對我來説,這是一股清新的空氣!”

像所有的組織工作一樣,這一次也帶來了挑戰,“重新思考像搜索這樣的產品視覺設計是非常複雜的”艾琳説;“考慮到谷歌搜索已經進化了很多,而我們不僅要組織網絡信息,還要組織全世界的信息”艾琳説,“我們一開始是組織網頁,但現在,我們必須幫助理解的內容和信息類型多種多樣。”

我們最近有機會從Aileen那裏瞭解到更多關於新面貌的信息,以及整個過程。

這裏有五個驅動重新設計的因素:

一、信息成為焦點

“我們希望讓搜索結果發光,讓人們專注於信息,而不是圍繞它的設計元素”艾琳説,“這是為了簡化體驗,讓人們儘可能清晰、快速地獲得他們所需要的信息。”

二、使文本更易於閲讀

研究小組採用的一種方法是使用更大、更醒目的文本,這樣人類的眼睛可以更快地掃描和理解搜索結果。這同時也包括搜索結果和標題” 當我們討論文本時:此更新還包括更多Google自己的字體,這些字體已經顯示在Android和Gmail中,以及其他Google產品。

“在Google搜索中使用字體的時間和方式的一致性也很重要,這也有助於人們更有效地解析信息”,Aileen説。

三、創造更多的呼吸空間

“我們決定創建一種新的邊緣到邊緣設計,並儘量減少陰影的使用,從而使立即查看所需內容變得更加容易” Aileen説,“總體效果是,您將擁有更大的視覺空間和留白空間,使搜索結果和其他內容佔據中心位置。”

四、使用顏色突出顯示重要內容

其他一些重新設計的嘗試使用較大膽的顏色,還有一些嘗試使用了更柔和的色調;然而,他們並不完全正確,最終團隊將重點放在內容和圖像上,在乾淨的背景下,充分注意地使用顏色引導眼睛看到重要的信息,而又不至於使人分神。

五、傾向於那種“谷歌式”的感覺

如果您注意到新設計將具有與Google LOGO相同的回彈力和彈性。

“如果您看一下Google徽標,就會發現它有很多圓角,因此我們是從中借鑑來的,也將其帶到其他地方,”Aileen説,您會在重新設計的部分內容中看到這一點,例如圓形圖標和圖像,“這種形式已經成為我們DNA的一部分。

艾琳説:“我三歲的兒子最近在我把手放了一把樂高積木,紅色,黃色,綠色,藍色,他告訴我‘媽媽,這是谷歌’”“這就是我們在人們中間的樂趣和受歡迎程度,當我們重新設計某些東西時,我們想給它那種熟悉而平易近人的感覺。”

原作者:Molly McHugh-Johnson

地址:https://blog.google/products/search/mobile-redesign-2021/

譯者:NG,公眾號:NG設計靈感

本文由@NG設計靈感 翻譯發佈於人人都是產品經理,未經作者許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議