科技研發

常常滴滴,但你瞭解地形圖是根據哪些標準設計方案出去的嗎?

打車導航、快遞外賣、在線問診、網絡購物……作為移動互聯網時代的基礎支撐,提供位置服務的地理資訊產業迎來黃金發展期。隨著大資料、雲計算、物聯網等新技術的加入,地圖應用大顯身手,在疫情防控、智慧交通、自動化等方面發揮著重要作用。
 

一、地形圖的發展趨勢

 
地形圖做為紀錄地貌傳送線路資訊的傳遞,在人類發展史中一直飾演關鍵的人物角色。其安裝方式一直緊跟時期技術性的發展趨勢而轉變,從青石板、小動物皮革製品,到綢緞、打印紙張。當互聯網技術走入家家戶戶,地形圖也踏入數位化時期。

相比於紙質地圖,線上地圖優點明顯:升級速度更快、獲得資訊高效率、更清楚、可互動等。線上地圖(後文通稱地形圖)的發生也危害著大家的交通出行,特別是在當智慧機普及化,我們可以隨時隨地查看位址、進行巡覽列,從此不用提早記錄下來高速出口和轉為街口了。
 

二、地形圖在滴滴打車的必要性

 
滴滴打車有著網路約車、代駕司機、騎車、公車、自駕遊巡覽列等諸多業務流程,是一站式交通出行服務平臺。而地形圖做為安裝交通出行服務專案的關鍵媒介,橫著支撐點著各業務流程線的發展趨勢。以call 的士為例子,調查資料顯示絕大多數旅客都是會關心並應用地形圖。

伴隨著各業務流程線對感受的規定持續提高,單一的地形圖方式早已不可以達到業務流程需求及使用者需求,必須進一步細分化情景、細緻描繪地形圖款式,因此地形圖的設計方案也越來越更加關鍵。
 

三、結構地形圖

 
地形圖安裝的資訊內容類別型繁雜、總數極大,前期很有可能會找不著設計方案突破口。我們可以先掌握下它的界定和完成方法,也許就能從這當中找到答案。

界定:地形圖是根據一定的數學課規律,選用地圖語言,歷經繪圖綜合性來表明地球表層的圖型;

完成步驟:
-收集真實的世界的位址資訊內容,歷經編譯器轉換成資料資訊;
-資料資訊中包括了位址的座標、歸類、名字等;
-資料資訊歷經3D渲染產生資料視覺化原型地形圖;
-原型地形圖歷經設計方案最後變為對策詳細、視覺效果美觀大方的線上地圖;
-融合“從原型到詳細地形圖”這一步步驟的完成方法,從而可將地形圖拆分成基本層、對策層和感觀層。協助各職責人物角色尋找相匹配突破口。

基本層:指的是地形圖的資料資訊和工作能力。資料資訊大夥兒早已有一定的瞭解了,工作能力指的是模組3D渲染工作能力、精准定位工作能力、圖像識別技術工作能力等。擁有資料資訊及各種工作能力做為基本,才可以設計方案出資訊內容精確、互動確立的地形圖。

對策層:則指的是怎麼使用這種資料資料和工作能力。地圖信息量十分巨大,沒法所有展現,必須融合不一樣的情景及用戶需求,有關鍵的展現。

感觀層:就是大家給資料資訊穿上的衣服褲子,會依據品牌調性、相匹配情景需求等去設計方案最後的顏色、標誌等。

結構地形圖後,大家可以看出,感觀層是設計方案側必須關心的關鍵等級。
 

四、地圖製作標準

 
元素分類
應對這般繁雜的地圖資料,為了更好地整理出清楚的構思,大家會對地形圖原素開展歸類:依據資料資訊的類型和展現情況,可拆分成點、線、面三類原素。

點原素:地名大全、POI等。總數巨大,是城市規模的反映,特別是在POI資訊內容,它是地形圖中顆粒度較細的位置資訊。

POI,PointofInformation的簡稱,即“網路交換機”。一個POI能夠是一棟房子、一個鋪面。

線原素:路面、地鐵線路、水體線、交通線、航道、邊境線等。線原素展現了路面的邁向、地區的區劃等,勾畫出了大城市的外貌。

面原素:陸上、草坪、湖水深海、AOI。面原素以圖形方式發生,非常大水準上決策了一張地形圖的色彩。

AOI,AreaofInterest的簡稱,即“資訊內容面”。指的是地區狀的自然地理實體線,如醫院門診、住宅社區等。

