設計師到底需不需要會代碼？

最新 05-15

全文共3917詞，閱讀大約需要10分鐘

設計師到底需不需要會代碼，這個話題經常被大家討論到。作為計算機專業出身的我而言，懂得一些代碼基礎給我的工作帶來的好處是非常多的。接下來就談談我對這個問題的一些看法，不一定對，有說錯的地方還望各位多多指教。

首先，我看待一個設計，不僅僅只是視覺稿，更是看到一個落地的產品，知道這個產品是如何做出來的。設計是創意到執行的過程，也是視覺思維到產品思維的演化。我今天做的設計，如何優化能更好的對接開發去做執行，我做的一套很好的架構，將來開發能夠做更好的適配。如果今天做的設計是站在幫助別人解決問題的基礎上，那麼我認為這個設計會非常的優秀。

視覺設計只是產品設計中的一環，縱向培養系統性設計思維，橫向培養產品體驗思維。在早先的一些設計師，會自己去做一些自己的個人網站，從設計到開發都自己做，那麼他們會學到一整套產品的設計流程，這個是比現在把工作拆的很散的視覺設計，交互設計，動效設計要思考的更多。

設計的本質是解決問題，而解決問題的核心是建立在設計師對產品和業務極其理解的基礎上才成立的。

其次，懂得一些代碼知識，能拓展自己的眼界，突破自身的限制，會知道更多實現的可能性。

再次，代碼的學習會鍛煉你的邏輯思維能力，與開發的對接能力，能夠提升團隊的工作效率。

據我與國外設計師的交流和看國外設計師招聘要求的過程中，會發現在國外，單純的視覺設計師其實是不多的。更多的可能是設計懂開發，開發也了解設計，大家都相互協作，合作會更加高效。這與現在國內某些公司提出的全鏈路設計師的觀點是不謀而合的。其實就我自己的觀點來看，從目前國外的工作狀況是能夠看到國內未來的發展趨勢的，畢竟我們現在經歷的很可能就是他們曾經都走過的路。

個人覺得，只要你有精力，並且有興趣，真的應該去了解下代碼知識，它很可能會讓你進入一個完全不一樣的世界。

好了，話不多說，以下是譯文：

我回顧自己的設計生涯，試圖找到這個問題的答案。

我知道過去已經有很多關於這方面的文章，而且很可能在未來這類文章也還會出現。我的目的不是想籠統的給出一個標準答案，相反，我是想通過分享一些我自己職業生涯中的經歷，可能與代碼相關，但其實最終我希望能為大家提供一種思路，關於這個問題的答案。

在正文開始之前先介紹下自己的背景。我確實了解一些HTML、CSS和ActionScript (RIP Flash)和基礎一點的JavaScript。我也學會了用自己的方法寫出了一個非常簡單的遊戲。但是，如果你問我是否懂得開發，在這一點上，我的答案是——我不會。我所懂得的只是一些非常基本的理解，知道一些事情是如何實現的，並且如果需要的話，我也可以靠自己的能力拚湊出一些東西(只要允許我用網路)。

有了以上這些背景介紹，接下來就進入我的回憶之旅吧。

2003年，我正式開始了我的設計之旅。我在10至12年級的這段時間就讀於一個中等專科學校學習平面造型設計，在那裡我學習了平面設計課程。在這3年間，我學到了很多東西，比如排版、色彩、構圖、品牌、攝影、印刷，還有很多與平面設計相關的東西，但是代碼並不是其中之一。現在我覺得有點遺憾，讓我告訴你為什麼。

從學校畢業後，17歲的我在一家小型出版公司找到了工作。我是公司唯一的設計師，我做的每件事都是我在學校里學到的，公司的品牌設計和雜誌設計，雜誌的編輯設計，雜誌廣告的品牌設計，還有…網頁設計。

回想起來,這是我職業生涯中第一次接觸代碼，懂一些代碼會很棒,尤其是知道現在有些事情實現起來可以很簡單,遺憾的是我不知道這個事實，我在那個時候對學習代碼是抵觸的，覺得那對自己沒有啥幫助。在那個時候，我想專註於我所認為的「真正的設計技巧」。我記得，那是2006年，當時的互聯網不像今天這樣發達(我的英文也不大好)，所以我沒法從網上自學，不幸的是我還是公司唯一的設計師，這意味著我不能指望其他來幫助我。

儘管如此，我還是成功地在網上建立了一個網站，儘管它沒有做得很好。我弄明白了Dreamweaver上的表格和超鏈接是如何工作的，我把一些東西拼湊在一起。最終結果是一個帶有大量圖片的HTML表格(這是網站的內容)，然後我做了一些超鏈接，跳轉到其他頁面…基本上一個合格的網頁設計師肯定會認為這是一種犯罪。CSS?我甚至不知道那是什麼。

