大家好，我是易知微的設(shè)計(jì)師元寶，這是7月29日下午關(guān)于「易知微標(biāo)準(zhǔn)可視化設(shè)計(jì)服務(wù)（以下簡(jiǎn)稱“設(shè)計(jì)服務(wù)”）」直播中，設(shè)計(jì)解讀環(huán)節(jié)的文字版。

進(jìn)入官網(wǎng)體驗(yàn)優(yōu)質(zhì)可視化模版&產(chǎn)品實(shí)驗(yàn)室&可視化設(shè)計(jì)服務(wù)?。?！??

https://easyv.cloud/?t=bz

本篇總結(jié)回顧了我從設(shè)計(jì)師視角出發(fā)，解讀易知微設(shè)計(jì)服務(wù)的范疇、工作內(nèi)容及方式的主要知識(shí)點(diǎn)。（想要直接觀看完整直播回放，或者咨詢?cè)O(shè)計(jì)服務(wù)的讀者，可拉到文章末尾，獲取入口）

01

「全設(shè)計(jì)流程」VS「標(biāo)準(zhǔn)設(shè)計(jì)服務(wù)」

首先，在完整的可視化項(xiàng)目中，設(shè)計(jì)師需要參與到以下4個(gè)主要環(huán)節(jié)，分別是：

1.項(xiàng)目調(diào)研2.策劃與原型3.設(shè)計(jì)&搭建（設(shè)計(jì)師主導(dǎo)）4.開發(fā)及后續(xù)配合

比較特殊的一點(diǎn)是——在易知微的項(xiàng)目流程中，這兩個(gè)工作都是設(shè)計(jì)師的核心工作：

根據(jù)原型和客戶的風(fēng)格傾向

進(jìn)行“畫圖”用EasyV搭建還原（類似前端還原）

我們可以看到，只有步驟3是由設(shè)計(jì)師主導(dǎo)的，其他環(huán)節(jié)都只需要設(shè)計(jì)師作為一個(gè)參與者。我們就是把這個(gè)核心的、設(shè)計(jì)師負(fù)責(zé)的環(huán)節(jié)，拆開來，成為了標(biāo)準(zhǔn)的設(shè)計(jì)服務(wù)，它可以獨(dú)立地嵌入到不同客戶的項(xiàng)目環(huán)節(jié)里，可以解決大部分購買了 EasyV 的客戶其團(tuán)隊(duì)缺乏專業(yè)、優(yōu)質(zhì)設(shè)計(jì)角色的問題。

以上是我們標(biāo)準(zhǔn)設(shè)計(jì)服務(wù)和完整項(xiàng)目服務(wù)，在流程環(huán)節(jié)上的對(duì)比關(guān)系。

02

設(shè)計(jì)服務(wù)「反應(yīng)爐」中發(fā)生了什么

我們接著來看看設(shè)計(jì)師在設(shè)計(jì)服務(wù)中所完成的具體事情。我們可以把設(shè)計(jì)師（或者說設(shè)計(jì)服務(wù)環(huán)節(jié)），比作一個(gè)“反應(yīng)爐”，或者說一個(gè)“程序”。在這個(gè)反應(yīng)爐中，針對(duì)可視化項(xiàng)目特點(diǎn)，設(shè)計(jì)師要制作4大類東西：

主視覺；

圖表；

FUI（也就是大家經(jīng)?？吹降目萍几性兀?/span>

交互；

其中，主視覺又可以拆解為3大類：

GIS地圖；

流程或結(jié)構(gòu)；

建設(shè)或設(shè)備；

為什么把「建筑/設(shè)備」標(biāo)紅呢？

是因?yàn)樵谠O(shè)計(jì)服務(wù)中，建筑/設(shè)備類型的模型主視覺，需要根據(jù)具體的需求，單獨(dú)評(píng)估建模的精細(xì)度、數(shù)量，然后可能需要增加額外的模型師參與，所以把它標(biāo)紅了，為特殊處理項(xiàng)。（后面會(huì)詳細(xì)解釋這個(gè)限制～）