關鍵設計原理

從界定能夠看得出,地形圖是一種獨特的圖型語言表達,是之上全部原素的結合體。對比大家所掌握的UI設計、運營設計,地形圖有歸屬於自身的設計原理。下列為大夥兒小結了一些關鍵的標準:

1、合乎製圖學和群眾認知能力

地形圖發展趨勢到現在早已變成了一門課程,大家會發覺即便表達能力差,取得一張地形圖時也看得懂,這是由於有製圖學和群眾認知能力在標準著地圖製作。如地形圖默認設置朝北上、草坪水體基本上遵照物理學全球的色調、省界限是虛線、地下停車場標誌大多數用P來意味著這些。合乎製圖學和群眾認知能力,大幅度降低了客戶的學習培訓成本費和記憶負擔,使地形圖能夠做為一種全球通用語言商品流通起來。

2、確保鑒別度

地形圖歸屬於資訊內容類別專用工具,其上發生的原素均需清楚可鑒別,確保易讀性是最基本上的設計原理。因此 在設計方案的時候會限定色調飽和度、最少字體大小等,而實際標準會依據情景明確。

3、清楚有層級

地形圖的層級清楚包括了2個層面:資訊內容次序清楚,視覺效果具備全面性。

資訊內容次序清楚,地圖資料繁雜,沒有次序關聯會危害客戶的堵圖高效率。在設計方案時必須考慮到原素自身的特性、必要性,可根據色調、icon/字體大小、線型寬度等表述。保證類似原素有關聯性,不一樣原素有差異。另外,資訊內容次序也會依據比例尺精度的轉變有一定的調節。

視覺效果具備全面性,在滴滴打車的業務場景中,地形圖一般 做為底層部件發生,頂層還會繼續有很多業務流程部件。因而在設計方案時要抑制用色,既要確保地形圖中各原素中間的區別度,又要確保地形圖總體與別的業務流程部件打開視覺效果等級。那樣才可以更強的突顯當今業務流程控制模組的關鍵,提高總體的應用高效率和感受。

4、細分化地形圖方式

地形圖在各業務流程控制模組中運用普遍,使用者需求也各有不同,設計方案時必須依據應用情景區別不一樣方式。以網路約車情景為例子,業務流程資訊內容自始至終處在頂層,地形圖用於協助客戶精准定位、迅速接單。因而,網路約車情景的地形圖全面性強、色彩偏冷、視覺效果等級倒退,能更強的配搭網路約車控制模組的總體設計方案,確保客戶的實際操作高效率。

5、具備知名品牌特點

品牌調性一直是滴滴打車設計方案方面特別關注的標準,知名品牌遺傳基因圍繞了全部商品,自始至終具備與眾不同的視覺效果設計風格。遵照知名品牌的視覺效果語言表達,使地形圖能夠更強的結合到商品中,確保了設計方案的統一性。
 

五、設計方案情況

 
為了更好地完成“讓交通出行更幸福”的重任,2020年旅客端增加了自駕遊巡覽列。地形圖圍繞了該商品的全步驟,且主頁、路線導航頁、巡覽列中等水準情景用戶需求也不同樣。殊不知現有的方式,從顏色到資訊內容呈現,都不符主頁地形圖的情景要求,因此必須再次設計方案。
 

六、設計方案落地式

 

設計方案關鍵字計算

依據自駕遊巡覽列的總體目標,拆卸出了主頁地形圖的設計方案總體目標:
搭建合適自駕遊情景的訪問 地形圖;
提高地形圖感受與設計方案品質,提升客戶滿意度和友好度;
打造出具備滴滴打車品牌調性的地形圖;
用戶需求及習慣性說明:在主頁主要是確立本身精准定位、查詢別的位置資訊,且視角基本上是手執間距。那麼“搭建合適自駕遊情景的訪問 地形圖”關鍵環節就取決於鑒別度,更強的展現關鍵資訊內容,確保客戶堵圖高效率。

“提高地形圖感受與設計方案品質,打造出具備滴滴打車品牌調性的地形圖”的總體目標,能夠根據視覺效果方式完成。在訪問 情景,客戶應用地形圖的時間不固定不動,為防止長期訪問 造成疲勞感,地形圖顏色必須更舒服,飽和度還要適度。這一點也與自駕遊巡覽列總體的設計方案關鍵字“輕巧”如出一轍,因此計算出了關鍵字汽車輕量化、知名品牌感。

