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

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


了解完前端是什么,我們就要來說說為什么我覺得前端相比于其他編程語言更適合設(shè)計師學(xué)習(xí)?注意,這里我說的是設(shè)計師,并不專指互聯(lián)網(wǎng)行業(yè)的設(shè)計師。

我自己總結(jié)一下,有三個原因。

1. 前端負(fù)責(zé)網(wǎng)站頁面的視覺呈現(xiàn)和交互體驗,更適合設(shè)計師的口味

就像前端這個名字所表達的,它負(fù)責(zé)的是用戶直接能看到并能產(chǎn)生交互的各種網(wǎng)站和產(chǎn)品的頁面,它符合設(shè)計師的視覺喜好,更容易激起設(shè)計師的學(xué)習(xí)興趣,而不用一開始去學(xué)習(xí)一堆乏味的算法和邏輯,學(xué)了半天也看不見有什么視覺上的產(chǎn)出。

如果你是一個互聯(lián)網(wǎng)設(shè)計師,前端能實現(xiàn)的這些網(wǎng)站網(wǎng)頁 H5,就是你天天設(shè)計的東西。如果學(xué)會了前端,自己就能把自己設(shè)計的網(wǎng)站寫出來上線;設(shè)計個動效,就能用到自己的網(wǎng)站或者 H5 上;設(shè)計個交互,自己就能動手在頁面上實現(xiàn)出來。

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

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

而 JavaScript 雖然相對于 html、css 而言有一些難度,但和其他的編程語言相比,也算是容易上手的。學(xué)習(xí)它就能給網(wǎng)頁加上很多交互和功能,做出很多酷炫的設(shè)計,各種三維的、圖形變化的,甚至 VR 的效果都不在話下。

3. 前端的應(yīng)用范圍極大,甚至可以說是無所不能,藝術(shù)編程也能搞定

我們都知道,網(wǎng)站網(wǎng)頁不僅能在電腦上通過瀏覽器打開,也能通過手機端的瀏覽器打開,還有在各種手機 app 里,比如微信的對話中,點擊一個網(wǎng)址,在微信內(nèi)部就會跳轉(zhuǎn)顯示一個頁面,這些都是我們比較常見的前端技術(shù)的應(yīng)用,而前端一套代碼就能搞定所有平臺?缙脚_的特性非常好,不用像 app 一樣,每個平臺都要用一種語言來寫。

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

如果有對 Processing 這個藝術(shù)編程語言感興趣的同學(xué),那么前端中也有一個專門用來實現(xiàn) processing 語言功能的庫 p5.js,所謂庫你可以理解為是 js 語言的一個工具包,能讓你在網(wǎng)頁中實現(xiàn)各種藝術(shù)編程的效果。

所以如果你學(xué)習(xí)了前端,那么也完全可以向另一個藝術(shù)編程的方向發(fā)展,用 js 實現(xiàn)很多非常有設(shè)計感的藝術(shù)作品。


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


聽到這些是不是覺得前端特別牛,那接下來我就要說一說為什么我覺得互聯(lián)網(wǎng)設(shè)計師需要去學(xué)習(xí)前端技能。當(dāng)然,我這里指的互聯(lián)網(wǎng)設(shè)計師是那些希望自己向產(chǎn)品設(shè)計方向發(fā)展,或者已經(jīng)在從事和產(chǎn)品設(shè)計相關(guān)的互聯(lián)網(wǎng)設(shè)計師,比如產(chǎn)品界面設(shè)計、產(chǎn)品體驗設(shè)計相關(guān)的一些崗位的設(shè)計師。假如你是想做運營方向或者品牌方向的互聯(lián)網(wǎng)設(shè)計師,以下的內(nèi)容也可以了解一下,做一點參考。

關(guān)于這個問題,我想分為內(nèi)因和外因兩個角度來說。

首先是內(nèi)因,專業(yè)的復(fù)合型人才是互聯(lián)網(wǎng)設(shè)計師的這個職業(yè)自身發(fā)展的趨勢。

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

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

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

于是有人說,未來專業(yè)的互聯(lián)網(wǎng)公司只會剩下三種設(shè)計師,品牌設(shè)計師,運營設(shè)計師,產(chǎn)品設(shè)計師。雖然我覺得這個說法有點夸張,但不可否認(rèn)這確實是一個很明顯的趨勢。

說到產(chǎn)品設(shè)計師,如果不說互聯(lián)網(wǎng),可能大家想到的都是工業(yè)產(chǎn)品設(shè)計師,也就是設(shè)計生活中用到的各種實體物品的設(shè)計師。一個優(yōu)秀的工業(yè)設(shè)計師,不僅要有審美,會畫手稿,更要了解材料,懂制造工藝,深諳人體工學(xué),甚至還要會自己制作逼真可用的樣品,這樣才有可能把產(chǎn)品做好。

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