以上，就是設(shè)計(jì)服務(wù)反應(yīng)爐中做的事情，反應(yīng)完成之后，有了輸出結(jié)果，我寫的是「一個(gè)可視化交互系統(tǒng)」，區(qū)別于普通的設(shè)計(jì)產(chǎn)物，我們輸出的不是一頁頁的設(shè)計(jì)稿，而是基于 EasyV 平臺(tái)的，可以點(diǎn)擊、交互的多頁面系統(tǒng)，它是有交互結(jié)構(gòu)的。

說完反應(yīng)爐的內(nèi)部運(yùn)作和輸出產(chǎn)物，我們來聊聊需要客戶給這個(gè)設(shè)計(jì)反應(yīng)爐投喂什么原料和指令，才能驅(qū)使它順利完成輸出？就在「反應(yīng)爐」的左邊，我列了2大資料文檔，分別是PRD和風(fēng)格意向評(píng)估，他們就是設(shè)計(jì)反應(yīng)爐需要的原料，為什么是這兩個(gè)東西，為什么他們很重要？我們接著看：

03

兩大關(guān)鍵「溝通物」提高「輸入質(zhì)量」

將PRD和風(fēng)格意向評(píng)估稱為關(guān)鍵的“溝通物”，并對(duì)他們做了細(xì)致的條目梳理，就是為了主動(dòng)地提高客戶給我們?cè)O(shè)計(jì)師的“輸入質(zhì)量”，輸入質(zhì)量越高，輸出質(zhì)量也就越高。

我們先看PRD（產(chǎn)品需求說明文檔）：

1.環(huán)境大屏放在什么場(chǎng)地、環(huán)境條件里？一般的觀看距離、角度？（這會(huì)影響配色、字號(hào)的使用判斷）。
2.硬件設(shè)備

• 尺寸和分辨率，是最基本的設(shè)計(jì)信息；

• 建議最小字號(hào)，這是硬件規(guī)格、觀看距離角度影響的；

• 顯色質(zhì)量和建議用色，這也是硬件質(zhì)量影響的。（如果客戶自己判斷不出來最小字號(hào)和建議用色，那一定要在填寫這一項(xiàng)的時(shí)候提出來，我們會(huì)配合進(jìn)行測(cè)試判斷，避免給后期設(shè)計(jì)造成誤導(dǎo)）；

• 性能參數(shù)，這個(gè)影響輸出品質(zhì)、和動(dòng)效的承載能力，簡(jiǎn)單來說就是——如果性能不好，那就應(yīng)該舍棄多動(dòng)效的預(yù)期，優(yōu)先保證流暢使用。

3.需求概述和原型大家做過軟件產(chǎn)品的話，一定再熟悉不過，所以就不多講了！要注意的只有兩條：

主視覺選型

主視覺造型就是要告訴我們，和客戶在討論后，是要放地圖，還是流程結(jié)構(gòu)，還是建筑設(shè)備？其中，地圖是世界地圖、地球、還是板塊地圖；如果是流程結(jié)構(gòu)，那要勾畫這個(gè)流程結(jié)構(gòu)的原型，傳達(dá)清楚元素關(guān)系。

指標(biāo)與數(shù)據(jù)特征描述一個(gè)觀點(diǎn)給到大家——可視化是數(shù)據(jù)和關(guān)系的可視化。

你得告訴設(shè)計(jì)師，指標(biāo)含義、數(shù)據(jù)有幾位、最大最小值、小數(shù)位等等特征信息，我們才能設(shè)計(jì)出好的數(shù)據(jù)可視化作品。舉個(gè)??，一個(gè)數(shù)，超過60變黃??，超過90變紅??，如果你的原型里就畫了一個(gè)數(shù)字，沒有任何說明，那這些變化，設(shè)計(jì)師根本不會(huì)知道，最后的設(shè)計(jì)就只有一種顏色。

