我做了一個(gè) HTML 可視化編輯工具，有前途嗎？

時(shí)間：2024-02-17 19:45:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-17 19:45:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

我做了一個(gè) HTML 可視化編輯工具，有前途嗎？：做過(guò)4個(gè)不同類型的可視化設(shè)計(jì)器，應(yīng)該說(shuō)比較有資格回答這個(gè)問(wèn)題。

試了下效果，和我三年前的一個(gè)想法一樣。但是你的這個(gè)工具完成度更高。

我現(xiàn)在公司做的可視化設(shè)計(jì)器也能實(shí)現(xiàn)幾乎網(wǎng)頁(yè)的所有效果，并且主要面向的是非前端開發(fā)人員，稍加培訓(xùn)就可能夠使用，但是你的這個(gè)完全沒(méi)有考慮普通人的感受，完全是站在前端開發(fā)的角度。只是給前端開發(fā)提供了一些便利，而且這個(gè)便利只是你以為的便利，我也是前端，但是越用越惱火，可視化設(shè)計(jì)工具是用來(lái)降低工作量的，為什么我感覺工作量提高了很多。

有幾個(gè)很影響體驗(yàn)的問(wèn)題

1.網(wǎng)頁(yè)設(shè)計(jì)中很多嵌套情況，你的設(shè)計(jì)中，把嵌套的頁(yè)面全部放在一個(gè)編輯區(qū)，導(dǎo)致根本不能有效進(jìn)行拖動(dòng)和移動(dòng)，除非你很清楚自己設(shè)計(jì)的頁(yè)面結(jié)構(gòu)，不然拖動(dòng)和上下移動(dòng)沒(méi)有任何意義，但是你能夠保證還記得自己幾天前設(shè)計(jì)的頁(yè)面結(jié)構(gòu)嗎？編輯存在不穩(wěn)定。

2.樣式屬性的設(shè)置，只考慮了屬性單個(gè)設(shè)置，沒(méi)有考慮組合，也就是場(chǎng)景化功能，沒(méi)有站在用戶角度考慮問(wèn)題，如果你的目標(biāo)用戶是前端開發(fā)，他用這個(gè)編輯器也會(huì)非常費(fèi)勁，還不如自己手動(dòng)寫代碼（我做的第一版就是這樣，做了很多自動(dòng)設(shè)置樣式功能，但是前端開發(fā)還是更喜歡用css注入），如果是需求或是后臺(tái)開發(fā)，操作難度太大，還需要知道比較深的前端技術(shù)。

3.編輯和預(yù)覽其實(shí)可以不一樣，沒(méi)必要在編輯的時(shí)候，做成完全的所見即所得，可以開兩個(gè)區(qū)域，一個(gè)編輯，一個(gè)預(yù)覽。編輯有自己的一套操作邏輯，比如邊界隔離，操作的預(yù)期的確定性，除非你做成絕對(duì)定位，否則永遠(yuǎn)不要把編輯和查看混在一起。

做這個(gè)東西是比較費(fèi)時(shí)間的，也就疫情在家才會(huì)這么閑，去年我做一個(gè)頁(yè)面編輯的研究項(xiàng)，一個(gè)月擼了2萬(wàn)多行前端代碼，整個(gè)人都要瘋了。但是做完后的成就感是非常強(qiáng)的。

也就現(xiàn)在這個(gè)時(shí)代，前端也能達(dá)到這種類似桌面軟件的效果，而桌面軟件注定要沒(méi)落，云端軟件會(huì)是一個(gè)非常大的南海，ps都可以在線編輯了，還有什么不可以換的。

還有一個(gè)我這幾年總結(jié)的經(jīng)驗(yàn)：如果一個(gè)東西什么都能做，也就代表它什么都做不好。

希望能夠繼續(xù)改進(jìn)吧，我一直認(rèn)為頁(yè)面設(shè)計(jì)器的潛力是很大的，前途是光明的，重要的是找準(zhǔn)方向，頁(yè)面設(shè)計(jì)太抽象了。方向有很多，例如大屏。也是頁(yè)面設(shè)計(jì)的一個(gè)分支，但是僅僅是多走出了一步，卻會(huì)讓人眼前一亮。