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

為什么前端是最適合設計師學習的編程技能


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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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