我們?cè)賮砹牧?/span>風(fēng)格意向評(píng)估：

我們希望看到一個(gè)參考圖，因?yàn)?，既然找到我們做設(shè)計(jì)服務(wù)，肯定是對(duì)我們做過的東西有認(rèn)可的地方，直接給到一個(gè)參考圖，可以減少風(fēng)格樣式的來回拉扯，節(jié)約時(shí)間。當(dāng)然，即使有了參考圖，我們也是需要對(duì)客戶的意向做更細(xì)化的解剖，我們會(huì)從以下這幾個(gè)方面，拆解客戶想要的風(fēng)格，最后，形成一套更加契合的風(fēng)格設(shè)定：

• 色彩

• 氛圍裝飾

• 主視覺預(yù)期

• 動(dòng)效

? ?...總結(jié)一下，想要馬兒跑得快，給它喂的草一定好，想要設(shè)計(jì)服務(wù)做得好，PRD和風(fēng)格評(píng)估一定要準(zhǔn)備充分！

04

「標(biāo)準(zhǔn)」里的「限制」

我們可以把設(shè)計(jì)師比作一個(gè)帶著鐐銬跳舞的人，他不是隨心所欲的藝術(shù)家，他需要結(jié)合很多條件、限制，來優(yōu)雅美觀地畫圖。來看一下，要做標(biāo)準(zhǔn)設(shè)計(jì)服務(wù)，設(shè)計(jì)師的鏈子上掛了什么限制：

兩個(gè)灰色的“鐵球”：

設(shè)計(jì)前的工作：不是設(shè)計(jì)師主責(zé)，且需要和業(yè)務(wù)方來回確認(rèn)，完全可以由客戶方完成，所以把它用小刀切斷。

引擎：如果要用到引擎才能實(shí)現(xiàn)，那么就需要更專業(yè)的團(tuán)隊(duì)配備、更長(zhǎng)的制作時(shí)間，無法標(biāo)準(zhǔn)化，也用小刀切斷。

兩個(gè)紅色的：

建筑/設(shè)備；

組件定制；

這兩個(gè)紅色的“鐵球”，都需要更多角色參與，比如建模師、組件開發(fā)，這需要更多制作時(shí)間。

但是，它們無法被直接切斷，因?yàn)槿魏我粋€(gè)項(xiàng)目，總會(huì)有現(xiàn)有產(chǎn)品無法滿足的地方。只是我們需要評(píng)估和控制好工作量，如果具體情況具體分析后，我們確認(rèn)客戶的建模、定制需求在承接范圍內(nèi)，那就可以歸類到標(biāo)準(zhǔn)設(shè)計(jì)服務(wù)中，進(jìn)行投入。

所以，如果你的需求是明顯帶著這四類限制的，那么，我們建議你走完整項(xiàng)目的方式。
可能大家會(huì)有疑問，看下來，這個(gè)設(shè)計(jì)服務(wù)的限制還挺大，是不是稍微有點(diǎn)建模、組件定制，就不能走設(shè)計(jì)服務(wù)了？

不是的，歡迎大家先找我們咨詢?cè)u(píng)估！只是，如果你有大體量的建模需求，有較多的定制效果，那么，就超過我們?cè)O(shè)計(jì)服務(wù)的承接能力了，建議走完整的項(xiàng)目方式，否則我們硬接的話，容易出現(xiàn)內(nèi)部資源吃緊、交付困難，這也不是大家希望遇到的。

另外，看這張圖的最下面：

因?yàn)榛?EasyV 平臺(tái)，它有兩個(gè)肌肉：

一個(gè)是這幾年的組件能力和數(shù)量的積累，基本能覆蓋到大部分的標(biāo)準(zhǔn)可視化效果，不用稍微不一樣點(diǎn)的需求，就要定制開發(fā)。

