在我作為UI設(shè)計(jì)師工作的第二年，有天下午匾旭，跟我一組的前端工程師Stern過來跟我說塞茅，讓我跟他一起面試一個(gè)應(yīng)聘前端的畢業(yè)生。我一邊隨他前往季率，一邊想為什么要我跟他去面試？要面的話我也應(yīng)當(dāng)是面UI啊描沟。
該應(yīng)聘者是一個(gè)剛剛走出校門的飒泻、一心想扎進(jìn)互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)系學(xué)生。他給我看了他的作品集吏廉，排版整齊泞遗，打印精良，可以看得出這是一個(gè)在校期間非常努力和優(yōu)秀的學(xué)生席覆。他的項(xiàng)目范圍非常廣泛史辙，雖然和我一樣是工業(yè)設(shè)計(jì)出身，但不像我畢業(yè)才開始做UI設(shè)計(jì)。這個(gè)小弟在校期間除了工業(yè)設(shè)計(jì)的項(xiàng)目聊倔，已經(jīng)接觸了大量的交互和體驗(yàn)方面的實(shí)戰(zhàn)項(xiàng)目晦毙，并且他在他的作品中表現(xiàn)出來的那種設(shè)計(jì)潛力值得贊賞，再加上我本科期間的幾個(gè)老師都是出自他的母校耙蔑，讓我對(duì)此人印象頗佳见妒。
我問他為什么要報(bào)前端職位啊甸陌？他說他覺得前端更有挑戰(zhàn)须揣，而且做前端可以順帶做設(shè)計(jì)。支撐這個(gè)小弟有信心以設(shè)計(jì)系背景來應(yīng)聘工程職位的钱豁，只是他在做網(wǎng)頁的時(shí)候習(xí)得了些許前端知識(shí)耻卡。
就像很多設(shè)計(jì)師的簡歷，在他的作品集首頁也有一欄設(shè)計(jì)能力屬性表牲尺。通常的設(shè)計(jì)師卵酪，PS和Ai自評(píng)相對(duì)都比較高，這個(gè)無可挑剔秸谢。但是這個(gè)小弟的能力表中凛澎，CSS3（注意，是CSS 三 ）能力接近爆表估蹄。于是塑煎，我們的前端隨便拋了幾個(gè)問題給他，然后他就懵了臭蚁。
最后最铁，Stern以「能力不符」為由，拒掉了他垮兑。而我多少對(duì)他有點(diǎn)惋惜：如果他是來應(yīng)聘設(shè)計(jì)崗位的冷尉，那么我真的非常歡迎。
現(xiàn)如今我不知道那個(gè)小弟在他的前端路上走的怎么樣了系枪。就最近這一年看到的景象來說雀哨，現(xiàn)在設(shè)計(jì)師會(huì)寫代碼已經(jīng)不是什么新鮮事了。但是我想說私爷，設(shè)計(jì)師千萬別因?yàn)闀?huì)寫兩行代碼雾棺，就搞錯(cuò)了方向。我在豆瓣上見過有些初學(xué)者問道衬浑，設(shè)計(jì)和前端應(yīng)該先學(xué)什么捌浩？我的回答是：
如果你的目標(biāo)不是當(dāng)程序員而是設(shè)計(jì)師，那么建議以UI為主工秩。
前端涵蓋非常廣尸饺，如果你直接從前端切入进统，很容易在各種代碼學(xué)習(xí)中迷失方向。
先從UI下手浪听，懂了UI螟碎，才能有學(xué)前端的目標(biāo)，才能知道可以怎樣用前端來提高設(shè)計(jì)的邊界馋辈。
做設(shè)計(jì)抚芦，最終還是落腳在設(shè)計(jì)能力上。前端技能只是加分項(xiàng)迈螟。
就我的理解來說叉抡，懂得前端知識(shí)，或者說大點(diǎn)答毫，懂得開發(fā)知識(shí)褥民，會(huì)對(duì)做設(shè)計(jì)有一個(gè)很好的幫助，會(huì)讓你在設(shè)計(jì)領(lǐng)域馳騁的更遠(yuǎn)洗搂，但是懂得這些東西消返，不代表你就可以當(dāng)一個(gè)Coder了。即使一個(gè)設(shè)計(jì)師代碼寫的再好耘拇，從底層架構(gòu)到數(shù)據(jù)邏輯都不比一個(gè)標(biāo)準(zhǔn)的程序員差撵颊，我也不覺得你可以介紹你自己為「設(shè)計(jì)師/程序員」的組合。
除非你是百年難遇的大神惫叛。
字體設(shè)計(jì)巨匠Adrian Frutiger倡勇，據(jù)說年輕的時(shí)候?qū)︺U字打印機(jī)（此處可能有誤，如有問題請(qǐng)指正）的工程原理了解的比公司里的工程師還透徹嘉涌；蘋果的設(shè)計(jì)總監(jiān)Jony Ive也是常年跟工程師們?cè)谏a(chǎn)一線拼過的妻熊，對(duì)生產(chǎn)過程中的工程問題了如指掌。但是我們沒人稱他們?yōu)楣こ處熉刈睿麄円膊粫?huì)以工程師自居扔役。對(duì)他們來說，了解足夠多的工程知識(shí)警医，是為了更好地做設(shè)計(jì)亿胸。
說道這篇文章的核心。我認(rèn)為界面設(shè)計(jì)師预皇，能力應(yīng)該分為兩個(gè)維度：分別是「廣度」和「深度」侈玄。
「廣度」代表所需要的知識(shí)范圍、與其他學(xué)科之間的跨界關(guān)聯(lián)深啤，「深度」則表示這個(gè)職業(yè)所需要的思維縱深。
「廣度」包含了那些硬性技能路星，包括使用繪圖軟件溯街、手繪诱桂、動(dòng)畫，以及要理解基本的軟件開發(fā)流程呈昔、前后臺(tái)的連接原理挥等、產(chǎn)品的交付實(shí)現(xiàn)過程，甚至是一些基本的前端堤尾、客戶端代碼等等肝劲。「深度」則指的是創(chuàng)作出上乘界面的軟實(shí)力郭宝，那種讓人看了就能用辞槐、看了就會(huì)用、看了就想用的界面創(chuàng)造能力粘室。
「廣度」描述了你的眼界榄檬，「深度」考驗(yàn)?zāi)愕某恋怼?/p>
設(shè)計(jì)師，應(yīng)當(dāng)努力學(xué)習(xí)以具備深厚的工程知識(shí)衔统，來擴(kuò)寬自己的「廣度」鹿榜，但是，更多的時(shí)間和思考锦爵，應(yīng)當(dāng)花在如何提高自己的設(shè)計(jì)能力舱殿，也就是「深度」上面，因?yàn)槟闶恰冈O(shè)計(jì)師」啊险掀。
---------------------------------------------------------------------
作者福嵐沪袭，UI/UX設(shè)計(jì)師
www.fangyexu.com
www.dribbble.com/fangyexu
