譯文|一點(diǎn)思考:設(shè)計(jì)師到底需不需要會(huì)代碼?

2 評(píng)論 3698 瀏覽 15 收藏 17 分鐘

懂得一些代碼知識(shí),能拓展自己的眼界,突破自身的限制,會(huì)知道更多實(shí)現(xiàn)的可能性。而且,代碼的學(xué)習(xí)會(huì)鍛煉你的邏輯思維能力,與開發(fā)的對(duì)接能力,能夠提升團(tuán)隊(duì)的工作效率。

設(shè)計(jì)師到底需不需要會(huì)代碼,這個(gè)話題經(jīng)常被大家討論到。作為計(jì)算機(jī)專業(yè)出身的我而言,懂得一些代碼基礎(chǔ)給我的工作帶來(lái)的好處是非常多的。接下來(lái)就談?wù)勎覍?duì)這個(gè)問(wèn)題的一些看法,不一定對(duì),有說(shuō)錯(cuò)的地方還望各位多多指教。

首先,我看待一個(gè)設(shè)計(jì),不僅僅只是視覺稿,更是看到一個(gè)落地的產(chǎn)品,知道這個(gè)產(chǎn)品是如何做出來(lái)的。設(shè)計(jì)是創(chuàng)意到執(zhí)行的過(guò)程,也是視覺思維到產(chǎn)品思維的演化。我今天做的設(shè)計(jì),如何優(yōu)化能更好的對(duì)接開發(fā)去做執(zhí)行,我做的一套很好的架構(gòu),將來(lái)開發(fā)能夠做更好的適配。如果今天做的設(shè)計(jì)是站在幫助別人解決問(wèn)題的基礎(chǔ)上,那么我認(rèn)為這個(gè)設(shè)計(jì)會(huì)非常的優(yōu)秀。

視覺設(shè)計(jì)只是產(chǎn)品設(shè)計(jì)中的一環(huán),縱向培養(yǎng)系統(tǒng)性設(shè)計(jì)思維,橫向培養(yǎng)產(chǎn)品體驗(yàn)思維。在早先的一些設(shè)計(jì)師,會(huì)自己去做一些自己的個(gè)人網(wǎng)站,從設(shè)計(jì)到開發(fā)都自己做,那么他們會(huì)學(xué)到一整套產(chǎn)品的設(shè)計(jì)流程,這個(gè)是比現(xiàn)在把工作拆的很散的視覺設(shè)計(jì),交互設(shè)計(jì),動(dòng)效設(shè)計(jì)要思考的更多。

設(shè)計(jì)的本質(zhì)是解決問(wèn)題,而解決問(wèn)題的核心是建立在設(shè)計(jì)師對(duì)產(chǎn)品和業(yè)務(wù)極其理解的基礎(chǔ)上才成立的。

其次,懂得一些代碼知識(shí),能拓展自己的眼界,突破自身的限制,會(huì)知道更多實(shí)現(xiàn)的可能性。再次,代碼的學(xué)習(xí)會(huì)鍛煉你的邏輯思維能力,與開發(fā)的對(duì)接能力,能夠提升團(tuán)隊(duì)的工作效率。

據(jù)我與國(guó)外設(shè)計(jì)師的交流和看國(guó)外設(shè)計(jì)師招聘要求的過(guò)程中,會(huì)發(fā)現(xiàn):在國(guó)外,單純的視覺設(shè)計(jì)師其實(shí)是不多的。更多的可能是設(shè)計(jì)懂開發(fā),開發(fā)也了解設(shè)計(jì),大家都相互協(xié)作,合作會(huì)更加高效。

這與現(xiàn)在國(guó)內(nèi)某些公司提出的全鏈路設(shè)計(jì)師的觀點(diǎn),是不謀而合的。其實(shí)就我自己的觀點(diǎn)來(lái)看:從目前國(guó)外的工作狀況,是能夠看到國(guó)內(nèi)未來(lái)的發(fā)展趨勢(shì)的,畢竟我們現(xiàn)在經(jīng)歷的很可能就是他們?cè)?jīng)都走過(guò)的路。

個(gè)人覺得,只要你有精力,并且有興趣,真的應(yīng)該去了解下代碼知識(shí),它很可能會(huì)讓你進(jìn)入一個(gè)完全不一樣的世界。

好了,話不多說(shuō),以下是譯文:

我回顧自己的設(shè)計(jì)生涯,試圖找到這個(gè)問(wèn)題的答案。

我知道過(guò)去已經(jīng)有很多關(guān)于這方面的文章,而且很可能在未來(lái)這類文章也還會(huì)出現(xiàn)。我的目的不是想籠統(tǒng)的給出一個(gè)標(biāo)準(zhǔn)答案,相反,我是想通過(guò)分享一些我自己職業(yè)生涯中的經(jīng)歷,可能與代碼相關(guān),但其實(shí)最終我希望能為大家提供一種思路,關(guān)于這個(gè)問(wèn)題的答案。

