嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

現(xiàn)實(shí)世界的畫布——解讀地圖設(shè)計(jì)(上)

2020-11-21    鶴鶴



地圖基礎(chǔ)知識及通用設(shè)計(jì)原則


Part 1. 地圖的發(fā)展     


地圖作為記錄地形傳遞路線信息的載體,在人類文明中一直扮演著重要的角色。其承載形式一直緊跟著時(shí)代技術(shù)的發(fā)展而變化,從石板、動(dòng)物皮革,到絲綢、紙張。當(dāng)互聯(lián)網(wǎng)走進(jìn)千家萬戶,地圖也步入電子化時(shí)代。


相較于紙質(zhì)地圖,電子地圖優(yōu)勢顯著:更新速度快、獲取信息效率高、更清晰、可交互等。電子地圖(后文簡稱地圖)的出現(xiàn)也影響著人們的出行方式,尤其當(dāng)智能手機(jī)普及,我們可以隨時(shí)查詢地點(diǎn)、發(fā)起導(dǎo)航,再也不需要提前記下高速出口和轉(zhuǎn)向路口了。


Part 2. 地圖在滴滴的重要性


滴滴擁有網(wǎng)約車、代駕、騎行、公交、自駕導(dǎo)航等眾多業(yè)務(wù),是一站式出行平臺(tái)。而地圖作為承載出行服務(wù)的重要載體,橫向支撐著各業(yè)務(wù)線的發(fā)展。以網(wǎng)約車業(yè)務(wù)為例,調(diào)研結(jié)果顯示絕大部分乘客都會(huì)關(guān)注并使用地圖。


隨著各業(yè)務(wù)線對體驗(yàn)的要求不斷提升,單一的地圖模式已經(jīng)不能滿足業(yè)務(wù)訴求及用戶需求,需要進(jìn)一步細(xì)分場景、精細(xì)刻畫地圖樣式,于是地圖的設(shè)計(jì)也變得愈發(fā)重要



Part 3. 解構(gòu)地圖


地圖承載的信息種類復(fù)雜、數(shù)量巨大,初期可能會(huì)找不到設(shè)計(jì)切入點(diǎn)。我們可以先了解下它的定義和實(shí)現(xiàn)方式,或許就能從中找到答案。


定義地圖是依據(jù)一定的數(shù)學(xué)法則,采用地圖語言,經(jīng)過制圖綜合來表示地球表面的圖形。


實(shí)現(xiàn)流程

  • 采集真實(shí)世界的地點(diǎn)信息,經(jīng)過編譯轉(zhuǎn)化成數(shù)據(jù)

  • 數(shù)據(jù)信息中包含了地點(diǎn)的坐標(biāo)、分類、名稱等

  • 數(shù)據(jù)經(jīng)過渲染形成可視化雛形地圖

  • 雛形地圖經(jīng)過設(shè)計(jì)最終變成策略完整、視覺美觀的電子地圖。



結(jié)合“從雛形到完整地圖”這一步流程的實(shí)現(xiàn)方式,進(jìn)而可將地圖拆分為基礎(chǔ)層、策略層和感官層。幫助各職能角色找到對應(yīng)切入點(diǎn)。


基礎(chǔ)層,指的是地圖的數(shù)據(jù)和能力。數(shù)據(jù)大家已經(jīng)有所了解了,能力指的是引擎渲染能力、定位能力、圖像識別能力等。有了數(shù)據(jù)及各類能力作為基礎(chǔ),才能設(shè)計(jì)出信息精準(zhǔn)、交互明確的地圖。

策略層,則指的是如何使用這些基礎(chǔ)數(shù)據(jù)和能力。地圖數(shù)據(jù)量非常龐大,無法全部展示,需要結(jié)合不同的場景及用戶需求,有重點(diǎn)的呈現(xiàn)。

感官層,便是我們給數(shù)據(jù)穿上的衣服,會(huì)根據(jù)品牌調(diào)性、對應(yīng)場景訴求等去設(shè)計(jì)最終的配色、圖標(biāo)等。

