2020-3-1 ui設(shè)計(jì)分享達(dá)人
前言:
B端行業(yè)在近兩年來(lái),由于其有穩(wěn)定的變現(xiàn)來(lái)源,在互聯(lián)網(wǎng)下半場(chǎng)的行業(yè)當(dāng)中,一直受到追捧,
它的興起,也造就了B端設(shè)計(jì)師的需求火熱,而互聯(lián)網(wǎng)的新聞也證實(shí)了這一點(diǎn):
騰訊:騰訊云、智慧零售、企業(yè)微信等著重發(fā)力
阿里:阿里云、釘釘、阿里媽媽等產(chǎn)品也處于B端前列
今日頭條:飛書、people、等內(nèi)部B端系統(tǒng),著重向國(guó)外市場(chǎng)發(fā)力
傳統(tǒng)的B端行業(yè)大佬在這一年也頻頻發(fā)力:有贊、金蝶、用友...都發(fā)布了不同的領(lǐng)域的產(chǎn)品
而現(xiàn)在,對(duì)于B端設(shè)計(jì)師有哪些分類呢?同時(shí)對(duì)于一些想轉(zhuǎn)型成為B端設(shè)計(jì)師都有什么要求呢?
我們先看看現(xiàn)在市場(chǎng)上對(duì)于B端設(shè)計(jì)師的需求:
從招聘需求上可以看出,這類B端設(shè)計(jì)主要是針對(duì)一些B端后臺(tái)頁(yè)面進(jìn)行體驗(yàn)設(shè)計(jì),更多會(huì)從交互層面上進(jìn)行思考,這也是B端設(shè)計(jì)的一大類:我稱其為B端業(yè)務(wù)設(shè)計(jì)
除了業(yè)務(wù)層設(shè)計(jì)之外,還活躍著另一類B端設(shè)計(jì):數(shù)據(jù)設(shè)計(jì)師
這類設(shè)計(jì)對(duì)數(shù)據(jù)的需求大,他們會(huì)對(duì)B端類的展示數(shù)據(jù)進(jìn)行設(shè)計(jì),因此我們將它稱為B端數(shù)據(jù)設(shè)計(jì)
現(xiàn)在如果你是一個(gè)準(zhǔn)備求職的設(shè)計(jì)師,相信你多多少少對(duì)于B端產(chǎn)品都會(huì)有所了解,因此我們來(lái)看看B端設(shè)計(jì),目前是一個(gè)怎樣的發(fā)展~
一、B端業(yè)務(wù)設(shè)計(jì)趨勢(shì)
我們自身對(duì)其定義是牽涉到B端業(yè)務(wù)層設(shè)計(jì),主要有管理頁(yè)面、B端移動(dòng)終端、各種移動(dòng)設(shè)備等。我就來(lái)聊聊我觀察到現(xiàn)在B端設(shè)計(jì)的行業(yè)現(xiàn)狀以及設(shè)計(jì)要求
1.1多端設(shè)計(jì)需求巨大
B端從來(lái)不乏多端設(shè)備的出現(xiàn),因此對(duì)于設(shè)計(jì)師而言也會(huì)有所考驗(yàn)
它和傳統(tǒng)的app設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)不同,在日常的場(chǎng)景當(dāng)中,B端的設(shè)備往往不止于此
比如在餐館經(jīng)??吹降狞c(diǎn)餐系統(tǒng),這些設(shè)備的出現(xiàn),更加考驗(yàn)的不僅僅是設(shè)計(jì)師對(duì)于視覺(jué)的設(shè)計(jì)能力,更加需要B端設(shè)計(jì)師對(duì)于整個(gè)產(chǎn)品業(yè)務(wù)的理解、切身體會(huì)使用者的效率,這也是B端設(shè)計(jì)師的門檻之一
我們?cè)僮屑?xì)拆分,在一套點(diǎn)餐系統(tǒng)當(dāng)中要考慮的因素:用戶操作的距離,是有只允許店主操作還是顧客也能自主選擇,使用者的年齡、使用者選擇所花費(fèi)的時(shí)間、選擇的所需時(shí)間等待,都是需要設(shè)計(jì)師進(jìn)行全盤考慮的。
所設(shè)計(jì)的東西,不僅要好看,同時(shí)還要滿足多種用戶對(duì)于終端的需求
因此B端產(chǎn)品的多端設(shè)計(jì),是一個(gè)重要的考驗(yàn)。
1.2設(shè)計(jì)中臺(tái)
設(shè)計(jì)中臺(tái)這個(gè)概念已經(jīng)炒了有兩三年了,但對(duì)于一些大公司團(tuán)隊(duì)而言,在一定程度上確實(shí)能夠給用戶帶來(lái)設(shè)計(jì)效率上的提升。但是對(duì)于一些中小團(tuán)隊(duì)來(lái)說(shuō),就要考慮到的更多是組件化的思維,而并非大而全的設(shè)計(jì)中臺(tái)
說(shuō)到組件化設(shè)計(jì),必須要提的就是原子設(shè)計(jì)
原子設(shè)計(jì)是一種設(shè)計(jì)系統(tǒng)的思維方式,他可以幫助我們?nèi)绾螌a(chǎn)品的元素整合到整個(gè)系統(tǒng)當(dāng)中
原子設(shè)計(jì)就是將一些設(shè)計(jì)元素拆解成極小的設(shè)計(jì)單位,可以是一種字體、一個(gè)圖標(biāo)、一個(gè)矩形,然后將原子組合成零件、制作成模塊、搭建成模版、最后形成頁(yè)面
讓自身的組件能夠有所自定義,從而使用到組件能夠適應(yīng)于工作的大多數(shù)場(chǎng)景,原子設(shè)計(jì)要分開(kāi)仔細(xì)講,可能需要幾篇文章,因此就不展開(kāi),大家感興趣之后會(huì)寫文章講到
對(duì)于組件化,每個(gè)公司對(duì)其需求各不相同,但如果是一款WEB端的產(chǎn)品,那對(duì)于組件的需求將會(huì)十分巨大。因?yàn)椴皇褂媒M件,面對(duì)關(guān)系復(fù)雜、頁(yè)面層級(jí)繁多、交互狀態(tài)多樣的情況下,你很難做到每一個(gè)頁(yè)面都能夠統(tǒng)一,因此小到組件化,大到設(shè)計(jì)中臺(tái),是B端設(shè)計(jì)師必備技能
1.3行業(yè)更加細(xì)分
B端設(shè)計(jì),行業(yè)細(xì)節(jié)也會(huì)更加明顯
比如之前做過(guò)IM系統(tǒng)的設(shè)計(jì)師,面對(duì)聊天,通訊錄、組織架構(gòu)等一系列模塊已經(jīng)爛熟于心,但是在嘗試CRM系統(tǒng)中,一套新的業(yè)務(wù)邏輯,考驗(yàn)的將是設(shè)計(jì)師對(duì)于業(yè)務(wù)快速理解的能力。
比如在醫(yī)美系統(tǒng)當(dāng)中,重點(diǎn)頁(yè)面你需要把握在檔案模塊以及客戶詳情,因?yàn)?,每一個(gè)客戶對(duì)于醫(yī)美師來(lái)說(shuō),都需要一系列的建檔操作,必須關(guān)注細(xì)節(jié),很多B端設(shè)計(jì)的細(xì)節(jié),往往決定著使用效率,要給出用戶很多使用的路徑,才能讓讓軟件做到好用
二、數(shù)據(jù)設(shè)計(jì)的趨勢(shì)
由于B端設(shè)計(jì)的興起,產(chǎn)業(yè)互聯(lián)網(wǎng)的轉(zhuǎn)型,而作為產(chǎn)業(yè)互聯(lián)網(wǎng)轉(zhuǎn)型的展示性成果,一塊數(shù)據(jù)可視化大屏自然缺少不了。而B端行業(yè)各種實(shí)業(yè)種類繁多,雖然現(xiàn)如今有很多可視化大廠,總結(jié)了許多不同行業(yè)的模版,但模版終究是模版,要真正解決問(wèn)題,不得已的去定制一些自己的數(shù)據(jù)可視化大屏。
例如:雙11大家看到的數(shù)據(jù)可視化,便是由阿里數(shù)據(jù)可視化團(tuán)隊(duì)定制而成的大屏
通過(guò)百度/谷歌關(guān)鍵詞查看,大家也能窺探一二,近幾年對(duì)于數(shù)據(jù)可視化熱度依舊不減,行業(yè)也逐漸成熟
從數(shù)據(jù)上也能夠看到,對(duì)于數(shù)據(jù)可視化的熱度也在持續(xù)增長(zhǎng),也進(jìn)一步說(shuō)明數(shù)據(jù)可視化未來(lái)是被人看好的。而我就來(lái)給大家說(shuō)說(shuō)數(shù)據(jù)可視化只為有哪些,需要具備什么能力呢?
2.1 數(shù)據(jù)設(shè)計(jì)師
這類職業(yè)對(duì)于設(shè)計(jì)師而言要求自身對(duì)數(shù)據(jù)有著很強(qiáng)的敏感性
而數(shù)據(jù)設(shè)計(jì)師不單單只是對(duì)現(xiàn)有數(shù)據(jù)進(jìn)行簡(jiǎn)單的繪制,要能夠理解數(shù)據(jù)其背后的含義,在什么時(shí)候,運(yùn)用什么數(shù)據(jù)圖形,使用什么圖形對(duì)于業(yè)務(wù)的表達(dá)更為合理,同時(shí)也要對(duì)數(shù)據(jù)進(jìn)行一定的整理與清洗工作,要從數(shù)據(jù)中提取出顧客想要的數(shù)據(jù)
比如國(guó)外最出名的便是拿破侖行軍圖,便是一張經(jīng)典的數(shù)據(jù)可視化
現(xiàn)在數(shù)據(jù)設(shè)計(jì)師更多是UX設(shè)計(jì)轉(zhuǎn)型成為,因?yàn)樗麄兡軌蚣骖櫵囆g(shù)表達(dá)和數(shù)據(jù)創(chuàng)作兩種不同的思路,更能夠滿足這類職業(yè)的訴求
國(guó)內(nèi)對(duì)于數(shù)據(jù)設(shè)計(jì)師更多的落地是運(yùn)用在制作一些數(shù)據(jù)大屏設(shè)計(jì)模版,比如公司在之前的數(shù)據(jù)設(shè)計(jì)當(dāng)中,已經(jīng)有一些產(chǎn)出和可以復(fù)用的組件,需要有數(shù)據(jù)設(shè)計(jì)師對(duì)這些組建根據(jù)業(yè)務(wù)的不同,進(jìn)行不同的組合。
這里呢,給大家推薦基本數(shù)據(jù)可視化比較好的書籍:
《數(shù)據(jù)之美》
2.2數(shù)據(jù)可視化設(shè)計(jì)
這類設(shè)計(jì)師更偏向視覺(jué)設(shè)計(jì),通常是企業(yè)定制的設(shè)計(jì)需求,有很多ToG、ToB項(xiàng)目都是需要為企業(yè)定制需求,很多視覺(jué)設(shè)計(jì)師開(kāi)始轉(zhuǎn)型從事這個(gè)行業(yè)。對(duì)于這類設(shè)計(jì)師而言,經(jīng)常處理的是如何讓畫面看起來(lái)更加炫酷,比如如何增加一些偽3D的效果,有一些動(dòng)態(tài)光暈的實(shí)現(xiàn)效果
因此,你需要熟悉一些視覺(jué)基礎(chǔ)軟件:PS、AI、Sketch、AE,同時(shí)對(duì)于企業(yè)來(lái)說(shuō),他們想要一些動(dòng)態(tài)的東西,比如簡(jiǎn)單的動(dòng)態(tài)背景,等等。而這類數(shù)據(jù)可視化的載體通常為網(wǎng)頁(yè)居多,也造就了很多動(dòng)態(tài)效果通過(guò)CSS進(jìn)行實(shí)現(xiàn),因此想做到這類需要有較好視覺(jué)功底,能夠處理數(shù)據(jù)展示層面的各種問(wèn)題
2.3 3D可視化盛行
這個(gè)在我之前文章其實(shí)有所講解,對(duì)行業(yè)現(xiàn)階段而言,各大公司從事的人也是越來(lái)越多。他們對(duì)于自身的要求會(huì)更明確,首先3D數(shù)據(jù)可視化相對(duì)于其他兩個(gè)門檻要更高。她要求設(shè)計(jì)師能夠獨(dú)立產(chǎn)出3D視覺(jué)效果,比如一些樓宇項(xiàng)目,需要有對(duì)樓宇的整個(gè)剖析,或者是智慧城市項(xiàng)目中,能夠先通過(guò)設(shè)計(jì)師C4D+AE實(shí)現(xiàn)出很好的效果,然后再對(duì)這些效果進(jìn)行游戲引擎的還原,從而實(shí)現(xiàn)可視化的落地。因此你需要對(duì)C4D、AE兩款軟件比較熟練的同時(shí),對(duì)數(shù)據(jù)展示也有自身的心得體會(huì)
3D數(shù)據(jù)可視化知名產(chǎn)品:
http://launchit.shanemielke.com/
我總結(jié)國(guó)內(nèi)外很多大廠制作可視化的利器,分享給大家:
阿里云:DataV
騰訊云:騰訊云圖
京東云:數(shù)據(jù)大屏
百度云:數(shù)據(jù)可視化sugar
數(shù)據(jù)可視化展示相關(guān):
GrowingIO:專注數(shù)據(jù)埋點(diǎn) 可以參考設(shè)計(jì)形式
神策數(shù)據(jù):也是數(shù)據(jù)埋點(diǎn) 可以參考設(shè)計(jì)形式
數(shù)據(jù)神器:
Tableau:功能最全的數(shù)據(jù)神器
轉(zhuǎn)自:站酷-
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com