現(xiàn)在的用戶對地圖應(yīng)用是越來越苛刻，往其中投入的感情也越來越多。本文作者Sacha Greif 一名來自法國巴黎的設(shè)計師，當(dāng)大家仍然對iOS版Google地圖展現(xiàn)的地圖數(shù)據(jù)以及服務(wù)功能贊不絕口時，他就犯了設(shè)計師的職業(yè)病，細數(shù)Google地圖的設(shè)計點滴。昨天有人對著蘋果地圖說分手，而今天Sacha卻又像評價女婿一樣評價iOS版的Google地圖。

說起蘋果地圖，因為缺少公共交通的導(dǎo)航，對于沒有車的Sacha來說，這點根本就不能接受，也因此Sacha一直沒有升級iOS 6。

無論如何，評價一款地圖應(yīng)用，最起碼需要它滿足了我們交通導(dǎo)航的需求。

而當(dāng)Google地圖發(fā)布了iOS版后，Sacha就在iPhone上體驗了這款應(yīng)用，并稱iOS版的Google地圖，在設(shè)計上給他留下了很深的印象。

Google Style

在UI設(shè)計中，“Google Style”是平面設(shè)計中的一種子風(fēng)格。這種設(shè)計風(fēng)格中，所有的一切都是白色或淺灰色的，而圖標(biāo)中也不具有文字標(biāo)簽。

事實上Sacha并不推崇這種風(fēng)格（就他的感覺 Google Reader運用這種風(fēng)格，體驗很糟糕）但他就是覺得這種風(fēng)格在移動應(yīng)用上十分適用，尤其是對地圖應(yīng)用而言。

以白色為基調(diào)的UI，與網(wǎng)頁上的體驗很不同，不會令人時不時的感覺到界面空蕩蕩的，這樣避免了用戶下意識錯誤的認為地圖已經(jīng)停止載入。

此外，iOS版的Google地圖，使用了彩色的觸點，讓用戶可以在視覺上就能把這些融合在一起的元素區(qū)分開來。

順帶一提，如果想對Google Style的設(shè)計進行評價，我們可以參考一下Haraldur Thorleifsson為Google各個項目所設(shè)計的作品。

Sacha認為。到目前為止，仍未發(fā)現(xiàn)一款Google應(yīng)用產(chǎn)品，能在制作完成后完全配得上原先的創(chuàng)作概念。但很明顯的，Google地圖肯定是選擇了一個正確的方向，并超前邁出了一大步。

標(biāo)簽定向

作者在原文中寫到Google地圖支持用戶通過兩根手指的手勢進行地圖旋轉(zhuǎn)。而Sacha強調(diào)了對其中的一個細節(jié)表示欣賞，就是標(biāo)簽不會隨著地圖本身旋轉(zhuǎn)，仍然保持著一個相對水平的位置，用戶讀取信息的時候更為便捷。

（譯者注：事實上，標(biāo)簽定向這個細節(jié)在很多地圖應(yīng)用上都保留著這樣的設(shè)計。因此，作者所強調(diào)的這個細節(jié)，讓人難以理解。）

而這樣的設(shè)計總會帶來一些問題，例如兩個標(biāo)簽會“不期而遇”，導(dǎo)致互相覆蓋，使其中一個標(biāo)簽隱藏消失。但標(biāo)簽定位這個功能的確有助于在旋轉(zhuǎn)地圖的功能中，幫助用戶掌握正確的方向。

側(cè)邊菜單

Google地圖有一個Side Menu（亦稱“Basemen”菜單，側(cè)邊欄)本身具有縮放的效果，在用戶眼中，這樣的菜單設(shè)計顯得更加親切，打開它的方法更加容易為用戶操作。

UI使用的過渡的方式來顯示，這是一種簡單并且細膩的效果，在傳遞信息的過程中最大限度的減少了互動過程中造成的影響。

“搖一搖”的反饋機制

Sacha 認為，一款應(yīng)用應(yīng)該能夠事先考慮到用戶所表現(xiàn)的失望心情，并適時的做出反饋。

而Google地圖當(dāng)用戶搖晃iPhone時，就能激活一個反饋機制。但是，未必所有人都能輕松找到這個對話框，因為激活的過程中必須使勁搖晃iPhone，對一般的用戶來說，使用起來比較困難。

雖然如此，Google地圖的這種設(shè)定仍讓人感到十分滿意。你可以試想一下，如果設(shè)定中對這個搖晃功能制定的十分敏感，使得激發(fā)它變的過于簡單，這樣就容易照成誤激活。

開發(fā)一款應(yīng)用，在一開始我們就要考慮到如何明確的告訴機器我們期望的操作。

垂直/水平過渡

一開始，iPhone使用的是水平導(dǎo)航的概念，在左側(cè)或右側(cè)的屏幕總是會有多余的空白。

這種設(shè)計在設(shè)計師的心目中，已經(jīng)變的如此根深蒂固。

這種情況讓大部分的設(shè)計師都忽略了，用戶的地圖是在二維空間上顯示的。

用戶在Google地圖中，可以通過由上自下的順序獲取路線信息，同樣的在查看更多的路點細節(jié)時，也采用這種形式來顯示。

這樣的雙軸設(shè)計非常實用：左右軸可以方便各個屏幕之間進行切換，而上下軸則可在一個屏幕中就能顯示額外的信息。

結(jié)論

Google 地圖在整體上來說是一款很優(yōu)秀的應(yīng)用，這不單單只是說它的功能，更是因為它表現(xiàn)了一種新的設(shè)計理念風(fēng)格，并成功將它具體的表現(xiàn)了出來。如果大家都曾感受過蘋果那種極其嚴(yán)苛的現(xiàn)實主義，以及微軟目前所展現(xiàn)出來的極簡主義，那么現(xiàn)在我們看到Google也開始塑造自己的風(fēng)格，并且在iOS版本中這種風(fēng)格被襯托的更加明顯，很高興Google找到了自己的聲音。

編后語：作者雖然是從事設(shè)計工作，但是也學(xué)習(xí)過編程。也曾在廣州學(xué)習(xí)過中文，在北京工作過，現(xiàn)在居住在日本。因為在中國，地圖應(yīng)用對功能的滿足需要考慮的更多，感覺他是一個能理解Google地圖在中國需要考慮的并不只是設(shè)計問題的外國人，所以曾試圖聯(lián)系他，但是仍未答復(fù)。

Via：sachagreif

文章來源：雷鋒網(wǎng)

標(biāo)簽： 地圖設(shè)計 google地圖設(shè)計 google地圖設(shè)計細節(jié) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。