設計方案地形圖計畫方案

確立設計方案關鍵字後,逐漸下手設計方案。關鍵字中的汽車輕量化、知名品牌感大部分決策了這個地形圖的特性,鑒別度則關鍵危害資訊內容呈現。設計方案時能夠把地形圖原素拆分為點、線、面三類,依照由大到小的次序設計方案,即先明確顏色,再設計方案文字圖示等資訊內容,以防原素太多相互之間影響。

1、設計方案總體顏色

汽車輕量化:傳遞汽車輕量化的體會必須操縱取色範疇,因此大家制訂了色調應用標準。

色彩:以冷色調為主導,醫院門診(粉色系)等具備群眾認知能力的色調可以外;色調從知名品牌色調中選擇;

色度:限制色調的色度範疇,選擇正中間-略高的一部分,均衡色調飽和度;

對比度:防止應用高對比的色調,確保顏色的舒適度;
根據剖析色調,大家對傳遞汽車輕量化的體會擁有大概的掌握。那麼知名品牌感怎樣反映呢?

知名品牌感:具備品牌調性的地形圖能更強的融進設計產品設計風格,也可以差別于競爭對手,這在滴滴打車全步驟的設計方案上都十分關鍵。在地圖上大家關鍵用色調及標誌製作表述品牌調性。

色調:融合汽車輕量化的色彩搭配標準,從知名品牌色調中選擇,使地形圖顏色與別的部件更為結合;

標誌製作:延用滴滴打車設計標準中的標誌製作語言表達,如圓弧、簡易樣子等,拉齊視覺效果體會;

最後依據“汽車輕量化”和“知名品牌感”這兩個關鍵字,設計方案出了地形圖顏色的設計效果圖:

2、設計方案地圖資料

顏色明確後,就可以打開POI標誌+文本、AOI文本、路面文本、及其各種行政區域劃分文本的設計方案。

鑒別度:設計方案地圖資料時,確保基本上鑒別度的方法,可根據文本色調、字體大小尺寸、標誌製作等完成。可是要保證清楚有關鍵,就需要關心資訊內容間的質感。

以POI資訊內容為例子。回望下這時的用戶需求:掌握本身精准定位、查詢別的位置資訊。從這一點能夠鎖住第一展現優先應是POI——地圖上精准定位最精確的資訊內容類別型。罷了有的標誌鑒別度較差,沒法滿足需求,因此大家開展了重繪。根據用色表述標誌種類、優選有群眾認知能力的媒介做為表意文字、提高色調對比度及飽和度,配搭文本色調,從視覺效果上把POI資訊內容提高至第一順位元。

用一樣的方式,依據關鍵水準,根據設計方案打開了資訊內容的視覺效果等級:POI>路面名字>AOI名字>行政區域劃分資訊內容。

3、總體調節

在完成了顏色和資訊設計後,大家必須融合全部原素統一調節。這時,一般 會發生原素相互之間影響的難題,我們可以重歸到情景要求中處理該類難題,依照資訊內容的關鍵水準調節,最後產生詳細計畫方案。
 

七、設計方案認證

 
地形圖計畫方案落地式後,大家會關心設計方案品質的認證。因為地形圖的專用工具特性,認證其設計方案品質及客戶滿意度一直是領域內較艱難的事兒。地形圖既是一種圖型語言表達,又安裝了很多的資訊內容,且需合乎情景要求,要認證的內容十分多。因而大家創建了地形圖測評實體模型,從美觀大方度、鑒別度、堵圖高效率等多層次開展測評,量化分析地圖製作品質。

根據對自駕遊巡覽列主頁地形圖的二輪調查,大家收購 了很多合理結果,如客戶對道路等級的關心水準、怎麼使用AOI資訊內容這些。新版地圖在美觀大方度、鑒別度等層面均獲得了客戶的認同。

掌握客戶的響聲,能更強的協助大家深耕細作地圖製作行業、全力以赴促進地形圖感受提升。
 

八、將來形狀想像

 
當今智慧科技快速,近幾年來發生的HUD、AR等巡覽列,用現實世界的介面替代了地形圖,不用變換邏輯思維、記憶力地圖語言,讓人與世界的聯接更輕輕鬆松方便快捷。大家何不沿著這一發展趨勢膽大的想像一番,在未來的某一天,全球的資料資訊會嵌入大家腦中,不會再有生疏的地區,目前的地形圖形狀或許會消退,因為它就在大家腳底。