當Google Maps在2005年推出時，它是一種(zhǒng)導航工具，可讓您從A點到達B點。現在，它可以幫助您确定在班加羅爾的去向(xiàng)，了解乞力馬紮羅山，以及探索大堡礁中的珊瑚形成(chéng)。随着團隊進(jìn)一步發(fā)展，Google團隊有了新的想法。新的色彩系統能(néng)否幫助簡化Google Maps？在這(zhè)裡(lǐ)，Google Maps設計師與産品和工程經(jīng)理一道(dào)，講述如何正确呈現色彩，使Google Maps更易于訪和識别。

2005年推出的Google地圖
01

色彩的一緻性

原始系統從森林沼澤到灌木，每個細節都(dōu)使用一種(zhǒng)顔色，導緻差異非常微小，很難區分道(dào)路、文字和邊界等重要元素。

調整配色首先需要做的是探索假設，即是否可以將(jiāng)調色闆減少到更少的色彩，使之更接近于Material Design，同時保留Map的所有豐富細節。這(zhè)需要設計師在舊版系統的代碼本身中尋找顔色模式，全面(miàn)了解多年來實施的顔色範圍，但大量的顔色代碼使工作量驟然上升。因此更加堅定了Google團隊簡化界面(miàn)配色的想法。

舊版系統往往具有很高的複雜性，因此團隊專注于簡化的工作帶來了無數的好(hǎo)處。新的色彩系統可幫助用戶更好(hǎo)地了解周圍的世界，同時使與Google調色闆保持一緻，更好(hǎo)的打造獨有設計風格，建立品牌資産，也可以使我們的團隊保持品牌前進(jìn)的勢頭。

新的Google Maps調色闆降低了複雜性并與Material Design配色保持一緻

02 探索新系統

Google Maps團隊進(jìn)行了嘗試，以區分地圖細節，改善可訪問性并減少顔色範圍。先從較小的部分開(kāi)始，去年，在看地圖上的森林時，Google設計師意識到應用中有四種(zhǒng)不同的顔色來代表幾乎相同的分類，如果把這(zhè)些顔色濃縮起(qǐ)來，地圖還(hái)能(néng)用嗎？這(zhè)隻是一個小發(fā)現，卻是應用中一個極大的改進(jìn)方向(xiàng)。舊版系統的數百種(zhǒng)顔色不僅使地圖解讀繁瑣，也大大加深了應用更新發(fā)布的難度。如果能(néng)成(chéng)功地將(jiāng)顔色的數量降到一個可觀的數量，那將(jiāng)使未來的發(fā)布變得更加容易。

删除了細微的色調和透明效果後(hòu)的

爲什麼(me)要使用這(zhè)些顔色？如果我們能(néng)簡化色彩系統。我們可以用更少的資源做更多的事(shì)情。

——Google Maps高級交互設計師

Googel想幫助用戶了解這(zhè)個世界的什麼(me)？該如何吸引他們對(duì)地圖進(jìn)行更多的探索？色彩系統的調整就是Google設計師開(kāi)始改進(jìn)層次結構以傳達更多信息的方式。它能(néng)幫助你理解物理世界的事(shì)物 就像看着一張紙質地圖，想象着白雪皚皚的山峰和遙遠的森林一樣，它更好(hǎo)地描繪了我們生活的世界，并增加了趣味性。

設計過(guò)程包括數百個草圖，例如對(duì)水的探索

沙漠的探索
03

技術優勢

如何讓這(zhè)些強烈的細節以一種(zhǒng)仍然容易理解的方式流露出來？新設計的Google地圖以衛星影像作爲基礎，并且已經(jīng)應用了新的色彩映射運算技術，利用了衛星系統的實時更新，爲地圖增加了更多細節，可以更好(hǎo)地分析景觀，對(duì)地形進(jìn)行彩色更新。

除了對(duì)自然地形細節更豐富的更新外，Google 還(hái)會在特定程式中更詳盡地顯示細節。之前的地圖僅顯示了街道(dào)本身，但分别在紐約、舊金山與倫敦將(jiāng)很快區分顯示不同的街道(dào)特征，例如道(dào)路、人行道(dào)、步行島、人行天橋等，Google 表示新設計可以依比例顯示任何特定道(dào)路的形狀和寬度。

反映了衛星圖像所采集的真實世界的色調
04

疫情中的設計

Google依據維基百科、紐約時報、約翰霍普金斯大學(xué)研究中心、Brihanmumbai Municipal Corporation等機構或組織的疫情相關資料，將(jiāng)數據整合在地圖中。并依照色彩編碼的方式，通過(guò)顔色區分疫情變化，地圖上會顯示每 10 萬人當中新增确診病例的平均數量，并且指出病例數量是上升還(hái)是下降的趨勢。

——END——

　　更多網站設計、網頁設計等相關内容，歡迎您咨詢中山網訊科技！
　　
責任編輯：中山網站建設
     【網訊網絡】國(guó)家高新技術企業》十二年專注軟件開(kāi)發(fā)，網站建設，網頁設計，APP開(kāi)發(fā)，小程序，微信公衆号開(kāi)發(fā)，定制各類企業管理軟件（OA、CRM、ERP、OMS訂單管理系統、WMS進(jìn)銷存管理軟件等)！服務熱線：0760-88610046、13924923903，http://www.wansion.net