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

2005年推出的Google地圖
01

色彩的一(yī)緻性

原始系統從森(sēn)林沼澤到灌木，每個細節都使用一(yī)種顔色，導緻差異非常微小(xiǎo)，很難區分(fēn)道路、文字和邊界等重要元素。

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

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

新的Google Maps調色闆降低了複雜(zá)性并與Material Design配色保持一(yī)緻

02 探索新系統

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

删除了細微的色調和透明效果後的

爲什麽要使用這些顔色？如果我(wǒ)們能簡化色彩系統。我(wǒ)們可以用更少的資(zī)源做更多的事情。

——Google Maps高級交互設計師

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

設計過程包括數百個草圖，例如對水的探索

沙漠的探索
03

技術優勢

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

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

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

疫情中(zhōng)的設計

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

——END——

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