另外一個(gè)就是「設(shè)計(jì)即搭建」，這可能是易知微設(shè)計(jì)師因?yàn)楣ぷ髁鞒坍a(chǎn)生的比較特別的地方，對(duì)于很多效果，不用走設(shè)計(jì)——開發(fā)——還原的老路子，直接基于 EasyV，可能就能設(shè)計(jì)出超過很多一般使用者無法做出的效果，而且設(shè)計(jì)出來的組件，就是直接可以做交互、接數(shù)據(jù)的。

所以，定制組件的限制，并沒有大家想象的那么大。

05

設(shè)計(jì)成果展示

這里展示一下我們的設(shè)計(jì)成果，讓大家對(duì)我們的能力有更多的了解，我把設(shè)計(jì)成果分為三層：

最底下，項(xiàng)目成果，很天然地，做了項(xiàng)目就有成果。大家可以從站酷、官網(wǎng)案例頁看到我們的項(xiàng)目成果展示。

第二層，項(xiàng)目之上，可以總結(jié)經(jīng)驗(yàn)，輸出教程，比如關(guān)于數(shù)據(jù)調(diào)研、可視化需求調(diào)研的經(jīng)驗(yàn)文章，關(guān)注我們公眾號(hào)的話，也會(huì)發(fā)現(xiàn)，里面會(huì)定期發(fā)一些小課、小教程。

最上邊，行業(yè)規(guī)范體系的成果，這是之前和即時(shí)設(shè)計(jì)合作上架的 3 套可視化基礎(chǔ)規(guī)范元件，他們的作用就是保證在一個(gè)項(xiàng)目主題下，延展的頁面都是遵循一致性的。

正是這些設(shè)計(jì)積累，讓我們的設(shè)計(jì)師有能力去承接好設(shè)計(jì)環(huán)節(jié)，也才有今天有能力和意愿把設(shè)計(jì)環(huán)節(jié)拆解出來，幫更多的客戶解決設(shè)計(jì)難的問題。

06

如何保證風(fēng)格契合度

最后，主動(dòng)回答一下大家可能會(huì)有的一個(gè)疑慮——即使，前期的風(fēng)格意向評(píng)估很充足后，還是擔(dān)心做的風(fēng)格樣式不是自己想要的，不滿意怎么辦？

我想，存在這個(gè)疑慮的原因是——擔(dān)心我們的設(shè)計(jì)輸出的穩(wěn)定度，以及風(fēng)格契合度。那我們是怎么去保證我們的設(shè)計(jì)師，有一個(gè)好的設(shè)計(jì)穩(wěn)定度和契合度的呢？

兩個(gè)方面：

左邊：從招聘、標(biāo)準(zhǔn)化培養(yǎng)、內(nèi)部學(xué)習(xí)，保證設(shè)計(jì)的人是資質(zhì)OK的。

右邊：從流程上，給客戶的稿子，有內(nèi)部評(píng)審把關(guān)，初稿要匯報(bào)溝通，及時(shí)修正方向性的偏差，確認(rèn)風(fēng)格 demo 后，每產(chǎn)出一定量的頁面，都會(huì)有階段性的審核加匯報(bào)，我們會(huì)主動(dòng)避免出現(xiàn)風(fēng)格偏差，因?yàn)闆]有一個(gè)設(shè)計(jì)師希望全部做完后，被客戶否定方案。

總結(jié)一下，就是從人、流程兩大方面，規(guī)避設(shè)計(jì)質(zhì)量問題。
以上，便是所有關(guān)于易知微標(biāo)準(zhǔn)設(shè)計(jì)服務(wù)的設(shè)計(jì)側(cè)解讀了，希望能幫到大家。

▼一圖看懂設(shè)計(jì)服務(wù)▼

歡迎各位友友來易知微搭建屬于自己的「可視化平臺(tái)」、體驗(yàn)優(yōu)質(zhì)的「可視化設(shè)計(jì)服務(wù)」

https://easyv.cloud/?t=bz