解構(gòu)地圖后,我們不難看出,感官層是設(shè)計(jì)側(cè)需要關(guān)注的重點(diǎn)層級



Part 4. 地圖設(shè)計(jì)原則


- 元素分類

面對如此復(fù)雜的地圖信息,為了梳理出清晰的思路,我們會(huì)對地圖元素進(jìn)行分類:根據(jù)數(shù)據(jù)的類別和呈現(xiàn)狀態(tài),可拆分為點(diǎn)、線、面三類元素。


點(diǎn)元素地名、POI*等。數(shù)量龐大,是城市規(guī)模的體現(xiàn),尤其POI信息,它是地圖中顆粒度最細(xì)的位置信息。

線元素道路、地鐵線、水系線、鐵路線、航線、邊界線等。線元素呈現(xiàn)了道路的走向、區(qū)域的劃分等,描繪出了城市的樣貌。

面元素陸地、草地、湖泊海洋、AOI*。面元素以色塊形式出現(xiàn),很大程度上決定了一張地圖的色調(diào)。

*名詞解釋:POI, Point of Information的縮寫,即“信息點(diǎn)”。一個(gè)POI可以是一棟房子、一個(gè)商鋪。

*名詞解釋:AOI, Area of Interest的縮寫,即“信息面”。指的是區(qū)域狀的地理實(shí)體,如醫(yī)院、小區(qū)等。



- 核心設(shè)計(jì)原則


從定義可以看出,地圖是一種特殊的圖形語言,是以上所有元素的集合體。相比我們所了解的UI設(shè)計(jì)、運(yùn)營設(shè)計(jì),地圖有屬于自己的設(shè)計(jì)原則。以下為大家總結(jié)了一些核心的原則:


1、符合制圖學(xué)和公眾認(rèn)知

地圖發(fā)展到現(xiàn)在已經(jīng)成為了一門學(xué)科,我們會(huì)發(fā)現(xiàn)即使語言不通,拿到一張地圖時(shí)也能看懂,這是因?yàn)橛兄茍D學(xué)和公眾認(rèn)知在規(guī)范著地圖設(shè)計(jì)。如地圖默認(rèn)北向上、草地水系基本遵循物理世界的顏色、省界線是實(shí)線、停車場圖標(biāo)大多用P來代表等等。符合制圖學(xué)和公眾認(rèn)知,大大降低了用戶的學(xué)習(xí)成本和記憶負(fù)擔(dān),使地圖可以作為一種世界通用語言流通起來。


2、保證識別度

地圖屬于信息類工具,其上出現(xiàn)的元素均需清晰可識別,保證可讀性是最基本的設(shè)計(jì)原則。所以在設(shè)計(jì)時(shí)會(huì)限制顏色對比度、最小字號等,而具體規(guī)則會(huì)根據(jù)場景確定。


3、清晰有層次

地圖的層次清晰包含了兩個(gè)方面:信息主次清晰,視覺具有整體性。


信息主次清晰地圖信息龐雜,沒有主次關(guān)系會(huì)影響用戶的讀圖效率。在設(shè)計(jì)時(shí)需要考慮元素本身的特點(diǎn)、重要性,可通過顏色、icon/文字大小、線形寬窄等表達(dá)。做到同類元素有關(guān)聯(lián)性,不同元素有差異性。同時(shí),信息主次也會(huì)根據(jù)比例尺的變化有所調(diào)整。


視覺具有整體性在滴滴的業(yè)務(wù)場景中,地圖通常作為最底層組件出現(xiàn),上層還會(huì)有很多業(yè)務(wù)組件。因此在設(shè)計(jì)時(shí)需克制用色,既要保證地圖中各元素之間的區(qū)隔度,又要保證地圖整體與其他業(yè)務(wù)組件拉開視覺層級。這樣才能更好的突出當(dāng)前業(yè)務(wù)模塊的重點(diǎn),提升整體的使用效率和體驗(yàn)。


