我理解的前端視覺化

張3瘋one發表於2019-04-12

剛好在知乎一個問題,也搬運到這裡隨著深入不斷完善。

最近半年多也在研究視覺化相關的方向。

個人理解視覺化相對來說是一個相對獨立的理論的理論學科,同時也可以說是一個跨學科的體系,不止是前端,其實我們所使用的桌面系統,GUI 都屬於視覺化的一部分,包括演算法,資料分析其實都是依靠圖形化介面,也就是視覺化的。這樣來看視覺化是非常龐大的。

所以前端視覺化只是視覺化方向的一個技術分支,我覺得主要是因為環境,加上瀏覽器的相容,以及有 canvas 和對 webgl 的友好支援,基本涵蓋了 2D 和 3D 圖形化成像。

包含那些知識

我覺得既然是前端視覺化,前端三架馬車的基礎能力肯定是必須要掌握的。接著視覺化方向重點了解一下 canvas 和 webgl,canvas 相對還好,webgl 不建議一開始直接使用,可以看看 three.js,包括其中的例子,都值得看看。國內外也有比較好的視覺化庫,比如 echars,D3,highchart 等。

其實看這些優秀開源作品除了會用外,其實應該去看看為什麼這個設計,有什麼業務邏輯包含在裡面,別人做視覺化為什麼要用這個,對使用者友好還是思維習慣,這也是我在思考的和接著去學習的。所以除了技術本身,視覺化還應該瞭解的知識還有設計,互動,以及產品業務思維。逐漸深入可能還會接觸到圖形學和數學知識等。

我覺得以上知識,短時間內一個人不太容易搞定,可以慢慢培養,一個成體系的視覺化作品肯定需要不同的人協作的,多思考,或者先加強自己參與的部分,擴充套件邊界,有自己的想法。

總結一下:前端相關知識,互動 & 設計,圖形學,數學,產品思維等。

是前端發展前途嗎?

個人覺得是的,現在其實各行各業,隨著資料,演算法等逐漸增長,其實有一個好的視覺化是非常有必要的。所謂「愛美之心」,誰不想通過好看的圖形介面一眼看出自己想要的結果呢?

另外還有 5G 時代,勢必會引發 VR,AR 等行業的興起,網速加快,流量加快,誰不想讓自己的網頁好看一點呢。(當然效能優化也應該加入考慮......)

如何學習(隨著自己深入不斷完善)

這也是我正在學習的,目前我建議先會用優秀的庫,會看,然後最好帶一點自己的思考。就比如很多優秀的計算機教材都提到「自頂向下***」什麼的,用好,深入,再用好,再深入,查漏補缺,在迴圈中積累經驗,擴充套件邊界。

相關文章