我認為當時的主要鬥爭是我對學習代碼的抵觸。因為我對它一無所知，所以我認為它比實際情況要複雜得多，因此我一直在努力尋找解決它的方法。

一年後，我覺得我需要學習更多，因此我決定上大學。3年之後，我成為了一個更好的設計師(如果我可以這麼說的話)，我的技能提高了，但是我仍然對代碼一無所知，依然感到遺憾。

這次，不是因為我們沒有課程來學習basics語言，我們有一個，問題是老師幾乎沒打算教我們任何東西。可能是因為她覺得平面設計的學生對這個課程不感興趣，這在一定程度上是對的。我們確實抱怨老師，但我們哪兒也去不了。儘管我想學，但我有很多其他的項目在進行，同時也在一家小型廣告公司全職工作，所以，和我的大多數同學一樣，我只能把注意力集中在其他項目上，把代碼學習丟到了一邊。

責任推給老師很容易，但回想起來，我真的很後悔沒有花時間去學習basics語言，即使我真的有太多自己的事要做。這將會為我節省不少時間和規避不少挫折。

畢業後，我決定開始做一名自由職業者。猜猜我經常收到哪些類型的工作?網頁設計。然而，這次我有了一張王牌在手。我在平面設計中學會了Flash，我對它很熟悉，這就是我製作網站的方式。這是一種技巧，但它不是最有效的工具，每個網站的任何更改或添加都會花費我很多時間和耐心。

轉眼到了2012年，我不再設計網站了，我充分利用了我在Flash中學到的所有知識，在葡萄牙一家大型出版公司的多媒體部門製作互動資源。與此同時，我開始參加我的插圖和動畫碩士學位課程，其中一個實際上是編程。老實說，我從來都不知道編程與動畫或插圖有什麼關係，但現在我很慶幸自己選了這門課。老師很好，他對編程顯然充滿熱情並且知識豐富。多虧了他，我終於學會了一些編程知識(我自己用代碼做了一個遊戲)，並且我學會了如何學習代碼，完全被突然興趣和好奇所吸引。

現如今，我意識到這門課是一個轉折點，在有了這段經歷之後，代碼不再是一個未馴服的神秘野獸而變成了一個容易接近的東西，我認為這幫助我成為了一個更好的設計師。

有了這個新的興趣，我設法找到了解決問題的辦法，而這些問題是我過去無法解決的。一個很好的例子就是用最少的努力創建多解析度資源的挑戰。在網上搜索之後，我設法找到並調整了一個我需要的腳本，只需一次點擊即可創建所有資源。這是一個真正的節省時間的方法。幸運的是，現在我們的設計工具已經發展到可以提供這種功能的程度，但是幾年前還做不到，知道如何解釋和調整代碼為我節省了大量時間和工作。

這只是少數幾行代碼在生活中所能創造的許多小改進的一個例子，但是我作為一個設計師最看重的東西是能夠真正理解開發的限制和可能性。如果你沒有基本的概念，你的設計很可能就是盲目的。

你會看到你正在設計的設備，就像某種魔術盒子，你可能很難與那些製造「魔術」的人交流。如果你什麼都不知道，如果開發者只是告訴你某件事是不可能的，你就沒辦法做任何爭論。

不管是不是設計師，我認為每個人都應該了解下代碼知識。

我所考慮的是學習一些基礎編程語言，以及一個網站如何從幾行代碼到最終展現一些可視化的相關知識。

讓我們假設代碼是紙牌魔術，當你教某人如何表演這個魔術，然後他可能就會意識到，魔術中看到的都是誤導和技巧，並沒有任何超自然的東西。

我個人認為這應該在學校的早期就應該引入，並且應該在數學、文學和科學方面進行教學。為什麼?因為我們的大部分生活都依賴於代碼驅動的東西。我個人的經驗告訴我，簡單的介紹有助於揭開整個事物的神秘面紗，讓每個人都更容易接受編程。

現在，如果你正在設計軟體或網站，那麼我認為你至少要了解你在做什麼，以便儘可能達到最好的結果。

想像一下，你正在做物料設計，你對印刷過程一無所知——如何準備文件，使用什麼材料，或者你可以添加什麼類型的裝飾，你能成為一個合格的設計師嗎?我不這麼認為。

一個實用的例子是，當你需要提供一個開發團隊將會轉化為代碼的樣式規範時，真正了解你應該提供什麼內容的惟一方法是理解你正在處理的內容。