4、細(xì)分地圖模式

地圖在各業(yè)務(wù)模塊中應(yīng)用廣泛,用戶需求也不盡相同,設(shè)計(jì)時(shí)需要根據(jù)使用場景區(qū)分不同模式。以網(wǎng)約車場景為例,業(yè)務(wù)信息始終處于上層,地圖用來幫助用戶定位、快速發(fā)單。因此,網(wǎng)約車場景的地圖整體性強(qiáng)、色調(diào)偏冷、視覺層級后退,能更好的搭配網(wǎng)約車模塊的整體設(shè)計(jì),保證用戶的操作效率。



5、具有品牌特性

品牌調(diào)性一直是滴滴設(shè)計(jì)層面非常關(guān)注的原則,品牌基因貫穿了所有產(chǎn)品,始終具有獨(dú)特的視覺風(fēng)格。遵循品牌的視覺語言,使地圖可以更好的融合到產(chǎn)品中,保證了設(shè)計(jì)的統(tǒng)一性。



文章來源:站酷    作者:CDX創(chuàng)意設(shè)計(jì)中心


藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

標(biāo)簽: 交互設(shè)計(jì) 交互設(shè)計(jì)公司 用戶研究公司 共情設(shè)計(jì)




日歷

鏈接

個(gè)人資料

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 亚洲视频一区在线| 欧美日韩国产系列| 亚洲黄页一区| 欧美3dxxxxhd| 亚洲视频一区在线| 久久久一区二区| 亚洲最新在线视频| 国产一区二区剧情av在线| 欧美成人午夜视频| 欧美亚洲色图校园春色| 亚洲高清视频一区| 国产精品第13页| 久久久高清一区二区三区| 亚洲国产cao| 亚洲三级免费电影| 久久尤物视频| 久久国产日韩欧美| 亚洲欧美韩国| 亚洲毛片在线观看.| 黄色影院成人| 国产三级精品三级| 国产精品大片免费观看| 国产亚洲欧美日韩日本| 最新日韩av| 亚洲国产精品久久久久婷婷884| 国产精品乱码久久久久久| 欧美日韩国产不卡| 国产精品亚洲综合久久| 欧美视频在线观看免费网址| 久久永久免费| 久久美女艺术照精彩视频福利播放| 在线视频你懂得一区| 亚洲欧洲精品一区二区三区| 麻豆91精品| 乱中年女人伦av一区二区| 亚洲国产专区| 最新国产成人av网站网址麻豆| 亚洲亚洲精品三区日韩精品在线视频| 久久精品国产精品亚洲综合| 久久精品一区蜜桃臀影院 | 亚洲激情在线观看视频免费| 亚洲午夜一区| 亚洲性色视频| 嫩草成人www欧美| 免费一级欧美片在线播放| 久久久噜噜噜久久人人看| 91久久精品一区二区三区| 欧美一级免费视频| 欧美日韩免费在线观看| 欧美理论电影网| 亚洲欧美一区二区精品久久久| 亚洲一区二区三区高清| 欧美专区在线| 久久久久久亚洲精品不卡4k岛国| 91久久精品国产91久久| 久久精品首页| 国产在线欧美日韩| 在线观看日韩精品| 99国产精品一区| 午夜精品在线观看| 999在线观看精品免费不卡网站| 99国产精品国产精品久久| 亚洲一区欧美| 美女精品网站| 国产精品毛片一区二区三区| 亚洲精选中文字幕| 欧美成人在线免费视频| 亚洲无限乱码一二三四麻| 欧美三级小说| 亚洲一区二区三区午夜| 一本久道综合久久精品| 久久天天躁狠狠躁夜夜av| 国产丝袜美腿一区二区三区| 久久精品国产99国产精品| 欧美一级大片在线免费观看| 国产手机视频精品| 美女视频黄a大片欧美| 另类欧美日韩国产在线| 亚洲人屁股眼子交8| 亚洲啪啪91| 国产精品久久久一区麻豆最新章节| 亚洲无线视频| 亚洲欧美日韩国产综合在线 | 亚洲先锋成人| 国产婷婷色一区二区三区在线| 久久久av网站| 一区二区三区高清| 国产精品美女久久久久久免费 | 亚洲大片免费看| 香蕉视频成人在线观看| 亚洲日本va午夜在线电影| 欧美精品日韩www.p站| 在线看日韩av| 亚洲精品美女| 国产精品一区二区在线观看不卡| 亚洲另类在线一区| 99精品国产在热久久婷婷| 国产精品无人区| 欧美大片一区二区| 国产精品jizz在线观看美国| 99国产精品久久久久老师| 亚洲天堂网在线观看| 国产一区二区视频在线观看| 亚洲国产精品一区二区第一页| 国产精品第三页| 欧美国产精品日韩| 国产精品久久久久久久久搜平片 | 久久国产天堂福利天堂| 国产日韩欧美另类| 午夜视黄欧洲亚洲| 欧美一区二区视频观看视频| 亚洲一区二区三区国产| 国产精品免费网站| 裸体素人女欧美日韩| 麻豆乱码国产一区二区三区| 久久国内精品视频| 亚洲黄色小视频| 亚洲无吗在线| 亚洲国产成人av| 亚洲一区久久久| 亚洲精品乱码久久久久久久久 | 久久人人爽爽爽人久久久| 欧美激情第8页| 亚洲精品视频免费观看| 午夜精品一区二区三区电影天堂| 亚洲欧洲精品一区二区三区| 午夜综合激情| 亚洲欧洲99久久| 欧美理论电影网| 欧美成人激情视频| 狠狠色丁香婷婷综合| 巨乳诱惑日韩免费av| 国产精品久久久久久久久久ktv| 亚洲激情自拍| 亚洲高清不卡在线观看| 久久久99国产精品免费| 久久久综合视频| 国产一区二区高清不卡| 亚洲女女女同性video| 精品99一区二区三区| 午夜精品久久久久久久久久久久久 | 久久久亚洲国产天美传媒修理工| 国产精品麻豆欧美日韩ww| 日韩一级在线| 亚洲线精品一区二区三区八戒| 欧美日韩国产色视频| 99精品久久| 午夜影视日本亚洲欧洲精品| 国产精品日韩在线播放| 亚洲欧美区自拍先锋| 亚洲综合大片69999| 国产乱码精品一区二区三区五月婷| 欧美在线观看网址综合| 久久国产色av| 久久在线精品| 亚洲国产精品美女| 欧美高清在线| 在线视频精品一| 久久久999国产| 亚洲黄色大片| 欧美日韩在线亚洲一区蜜芽| 亚洲午夜国产成人av电影男同| 久久精品免费看| 亚洲精品国产品国语在线app| 欧美日本在线看| 亚洲一区二区三区四区在线观看 | 亚洲欧洲一二三| 亚洲资源av| 欧美日韩国内自拍| 一区二区三区四区蜜桃| 久久激情久久| 亚洲精品乱码久久久久久蜜桃麻豆| 欧美女同在线视频| 亚洲女女做受ⅹxx高潮| 欧美大片在线看| 午夜国产一区| 亚洲国产二区| 国产精品女主播| 美女国产一区| 亚洲欧美日本国产专区一区| 欧美国产日韩一二三区| 在线精品福利| 欧美性事免费在线观看| 久久av资源网| 久久免费国产精品1| 亚洲精品一区二区三区av| 国产欧美日韩精品一区| 日韩亚洲成人av在线| 久久青青草原一区二区| 中文在线一区| **欧美日韩vr在线| 国产精品日韩在线一区| 欧美成人网在线| 久久国产精品第一页| 日韩亚洲精品在线| 亚洲国产第一| 美乳少妇欧美精品| 欧美资源在线| 亚洲欧洲av一区二区| 亚洲天堂av高清|