而我相信,這樣的產(chǎn)品設(shè)計師,會是未來專業(yè)互聯(lián)網(wǎng)企業(yè)的標(biāo)配,同時也是優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品設(shè)計師的標(biāo)準(zhǔn)。

說完了內(nèi)因,來說說外因;ヂ(lián)網(wǎng)行業(yè)的發(fā)展和技術(shù)進步倒逼著我們這些互聯(lián)網(wǎng)設(shè)計師需要不斷提升自己的能力邊界。

這一點首先體現(xiàn)在當(dāng)前設(shè)計工作的同質(zhì)化和設(shè)計工作的智能化促使了低效的設(shè)計工作減少。

經(jīng)過這些年的互聯(lián)網(wǎng)行業(yè)的快速發(fā)展,現(xiàn)在市面上產(chǎn)品的同質(zhì)化問題已經(jīng)非常嚴(yán)重,尤其是主流的產(chǎn)品,換個顏色都不知道誰是誰了。

而且這兩年很多互聯(lián)網(wǎng)大廠都在提中臺化,中臺的其中一個作用就是減少重復(fù)和低效的工作,這當(dāng)然也包括設(shè)計工作,從而也逐步導(dǎo)致了現(xiàn)在很多設(shè)計工作基本上就是從組件庫里拖組件出來拼圖了。

與此同時,很多大廠以及一些初創(chuàng)公司都在輸出智能化的設(shè)計平臺和解決方案。大家比較熟知的,比如阿里的鹿班、國內(nèi)的搞定設(shè)計、國外的 wix,這些產(chǎn)品都是在用技術(shù)解決一些基本的設(shè)計師需求。比如快速出海報、快速出 logo,而且現(xiàn)在的設(shè)計軟件也越來越智能,以前要花很多時間才能搞定的工作現(xiàn)在也是分分鐘就可以解決,而且這種趨勢只會越來越明顯。

所以大公司在通過技術(shù)手段減少低效的重復(fù)勞動之后,需要設(shè)計師把更多的精力投入到創(chuàng)意性和探索性的工作上,而這些工作都需要一定的代碼能力作為支持,這樣才能更好更快地展示和驗證想法。

同時,如果設(shè)計師團隊的代碼能力夠,那么可以和開發(fā)團隊配合進行快速迭代開發(fā),設(shè)計師團隊專門負(fù)責(zé)樣式的代碼編寫,開發(fā)團隊則負(fù)責(zé)產(chǎn)品的功能和邏輯,這也會是一個發(fā)展趨勢。

對于很多小公司,很多初級的設(shè)計工作也可以通過一些方案快速解決,因此很多小公司并不在意設(shè)計師的設(shè)計能力有多高,更在意設(shè)計師的能力有多全。因此有一定的前端能力能讓設(shè)計師在小公司的工作中游刃有余,甚至能在一定程度上配合前端甚至取代一部分前端的工作,這樣的設(shè)計師對于小公司的團隊是一個非常大的優(yōu)勢。

另外一點,技術(shù)的發(fā)展導(dǎo)致前端和我們的設(shè)計工作越來越緊密。

今年 5G 非;馃幔S著 5G 的逐步鋪開,網(wǎng)速的提升對于前端的發(fā)展會起到巨大的推動作用。我們現(xiàn)在已經(jīng)有不少軟件是可以直接通過瀏覽器來使用了。未來,能夠直接通過瀏覽器打開應(yīng)用只會越來越多,前端技術(shù)的使用場景只會越來越豐富,也就是說,我們互聯(lián)網(wǎng)設(shè)計師和前端打交道的概率會越來越高,前端會成為互聯(lián)網(wǎng)設(shè)計師繞不過去的一個坎。

與此同時,前端的技術(shù)越成熟,學(xué)習(xí)難度越低,實用性越強,可用性越好,未來會出現(xiàn)更多有前端開發(fā)能力的獨立產(chǎn)品設(shè)計師,各種各樣有特色的前端相關(guān)的產(chǎn)品團隊,會有很多通過前端技術(shù)快速構(gòu)建的互聯(lián)網(wǎng)產(chǎn)品,這個趨勢隨著互聯(lián)網(wǎng)的持續(xù)發(fā)展只會越來越強。

以上就是我自己關(guān)于互聯(lián)網(wǎng)設(shè)計師學(xué)習(xí)前端的一些粗淺的看法,希望這些內(nèi)容能幫你解決一些對前端的疑惑。

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