在正文開始之前先介紹下自己的背景。我確實(shí)了解一些HTML、CSS和ActionScript (RIP Flash)和基礎(chǔ)一點(diǎn)的JavaScript,我也學(xué)會(huì)了用自己的方法寫出了一個(gè)非常簡(jiǎn)單的游戲。但是,如果你問(wèn)我是否懂得開發(fā),在這一點(diǎn)上,我的答案是——我不會(huì)。

我所懂得的只是一些非?;镜睦斫?,知道一些事情是如何實(shí)現(xiàn)的,并且如果需要的話,我也可以靠自己的能力拼湊出一些東西(只要允許我用網(wǎng)絡(luò))。

有了以上這些背景介紹,接下來(lái)就進(jìn)入我的回憶之旅吧。

回頭看

2003年,我正式開始了我的設(shè)計(jì)之旅。我在10至12年級(jí)的這段時(shí)間,就讀于一個(gè)中等??茖W(xué)校學(xué)習(xí)平面造型設(shè)計(jì),在那里我學(xué)習(xí)了平面設(shè)計(jì)課程。在這3年間,我學(xué)到了很多東西,比如:排版、色彩、構(gòu)圖、品牌、攝影、印刷,還有很多與平面設(shè)計(jì)相關(guān)的東西,但是代碼并不是其中之一?,F(xiàn)在我覺得有點(diǎn)遺憾,讓我告訴你為什么。

從學(xué)校畢業(yè)后,17歲的我在一家小型出版公司找到了工作。我是公司唯一的設(shè)計(jì)師,我做的每件事都是我在學(xué)校里學(xué)到的,公司的品牌設(shè)計(jì)和雜志設(shè)計(jì),雜志的編輯設(shè)計(jì),雜志廣告的品牌設(shè)計(jì),還有…網(wǎng)頁(yè)設(shè)計(jì)。

回想起來(lái),這是我職業(yè)生涯中第一次接觸代碼,懂一些代碼會(huì)很棒,尤其是知道現(xiàn)在有些事情實(shí)現(xiàn)起來(lái),可以很簡(jiǎn)單。遺憾的是:我不知道這個(gè)事實(shí),我在那個(gè)時(shí)候?qū)W(xué)習(xí)代碼是抵觸的,覺得那對(duì)自己沒(méi)有啥幫助。在那個(gè)時(shí)候,我想專注于我所認(rèn)為的“真正的設(shè)計(jì)技巧”。

我記得,那是2006年,當(dāng)時(shí)的互聯(lián)網(wǎng)不像今天這樣發(fā)達(dá)(我的英文也不大好),所以我沒(méi)法從網(wǎng)上自學(xué),不幸的是我還是公司唯一的設(shè)計(jì)師,這意味著我不能指望其他來(lái)幫助我。

盡管如此,我還是成功地在網(wǎng)上建立了一個(gè)網(wǎng)站,盡管它沒(méi)有做得很好。我弄明白了Dreamweaver上的表格和超鏈接是如何工作的,我把一些東西拼湊在一起。最終結(jié)果是一個(gè)帶有大量圖片的HTML表格(這是網(wǎng)站的內(nèi)容),然后我做了一些超鏈接,跳轉(zhuǎn)到其他頁(yè)面…

基本上一個(gè)合格的網(wǎng)頁(yè)設(shè)計(jì)師,肯定會(huì)認(rèn)為這是一種犯罪,CSS?我甚至不知道那是什么。

我認(rèn)為當(dāng)時(shí)的主要斗爭(zhēng)是我對(duì)學(xué)習(xí)代碼的抵觸,因?yàn)槲覍?duì)它一無(wú)所知,所以我認(rèn)為它比實(shí)際情況要復(fù)雜得多,因此我一直在努力尋找解決它的方法。

一年后,我覺得我需要學(xué)習(xí)更多,因此我決定上大學(xué)。3年之后,我成為了一個(gè)更好的設(shè)計(jì)師(如果我可以這么說(shuō)的話),我的技能提高了,但是我仍然對(duì)代碼一無(wú)所知,依然感到遺憾。

這次,不是因?yàn)槲覀儧](méi)有課程來(lái)學(xué)習(xí)basics語(yǔ)言,我們有一個(gè),問(wèn)題是老師幾乎沒(méi)打算教我們?nèi)魏螙|西。可能是因?yàn)樗X得平面設(shè)計(jì)的學(xué)生對(duì)這個(gè)課程不感興趣,這在一定程度上是對(duì)的。

