當(dāng)Google Maps在2005年推出時(shí)，它是一種導(dǎo)航工具，可讓您從A點(diǎn)到達(dá)B點(diǎn)?，F(xiàn)在，它可以幫助您確定在班加羅爾的去向，了解乞力馬扎羅山，以及探索大堡礁中的珊瑚形成。隨著團(tuán)隊(duì)進(jìn)一步發(fā)展，Google團(tuán)隊(duì)有了新的想法。新的色彩系統(tǒng)能否幫助簡(jiǎn)化Google Maps？在這里，Google Maps設(shè)計(jì)師與產(chǎn)品和工程經(jīng)理一道，講述如何正確呈現(xiàn)色彩，使Google Maps更易于訪和識(shí)別。

2005年推出的Google地圖
01

色彩的一致性

原始系統(tǒng)從森林沼澤到灌木，每個(gè)細(xì)節(jié)都使用一種顏色，導(dǎo)致差異非常微小，很難區(qū)分道路、文字和邊界等重要元素。

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

舊版系統(tǒng)往往具有很高的復(fù)雜性，因此團(tuán)隊(duì)專注于簡(jiǎn)化的工作帶來了無數(shù)的好處。新的色彩系統(tǒng)可幫助用戶更好地了解周圍的世界，同時(shí)使與Google調(diào)色板保持一致，更好的打造獨(dú)有設(shè)計(jì)風(fēng)格，建立品牌資產(chǎn)，也可以使我們的團(tuán)隊(duì)保持品牌前進(jìn)的勢(shì)頭。

新的Google Maps調(diào)色板降低了復(fù)雜性并與Material Design配色保持一致

02 探索新系統(tǒng)

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

刪除了細(xì)微的色調(diào)和透明效果后的

為什么要使用這些顏色？如果我們能簡(jiǎn)化色彩系統(tǒng)。我們可以用更少的資源做更多的事情。

——Google Maps高級(jí)交互設(shè)計(jì)師

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

設(shè)計(jì)過程包括數(shù)百個(gè)草圖，例如對(duì)水的探索

沙漠的探索
03

技術(shù)優(yōu)勢(shì)

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

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

反映了衛(wèi)星圖像所采集的真實(shí)世界的色調(diào)
04

疫情中的設(shè)計(jì)

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

——END——

　　更多網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等相關(guān)內(nèi)容，歡迎您咨詢中山網(wǎng)訊科技！
　　
責(zé)任編輯：中山網(wǎng)站建設(shè)
     【網(wǎng)訊網(wǎng)絡(luò)】國(guó)家高新技術(shù)企業(yè)》十二年專注軟件開發(fā)，網(wǎng)站建設(shè)，網(wǎng)頁(yè)設(shè)計(jì)，APP開發(fā)，小程序，微信公眾號(hào)開發(fā)，定制各類企業(yè)管理軟件（OA、CRM、ERP、OMS訂單管理系統(tǒng)、WMS進(jìn)銷存管理軟件等)！服務(wù)熱線：0760-88610046、13924923903，http://www.denorpool.com