高德地圖3D版引導(dǎo)圖設(shè)計(jì)
整理了幾個高德地圖3D版本的引導(dǎo)圖與開機(jī)閃屏設(shè)計(jì)理念與制作方法
整理了幾個高德地圖3D版本的引導(dǎo)圖與開機(jī)閃屏設(shè)計(jì)理念與制作方法。

這個3D系列設(shè)計(jì)根據(jù)高德地圖版本迭代的功能特性,注重單個功能點(diǎn)的優(yōu)化,所以化繁為簡,將之前的“場景化設(shè)計(jì)”改成了“單個功能點(diǎn)特征”的設(shè)計(jì),讓用戶在快速瀏覽的時候能一眼看到更新的功能點(diǎn)。
高德地圖目前處于快速迭代的階段,平均3周會有一個版本,每次的更新都會優(yōu)化現(xiàn)有功能和增加新功能點(diǎn)。根據(jù)這種特性,我們將引導(dǎo)圖中的重心放在一個“物”上,由一個圖案來表達(dá)這個功能點(diǎn)的更新。
兩位設(shè)計(jì)師嘗試了兩個不同風(fēng)格的草圖:

兩種風(fēng)格都各有其識別性,但是相對于地圖行業(yè)來說風(fēng)格并不適合,而且如果帶有個人的繪畫風(fēng)格,不利于多人共同制作和統(tǒng)一效果。
所以我們會嘗試使用3d建模的方式,統(tǒng)一視覺效果,并且更能吻合地圖軟件的行業(yè)特征。

制作流程就是先通過3D建模,然后在photoshop里面重新繪制形體和著色。這種方式能在3D中方便的塑形和保持一致的透視關(guān)系,制作起來也很方便快捷。
以下是成品效果圖:

經(jīng)過兩個版本的繪制后,我們將襯托物體的底圖也做了一些細(xì)節(jié)處理,這樣畫面更為細(xì)膩,同時也和物體本身的場景能匹配。

細(xì)化新底圖后的設(shè)計(jì)效果:

在應(yīng)用商店的圖片也復(fù)用了引導(dǎo)圖中的設(shè)計(jì)元素,能加快設(shè)計(jì)輸出的效率和有不錯的視覺效果:

接下來說說閃屏設(shè)計(jì)。除了普通版本的閃屏,我們還設(shè)計(jì)了帶有廣告語的版本,最開始也是比較生硬的把廣告語用同樣的方式做了草圖:

其實(shí)整體效果還ok,但是缺乏“行業(yè)調(diào)性”,有時候就是領(lǐng)導(dǎo)口中常說的“大氣”。那么為了更明確的把宣傳重點(diǎn)傳達(dá)出去,經(jīng)過幾個版本的草圖試驗(yàn),最后我們選擇了這個角度來表現(xiàn):

同樣是3D建模,然后在photoshop加工潤色的方式。
以上是3D版本的引導(dǎo)圖和閃屏設(shè)計(jì),感謝你的閱讀。往期的引導(dǎo)圖設(shè)計(jì)在這兩個設(shè)計(jì)師的空間中,有興趣可以去看看:
http://www.zuodeer.cn/u/353331
http://www.zuodeer.cn/u/526898






































