本篇文章是《設計師想知道的 100 個前端問題》系列內容的第一期，這個系列內容是為了讓更多設計師小伙伴，或者是其他想學習前端的小伙伴快速了解前端是什么，怎么學，學什么。哪怕你不想學習前端，也需要去了解的一些在設計工作中常會碰到的前端或者開發技術相關的知識。

那么第一期的內容，我會先從最基礎的開始，先和大家聊聊前端是什么，順便和大家分享下，為什么我認為前端是最適合設計師學習的編程技能，最后，講一講為什么我覺得互聯網設計師需要去學習前端。

前端是什么

最近 Python 這個編程語言被炒得很火，甚至我在幾個設計公眾號都看到了 Python 的課程推廣，但是，對編程有一些了解的我果斷地要跟各位設計師說：不要學 Python，如果你想學習編程，那就學習前端吧！

不過前端其實不是一門語言，它應該是一類網站網頁的開發工作的總稱，而前端中使用的主要有四門語言：html，css，JavaScript，以及最近被收錄的 webassembly。關于具體的語言，我會放到下一期的設計師前端學習路徑里細說。

前端，這個名字乍聽之下其實還挺奇怪的，我們來看看它的英文，叫做 Front-end。把這兩個單詞拆開，Front 是前面的意思，End 是結束、末端的意思，所以翻譯過來就是前端。

其實這個前就是擺在用戶面前，所以前端就是用戶看得到的這些東西的開發工作，產出的就是我們能看得到的這些網站網頁。那既然有前端，相對應的肯定就有后端。后端 Back-end，后端就是在服務器上給網站網頁，或者軟件發送數據和接收處理儲存用戶數據的這些工作，而后端的工作絕大部分都是我們用戶感知不到，看不見也摸不著的。

所以我們可以簡單地將前端理解為開發網站網頁的技術，而前端工程師或者前端開發就是在公司負責寫網站網頁代碼的人。

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

了解完前端是什么，我們就要來說說為什么我覺得前端相比于其他編程語言更適合設計師學習？注意，這里我說的是設計師，并不專指互聯網行業的設計師。

我自己總結一下，有三個原因。

1. 前端負責網站頁面的視覺呈現和交互體驗，更適合設計師的口味

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

如果你是一個互聯網設計師，前端能實現的這些網站網頁 H5，就是你天天設計的東西。如果學會了前端，自己就能把自己設計的網站寫出來上線；設計個動效，就能用到自己的網站或者 H5 上；設計個交互，自己就能動手在頁面上實現出來。

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

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

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

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

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

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

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

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

為什么互聯網設計師需要去學習前端

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

關于這個問題，我想分為內因和外因兩個角度來說。

首先是內因，專業的復合型人才是互聯網設計師的這個職業自身發展的趨勢。

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

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

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

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

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

而作為互聯網的產品設計師，前端或者一定的開發技能就是你需要掌握的材料和工藝原理，最好還要有能力自己動手做一個非常真實的樣品出來，這樣的設計師不僅能高效地向專業的開發工程師傳達自己的設計意圖和理念，也能更好地和工程師配合，減少溝通損耗，讓自己的產品更好的落地。

而我相信，這樣的產品設計師，會是未來專業互聯網企業的標配，同時也是優秀的互聯網產品設計師的標準。

說完了內因，來說說外因。互聯網行業的發展和技術進步倒逼著我們這些互聯網設計師需要不斷提升自己的能力邊界。

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

經過這些年的互聯網行業的快速發展，現在市面上產品的同質化問題已經非常嚴重，尤其是主流的產品，換個顏色都不知道誰是誰了。

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

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

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

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

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

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

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

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

以上就是我自己關于互聯網設計師學習前端的一些粗淺的看法，希望這些內容能幫你解決一些對前端的疑惑。

延伸閱讀：

歡迎關注作者的公眾號：「三木自習室」