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