久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

iOS版Google地圖的設計細節

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

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

  無論如何,評價一款地圖應用,最起碼需要它滿足了我們交通導航的需求。

  而當Google地圖發布了iOS版后,Sacha就在iPhone上體驗了這款應用,并稱iOS版的Google地圖,在設計上給他留下了很深的印象。

  Google Style

  在UI設計中,“Google Style”是平面設計中的一種子風格。這種設計風格中,所有的一切都是白色或淺灰色的,而圖標中也不具有文字標簽。

iOS版Google地圖的設計細節 三聯

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

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

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

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

  Sacha認為。到目前為止,仍未發現一款Google應用產品,能在制作完成后完全配得上原先的創作概念。但很明顯的,Google地圖肯定是選擇了一個正確的方向,并超前邁出了一大步。

  標簽定向

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

  (譯者注:事實上,標簽定向這個細節在很多地圖應用上都保留著這樣的設計。因此,作者所強調的這個細節,讓人難以理解。)

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

  側邊菜單

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

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

  “搖一搖”的反饋機制

  Sacha 認為,一款應用應該能夠事先考慮到用戶所表現的失望心情,并適時的做出反饋。

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

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

  開發一款應用,在一開始我們就要考慮到如何明確的告訴機器我們期望的操作。

  垂直/水平過渡

  一開始,iPhone使用的是水平導航的概念,在左側或右側的屏幕總是會有多余的空白。

  這種設計在設計師的心目中,已經變的如此根深蒂固。

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

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

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

  結論

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

  編后語:作者雖然是從事設計工作,但是也學習過編程。也曾在廣州學習過中文,在北京工作過,現在居住在日本。因為在中國,地圖應用對功能的滿足需要考慮的更多,感覺他是一個能理解Google地圖在中國需要考慮的并不只是設計問題的外國人,所以曾試圖聯系他,但是仍未答復。

  Via:sachagreif

  文章來源:雷鋒網

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲欧美日韩成人在线 | 久久精彩视频 | 天天拍夜夜爽 | 熟女毛片 | 精品视频在线观看 | 久久99精品久久久久久 | 秋霞电影一区二区三区 | 国产精品久久久久久久一区探花 | a级免费观看视频 | 亚洲精品区 | 精品欧美一区二区三区久久久 | 国产一级片精品 | 成人不卡在线 | 亚洲欧美中文日韩在线 | 国产99视频精品免费播放照片 | 成人免费看黄 | 三级免费毛片 | 成人国产精品久久久 | 日韩欧美在线观看 | 91看片在线观看 | 色噜噜色综合 | 国产在线一区二区 | 全免费a级毛片免费看视频免费下 | 国产一级免费视频 | 成人免费视频网站在线看 | 99国产视频 | 有码一区 | 欧美精品一区在线 | 精品视频一区二区 | 精品91| 九色在线观看 | 成人激情视频在线播放 | 欧美国产视频一区二区 | 懂色av色香蕉一区二区蜜桃 | 免费观看一级黄色录像 | 黄色毛片免费视频 | 国产精品91视频 | 国产欧美三区 | 日韩欧美国产精品一区 | 日韩字幕 | 国产精品99久久久久久大便 |