了解完前端是什么，我們就要來(lái)說(shuō)說(shuō)為什么我覺(jué)得前端相比于其他編程語(yǔ)言更適合設(shè)計(jì)師學(xué)習(xí)？注意，這里我說(shuō)的是設(shè)計(jì)師，并不專(zhuān)指互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師。
我自己總結(jié)一下，有三個(gè)原因。
1. 前端負(fù)責(zé)網(wǎng)站頁(yè)面的視覺(jué)呈現(xiàn)和交互體驗(yàn)，更適合設(shè)計(jì)師的口味
就像前端這個(gè)名字所表達(dá)的，它負(fù)責(zé)的是用戶直接能看到并能產(chǎn)生交互的各種網(wǎng)站和產(chǎn)品的頁(yè)面，它符合設(shè)計(jì)師的視覺(jué)喜好，更容易激起設(shè)計(jì)師的學(xué)習(xí)興趣，而不用一開(kāi)始去學(xué)習(xí)一堆乏味的算法和邏輯，學(xué)了半天也看不見(jiàn)有什么視覺(jué)上的產(chǎn)出。
如果你是一個(gè)互聯(lián)網(wǎng)設(shè)計(jì)師，前端能實(shí)現(xiàn)的這些網(wǎng)站網(wǎng)頁(yè) H5，就是你天天設(shè)計(jì)的東西。如果學(xué)會(huì)了前端，自己就能把自己設(shè)計(jì)的網(wǎng)站寫(xiě)出來(lái)上線；設(shè)計(jì)個(gè)動(dòng)效，就能用到自己的網(wǎng)站或者 H5 上；設(shè)計(jì)個(gè)交互，自己就能動(dòng)手在頁(yè)面上實(shí)現(xiàn)出來(lái)。
2. 前端入門(mén)門(mén)檻低，初學(xué)者一兩個(gè)星期就能上手
前端的四門(mén)語(yǔ)言 html，css，JavaScript，webassembly，開(kāi)始的 html 和 css 是基礎(chǔ)中的基礎(chǔ)，是非常容易學(xué)習(xí)的兩門(mén)語(yǔ)言，這兩者甚至在很多人眼里都算不上編程語(yǔ)言，但是已經(jīng)能夠幫我們實(shí)現(xiàn)很多網(wǎng)頁(yè)和動(dòng)畫(huà)效果。
而 JavaScript 雖然相對(duì)于 html、css 而言有一些難度，但和其他的編程語(yǔ)言相比，也算是容易上手的。學(xué)習(xí)它就能給網(wǎng)頁(yè)加上很多交互和功能，做出很多酷炫的設(shè)計(jì)，各種三維的、圖形變化的，甚至 VR 的效果都不在話下。
3. 前端的應(yīng)用范圍極大，甚至可以說(shuō)是無(wú)所不能，藝術(shù)編程也能搞定
我們都知道，網(wǎng)站網(wǎng)頁(yè)不僅能在電腦上通過(guò)瀏覽器打開(kāi)，也能通過(guò)手機(jī)端的瀏覽器打開(kāi)，還有在各種手機(jī) app 里，比如微信的對(duì)話中，點(diǎn)擊一個(gè)網(wǎng)址，在微信內(nèi)部就會(huì)跳轉(zhuǎn)顯示一個(gè)頁(yè)面，這些都是我們比較常見(jiàn)的前端技術(shù)的應(yīng)用，而前端一套代碼就能搞定所有平臺(tái)？缙脚_(tái)的特性非常好，不用像 app 一樣，每個(gè)平臺(tái)都要用一種語(yǔ)言來(lái)寫(xiě)。
前端技術(shù)不僅能寫(xiě)網(wǎng)頁(yè)網(wǎng)站，還能寫(xiě)桌面端的軟件，比如 slack、figma notion 等軟件的桌面版本都是用前端的技術(shù)寫(xiě)的，同時(shí)還能搞定后端，自己寫(xiě)服務(wù)器的各種功能，開(kāi)發(fā)手機(jī)端的應(yīng)用，還有現(xiàn)在常用的小程序，也是基于前端的技術(shù)。
如果有對(duì) Processing 這個(gè)藝術(shù)編程語(yǔ)言感興趣的同學(xué)，那么前端中也有一個(gè)專(zhuān)門(mén)用來(lái)實(shí)現(xiàn) processing 語(yǔ)言功能的庫(kù) p5.js，所謂庫(kù)你可以理解為是 js 語(yǔ)言的一個(gè)工具包，能讓你在網(wǎng)頁(yè)中實(shí)現(xiàn)各種藝術(shù)編程的效果。
所以如果你學(xué)習(xí)了前端，那么也完全可以向另一個(gè)藝術(shù)編程的方向發(fā)展，用 js 實(shí)現(xiàn)很多非常有設(shè)計(jì)感的藝術(shù)作品。
聽(tīng)到這些是不是覺(jué)得前端特別牛，那接下來(lái)我就要說(shuō)一說(shuō)為什么我覺(jué)得互聯(lián)網(wǎng)設(shè)計(jì)師需要去學(xué)習(xí)前端技能。當(dāng)然，我這里指的互聯(lián)網(wǎng)設(shè)計(jì)師是那些希望自己向產(chǎn)品設(shè)計(jì)方向發(fā)展，或者已經(jīng)在從事和產(chǎn)品設(shè)計(jì)相關(guān)的互聯(lián)網(wǎng)設(shè)計(jì)師，比如產(chǎn)品界面設(shè)計(jì)、產(chǎn)品體驗(yàn)設(shè)計(jì)相關(guān)的一些崗位的設(shè)計(jì)師。假如你是想做運(yùn)營(yíng)方向或者品牌方向的互聯(lián)網(wǎng)設(shè)計(jì)師，以下的內(nèi)容也可以了解一下，做一點(diǎn)參考。
關(guān)于這個(gè)問(wèn)題，我想分為內(nèi)因和外因兩個(gè)角度來(lái)說(shuō)。
首先是內(nèi)因，專(zhuān)業(yè)的復(fù)合型人才是互聯(lián)網(wǎng)設(shè)計(jì)師的這個(gè)職業(yè)自身發(fā)展的趨勢(shì)。
如果你是一個(gè)從 12 年左右就開(kāi)始接觸互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師，那你應(yīng)該知道 12 年左右移動(dòng)互聯(lián)網(wǎng)剛開(kāi)始興起的時(shí)候，對(duì)于設(shè)計(jì)師的要求真的可以稱得上是價(jià)高質(zhì)低，那個(gè)時(shí)候能畫(huà)圖標(biāo)化界面的就已經(jīng)是非常合格的 UI 設(shè)計(jì)師了，而且那個(gè)時(shí)候還沒(méi)有 UX（用戶體驗(yàn)/交互）設(shè)計(jì)師。
直到后來(lái)，隨著行業(yè)發(fā)展，慢慢出現(xiàn)了專(zhuān)門(mén)的 UX、UE 設(shè)計(jì)師（用戶體驗(yàn)設(shè)計(jì)師）以及各種 UED、UXD 的設(shè)計(jì)部門(mén)，而 UI 設(shè)計(jì)師的要求也越來(lái)越高，畫(huà)圖標(biāo)畫(huà)界面成了基本能力，還要會(huì)做點(diǎn)動(dòng)效、插畫(huà)，要求會(huì)的技能也是越來(lái)越多。
而近一兩年，設(shè)計(jì)師的技能和職位又有了新的變化，首先是越來(lái)越多的 UI 和 UX、UE 設(shè)計(jì)師技能職位重合，于是出現(xiàn)了綜合型的設(shè)計(jì)師，更多地專(zhuān)注于產(chǎn)品設(shè)計(jì)，不再局限于只畫(huà)界面或者只做用研（交互體驗(yàn)），而很多配合產(chǎn)品運(yùn)營(yíng)的設(shè)計(jì)工作被專(zhuān)門(mén)的運(yùn)營(yíng)設(shè)計(jì)師承包了。
于是有人說(shuō)，未來(lái)專(zhuān)業(yè)的互聯(lián)網(wǎng)公司只會(huì)剩下三種設(shè)計(jì)師，品牌設(shè)計(jì)師，運(yùn)營(yíng)設(shè)計(jì)師，產(chǎn)品設(shè)計(jì)師。雖然我覺(jué)得這個(gè)說(shuō)法有點(diǎn)夸張，但不可否認(rèn)這確實(shí)是一個(gè)很明顯的趨勢(shì)。
說(shuō)到產(chǎn)品設(shè)計(jì)師，如果不說(shuō)互聯(lián)網(wǎng)，可能大家想到的都是工業(yè)產(chǎn)品設(shè)計(jì)師，也就是設(shè)計(jì)生活中用到的各種實(shí)體物品的設(shè)計(jì)師。一個(gè)優(yōu)秀的工業(yè)設(shè)計(jì)師，不僅要有審美，會(huì)畫(huà)手稿，更要了解材料，懂制造工藝，深諳人體工學(xué)，甚至還要會(huì)自己制作逼真可用的樣品，這樣才有可能把產(chǎn)品做好。
而作為互聯(lián)網(wǎng)的產(chǎn)品設(shè)計(jì)師，前端或者一定的開(kāi)發(fā)技能就是你需要掌握的材料和工藝原理，最好還要有能力自己動(dòng)手做一個(gè)非常真實(shí)的樣品出來(lái)，這樣的設(shè)計(jì)師不僅能高效地向?qū)I(yè)的開(kāi)發(fā)工程師傳達(dá)自己的設(shè)計(jì)意圖和理念，也能更好地和工程師配合，減少溝通損耗，讓自己的產(chǎn)品更好的落地。
而我相信，這樣的產(chǎn)品設(shè)計(jì)師，會(huì)是未來(lái)專(zhuān)業(yè)互聯(lián)網(wǎng)企業(yè)的標(biāo)配，同時(shí)也是優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)師的標(biāo)準(zhǔn)。
說(shuō)完了內(nèi)因，來(lái)說(shuō)說(shuō)外因；ヂ(lián)網(wǎng)行業(yè)的發(fā)展和技術(shù)進(jìn)步倒逼著我們這些互聯(lián)網(wǎng)設(shè)計(jì)師需要不斷提升自己的能力邊界。
這一點(diǎn)首先體現(xiàn)在當(dāng)前設(shè)計(jì)工作的同質(zhì)化和設(shè)計(jì)工作的智能化促使了低效的設(shè)計(jì)工作減少。
經(jīng)過(guò)這些年的互聯(lián)網(wǎng)行業(yè)的快速發(fā)展，現(xiàn)在市面上產(chǎn)品的同質(zhì)化問(wèn)題已經(jīng)非常嚴(yán)重，尤其是主流的產(chǎn)品，換個(gè)顏色都不知道誰(shuí)是誰(shuí)了。
而且這兩年很多互聯(lián)網(wǎng)大廠都在提中臺(tái)化，中臺(tái)的其中一個(gè)作用就是減少重復(fù)和低效的工作，這當(dāng)然也包括設(shè)計(jì)工作，從而也逐步導(dǎo)致了現(xiàn)在很多設(shè)計(jì)工作基本上就是從組件庫(kù)里拖組件出來(lái)拼圖了。
與此同時(shí)，很多大廠以及一些初創(chuàng)公司都在輸出智能化的設(shè)計(jì)平臺(tái)和解決方案。大家比較熟知的，比如阿里的鹿班、國(guó)內(nèi)的搞定設(shè)計(jì)、國(guó)外的 wix，這些產(chǎn)品都是在用技術(shù)解決一些基本的設(shè)計(jì)師需求。比如快速出海報(bào)、快速出 logo，而且現(xiàn)在的設(shè)計(jì)軟件也越來(lái)越智能，以前要花很多時(shí)間才能搞定的工作現(xiàn)在也是分分鐘就可以解決，而且這種趨勢(shì)只會(huì)越來(lái)越明顯。
所以大公司在通過(guò)技術(shù)手段減少低效的重復(fù)勞動(dòng)之后，需要設(shè)計(jì)師把更多的精力投入到創(chuàng)意性和探索性的工作上，而這些工作都需要一定的代碼能力作為支持，這樣才能更好更快地展示和驗(yàn)證想法。
同時(shí)，如果設(shè)計(jì)師團(tuán)隊(duì)的代碼能力夠，那么可以和開(kāi)發(fā)團(tuán)隊(duì)配合進(jìn)行快速迭代開(kāi)發(fā)，設(shè)計(jì)師團(tuán)隊(duì)專(zhuān)門(mén)負(fù)責(zé)樣式的代碼編寫(xiě)，開(kāi)發(fā)團(tuán)隊(duì)則負(fù)責(zé)產(chǎn)品的功能和邏輯，這也會(huì)是一個(gè)發(fā)展趨勢(shì)。
對(duì)于很多小公司，很多初級(jí)的設(shè)計(jì)工作也可以通過(guò)一些方案快速解決，因此很多小公司并不在意設(shè)計(jì)師的設(shè)計(jì)能力有多高，更在意設(shè)計(jì)師的能力有多全。因此有一定的前端能力能讓設(shè)計(jì)師在小公司的工作中游刃有余，甚至能在一定程度上配合前端甚至取代一部分前端的工作，這樣的設(shè)計(jì)師對(duì)于小公司的團(tuán)隊(duì)是一個(gè)非常大的優(yōu)勢(shì)。
另外一點(diǎn)，技術(shù)的發(fā)展導(dǎo)致前端和我們的設(shè)計(jì)工作越來(lái)越緊密。
今年 5G 非常火熱，隨著 5G 的逐步鋪開(kāi)，網(wǎng)速的提升對(duì)于前端的發(fā)展會(huì)起到巨大的推動(dòng)作用。我們現(xiàn)在已經(jīng)有不少軟件是可以直接通過(guò)瀏覽器來(lái)使用了。未來(lái)，能夠直接通過(guò)瀏覽器打開(kāi)應(yīng)用只會(huì)越來(lái)越多，前端技術(shù)的使用場(chǎng)景只會(huì)越來(lái)越豐富，也就是說(shuō)，我們互聯(lián)網(wǎng)設(shè)計(jì)師和前端打交道的概率會(huì)越來(lái)越高，前端會(huì)成為互聯(lián)網(wǎng)設(shè)計(jì)師繞不過(guò)去的一個(gè)坎。
與此同時(shí)，前端的技術(shù)越成熟，學(xué)習(xí)難度越低，實(shí)用性越強(qiáng)，可用性越好，未來(lái)會(huì)出現(xiàn)更多有前端開(kāi)發(fā)能力的獨(dú)立產(chǎn)品設(shè)計(jì)師，各種各樣有特色的前端相關(guān)的產(chǎn)品團(tuán)隊(duì)，會(huì)有很多通過(guò)前端技術(shù)快速構(gòu)建的互聯(lián)網(wǎng)產(chǎn)品，這個(gè)趨勢(shì)隨著互聯(lián)網(wǎng)的持續(xù)發(fā)展只會(huì)越來(lái)越強(qiáng)。
以上就是我自己關(guān)于互聯(lián)網(wǎng)設(shè)計(jì)師學(xué)習(xí)前端的一些粗淺的看法，希望這些內(nèi)容能幫你解決一些對(duì)前端的疑惑。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。