我們確實(shí)抱怨老師,但我們哪兒也去不了。盡管我想學(xué),但我有很多其他的項(xiàng)目在進(jìn)行,同時(shí)也在一家小型廣告公司全職工作。所以,和我的大多數(shù)同學(xué)一樣,我只能把注意力集中在其他項(xiàng)目上,把代碼學(xué)習(xí)丟到了一邊。

責(zé)任推給老師很容易,但回想起來(lái),我真的很后悔沒(méi)有花時(shí)間去學(xué)習(xí)basics語(yǔ)言,即使我真的有太多自己的事要做,這將會(huì)為我節(jié)省不少時(shí)間和規(guī)避不少挫折。

畢業(yè)后,我決定開始做一名自由職業(yè)者,猜猜我經(jīng)常收到哪些類型的工作?

網(wǎng)頁(yè)設(shè)計(jì)。然而,這次我有了一張王牌在手,我在平面設(shè)計(jì)中學(xué)會(huì)了Flash,我對(duì)它很熟悉,這就是我制作網(wǎng)站的方式。這是一種技巧,但它不是最有效的工具,每個(gè)網(wǎng)站的任何更改或添加都會(huì)花費(fèi)我很多時(shí)間和耐心。

轉(zhuǎn)眼到了2012年,我不再設(shè)計(jì)網(wǎng)站了,我充分利用了我在Flash中學(xué)到的所有知識(shí),在葡萄牙一家大型出版公司的多媒體部門制作互動(dòng)資源。與此同時(shí),我開始參加我的插圖和動(dòng)畫碩士學(xué)位課程,其中一個(gè)實(shí)際上是編程。

老實(shí)說(shuō),我從來(lái)都不知道編程與動(dòng)畫或插圖有什么關(guān)系,但現(xiàn)在我很慶幸自己選了這門課。老師很好,他對(duì)編程顯然充滿熱情并且知識(shí)豐富。多虧了他,我終于學(xué)會(huì)了一些編程知識(shí)(我自己用代碼做了一個(gè)游戲),并且我學(xué)會(huì)了如何學(xué)習(xí)代碼,完全被突然興趣和好奇所吸引。

大開眼界

現(xiàn)如今,我意識(shí)到這門課是一個(gè)轉(zhuǎn)折點(diǎn),在有了這段經(jīng)歷之后,代碼不再是一個(gè)未馴服的神秘野獸而變成了一個(gè)容易接近的東西,我認(rèn)為這幫助我成為了一個(gè)更好的設(shè)計(jì)師。

有了這個(gè)新的興趣,我設(shè)法找到了解決問(wèn)題的辦法,而這些問(wèn)題是我過(guò)去無(wú)法解決的。一個(gè)很好的例子:就是用最少的努力創(chuàng)建多分辨率資源的挑戰(zhàn)。

在網(wǎng)上搜索之后,我設(shè)法找到并調(diào)整了一個(gè)我需要的腳本,只需一次點(diǎn)擊即可創(chuàng)建所有資源,這是一個(gè)真正的節(jié)省時(shí)間的方法。幸運(yùn)的是,現(xiàn)在我們的設(shè)計(jì)工具,已經(jīng)發(fā)展到可以提供這種功能的程度,但是幾年前還做不到,知道如何解釋和調(diào)整代碼為我節(jié)省了大量時(shí)間和工作。

這只是少數(shù)幾行代碼在生活中所能創(chuàng)造的許多小改進(jìn)的一個(gè)例子,但是我作為一個(gè)設(shè)計(jì)師,最看重的東西是,能夠真正理解開發(fā)的限制和可能性。如果你沒(méi)有基本的概念,你的設(shè)計(jì)很可能就是盲目的。

你會(huì)看到你正在設(shè)計(jì)的設(shè)備,就像某種魔術(shù)盒子,你可能很難與那些制造“魔術(shù)”的人交流。如果你什么都不知道,如果開發(fā)者只是告訴你某件事是不可能的,你就沒(méi)辦法做任何爭(zhēng)論。

你應(yīng)該會(huì)代碼嗎?

不管是不是設(shè)計(jì)師,我認(rèn)為每個(gè)人都應(yīng)該了解下代碼知識(shí)。我所考慮的是學(xué)習(xí)一些基礎(chǔ)編程語(yǔ)言,以及一個(gè)網(wǎng)站如何從幾行代碼到最終展現(xiàn)一些可視化的相關(guān)知識(shí)。

讓我們假設(shè)代碼是紙牌魔術(shù),當(dāng)你教某人如何表演這個(gè)魔術(shù),然后他可能就會(huì)意識(shí)到,魔術(shù)中看到的都是誤導(dǎo)和技巧,并沒(méi)有任何超自然的東西。

