為什么前端是最適合設(shè)計(jì)師學(xué)習(xí)的編程技能?
發(fā)布時(shí)間:2022-01-26 11:16 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

為什么前端是最適合設(shè)計(jì)師學(xué)習(xí)的編程技能


了解完前端是什么,我們就要來(lái)說(shuō)說(shuō)為什么我覺(jué)得前端相比于其他編程語(yǔ)言更適合設(shè)計(jì)師學(xué)習(xí)?注意,這里我說(shuō)的是設(shè)計(jì)師,并不專指互聯(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í)興趣,而不用一開始去學(xué)習(xí)一堆乏味的算法和邏輯,學(xué)了半天也看不見有什么視覺(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)站寫出來(lái)上線;設(shè)計(jì)個(gè)動(dòng)效,就能用到自己的網(wǎng)站或者 H5 上;設(shè)計(jì)個(gè)交互,自己就能動(dòng)手在頁(yè)面上實(shí)現(xiàn)出來(lái)。

2. 前端入門門檻低,初學(xué)者一兩個(gè)星期就能上手

前端的四門語(yǔ)言 html,css,JavaScript,webassembly,開始的 html 和 css 是基礎(chǔ)中的基礎(chǔ),是非常容易學(xué)習(xí)的兩門語(yǔ)言,這兩者甚至在很多人眼里都算不上編程語(yǔ)言,但是已經(jīng)能夠幫我們實(shí)現(xiàn)很多網(wǎng)頁(yè)和動(dòng)畫效果。

而 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ò)瀏覽器打開,也能通過(guò)手機(jī)端的瀏覽器打開,還有在各種手機(jī) app 里,比如微信的對(duì)話中,點(diǎn)擊一個(gè)網(wǎng)址,在微信內(nèi)部就會(huì)跳轉(zhuǎn)顯示一個(gè)頁(yè)面,這些都是我們比較常見的前端技術(shù)的應(yīng)用,而前端一套代碼就能搞定所有平臺(tái)?缙脚_(tái)的特性非常好,不用像 app 一樣,每個(gè)平臺(tái)都要用一種語(yǔ)言來(lái)寫。

前端技術(shù)不僅能寫網(wǎng)頁(yè)網(wǎng)站,還能寫桌面端的軟件,比如 slack、figma notion 等軟件的桌面版本都是用前端的技術(shù)寫的,同時(shí)還能搞定后端,自己寫服務(wù)器的各種功能,開發(fā)手機(jī)端的應(yīng)用,還有現(xiàn)在常用的小程序,也是基于前端的技術(shù)。

如果有對(duì) Processing 這個(gè)藝術(shù)編程語(yǔ)言感興趣的同學(xué),那么前端中也有一個(gè)專門用來(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ù)作品。


為什么互聯(lián)網(wǎng)設(shè)計(jì)師需要去學(xué)習(xí)前端


聽到這些是不是覺(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)因,專業(yè)的復(fù)合型人才是互聯(lián)網(wǎng)設(shè)計(jì)師的這個(gè)職業(yè)自身發(fā)展的趨勢(shì)。

如果你是一個(gè)從 12 年左右就開始接觸互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師,那你應(yīng)該知道 12 年左右移動(dòng)互聯(lián)網(wǎng)剛開始興起的時(shí)候,對(duì)于設(shè)計(jì)師的要求真的可以稱得上是價(jià)高質(zhì)低,那個(gè)時(shí)候能畫圖標(biāo)化界面的就已經(jīng)是非常合格的 UI 設(shè)計(jì)師了,而且那個(gè)時(shí)候還沒(méi)有 UX(用戶體驗(yàn)/交互)設(shè)計(jì)師。

直到后來(lái),隨著行業(yè)發(fā)展,慢慢出現(xiàn)了專門的 UX、UE 設(shè)計(jì)師(用戶體驗(yàn)設(shè)計(jì)師)以及各種 UED、UXD 的設(shè)計(jì)部門,而 UI 設(shè)計(jì)師的要求也越來(lái)越高,畫圖標(biāo)畫界面成了基本能力,還要會(huì)做點(diǎn)動(dòng)效、插畫,要求會(huì)的技能也是越來(lái)越多。

而近一兩年,設(shè)計(jì)師的技能和職位又有了新的變化,首先是越來(lái)越多的 UI 和 UX、UE 設(shè)計(jì)師技能職位重合,于是出現(xiàn)了綜合型的設(shè)計(jì)師,更多地專注于產(chǎn)品設(shè)計(jì),不再局限于只畫界面或者只做用研(交互體驗(yàn)),而很多配合產(chǎn)品運(yùn)營(yíng)的設(shè)計(jì)工作被專門的運(yùn)營(yíng)設(shè)計(jì)師承包了。

于是有人說(shuō),未來(lái)專業(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ì)畫手稿,更要了解材料,懂制造工藝,深諳人體工學(xué),甚至還要會(huì)自己制作逼真可用的樣品,這樣才有可能把產(chǎn)品做好。

而作為互聯(lián)網(wǎng)的產(chǎn)品設(shè)計(jì)師,前端或者一定的開發(fā)技能就是你需要掌握的材料和工藝原理,最好還要有能力自己動(dòng)手做一個(gè)非常真實(shí)的樣品出來(lái),這樣的設(shè)計(jì)師不僅能高效地向?qū)I(yè)的開發(fā)工程師傳達(dá)自己的設(shè)計(jì)意圖和理念,也能更好地和工程師配合,減少溝通損耗,讓自己的產(chǎn)品更好的落地。

而我相信,這樣的產(chǎn)品設(shè)計(jì)師,會(huì)是未來(lái)專業(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ì)的代碼能力夠,那么可以和開發(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ā)展趨勢(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 非;馃幔S著 5G 的逐步鋪開,網(wǎng)速的提升對(duì)于前端的發(fā)展會(huì)起到巨大的推動(dòng)作用。我們現(xiàn)在已經(jīng)有不少軟件是可以直接通過(guò)瀏覽器來(lái)使用了。未來(lái),能夠直接通過(guò)瀏覽器打開應(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)更多有前端開發(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ì)前端的疑惑。

HTML基礎(chǔ)視頻教程
我要自學(xué)網(wǎng)商城 ¥30 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC