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

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

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

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

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

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

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

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

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

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

一、資訊成為焦點

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

二、使文字更易於閱讀

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

“在Google搜尋中使用字型的時間和方式的一致性也很重要,這也有助於人們更有效地解析資訊”,Aileen說。

設計視野:Google移動搜尋進行了全新的設計改版
三、創造更多的呼吸空間

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

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

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

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

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

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

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

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

原作者:Molly McHugh-Johnson

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

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

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

題圖來自 Unsplash,基於 CC0 協議

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 1402 字。

轉載請註明: 設計視野:Google移動搜尋進行了全新的設計改版 - 楠木軒