我個(gè)人認(rèn)為這應(yīng)該在學(xué)校的早期就應(yīng)該引入,并且應(yīng)該在數(shù)學(xué)、文學(xué)和科學(xué)方面進(jìn)行教學(xué)。為什么?

因?yàn)槲覀兊拇蟛糠稚疃家蕾囉诖a驅(qū)動(dòng)的東西,我個(gè)人的經(jīng)驗(yàn)告訴我,簡(jiǎn)單的介紹有助于揭開整個(gè)事物的神秘面紗,讓每個(gè)人都更容易接受編程。

現(xiàn)在,如果你正在設(shè)計(jì)軟件或網(wǎng)站,那么我認(rèn)為你至少要了解你在做什么,以便盡可能達(dá)到最好的結(jié)果。

想象一下:你正在做物料設(shè)計(jì),你對(duì)印刷過(guò)程一無(wú)所知——如何準(zhǔn)備文件,使用什么材料,或者你可以添加什么類型的裝飾,你能成為一個(gè)合格的設(shè)計(jì)師嗎?我不這么認(rèn)為。

一個(gè)實(shí)用的例子是:當(dāng)你需要提供一個(gè)開發(fā)團(tuán)隊(duì)將會(huì)轉(zhuǎn)化為代碼的樣式規(guī)范時(shí),真正了解你應(yīng)該提供什么內(nèi)容的惟一方法是理解你正在處理的內(nèi)容。

熱情

即使我建議你對(duì)代碼只需要點(diǎn)到為止,但這并不意味著你不能深入研究,事實(shí)上你可以隨心所欲的學(xué)習(xí)。這只取決于你對(duì)什么感興趣,以及你有多少時(shí)間。

我建議你堅(jiān)定你的興趣,我認(rèn)為要做到更好,你的熱情比什么都重要。只有你對(duì)某件事充滿激情,你才會(huì)付諸實(shí)踐,并能一直堅(jiān)持下去,直到達(dá)到你的目標(biāo)。

要想成為一名更好的設(shè)計(jì)師,根據(jù)我的經(jīng)驗(yàn),你可能需要去鉆研很多學(xué)科,如果你對(duì)它充滿熱情,并且每次只做一個(gè),那就去做吧。

“我不害怕曾經(jīng)練過(guò)一萬(wàn)種踢法的人,但我害怕一種踢法練過(guò)一萬(wàn)次的人。”?—?李小龍

這就是說(shuō),你需要專注于學(xué)習(xí)某種技能,否則將無(wú)法正確地使用它。

如果你是一名設(shè)計(jì)師,在你想深入學(xué)習(xí)代碼時(shí)發(fā)現(xiàn)還是不感興趣,這也沒(méi)問(wèn)題。還有很多其他更有用的技能可能你會(huì)喜歡,專注于那些。我認(rèn)為每位設(shè)計(jì)師都需要有自己的定位,就像他們說(shuō)的,每個(gè)鍋都有一個(gè)屬于它蓋子。

現(xiàn)在你可能在想:

“對(duì)于那些需要會(huì)代碼的設(shè)計(jì)師的工作機(jī)會(huì)呢?如果我不懂,我就可能會(huì)錯(cuò)過(guò)機(jī)會(huì)?!?/p>

我想說(shuō),你真的想要做一份你并不熱衷的工作么?想想看:設(shè)計(jì)師這個(gè)職業(yè)其實(shí)也非常廣泛,有很多類別,對(duì)于每個(gè)工作機(jī)會(huì)來(lái)說(shuō),他們所需要的設(shè)計(jì)師類別也是完全不一樣的。他們有時(shí)會(huì)被視為完全不同的職業(yè),你所擔(dān)心的問(wèn)題就好比是,會(huì)計(jì)師擔(dān)心他的簡(jiǎn)歷可能會(huì)找不到銷售的工作,這完全沒(méi)道理,不是嗎?

我能給你的最好的建議是:了解你真正喜歡的東西,并全身心投入其中。練習(xí),直到你覺得還不錯(cuò),然后繼續(xù)練習(xí),如果你這樣做了,那么你應(yīng)該能夠找到屬于你的舞臺(tái)。

總結(jié)

你應(yīng)該對(duì)開發(fā)的工作需要有基本的了解嗎?

肯定是的,每個(gè)人(我的意思是每個(gè)人)都應(yīng)該。

你是否應(yīng)該深入學(xué)習(xí)開發(fā),對(duì)于僅僅身為設(shè)計(jì)師的你?

只要你對(duì)此有熱情,那就去學(xué)吧!

 

作者:José Torre

原文:https://uxdesign.cc/to-code-or-not-code-18eba05d186e

譯者:彩云Sky,公眾號(hào):彩云譯設(shè)計(jì)

本文由 @彩云Sky 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 厲害作者

    回復(fù)