設(shè)計(jì)師寫代碼的方式
![](http://image.woshipm.com/wp-files/img/100.jpg)
小編推薦:在這個(gè)pm神馬都要會(huì)年代里,討論設(shè)計(jì)師要不要寫代碼是一件大快人心的事情。。。文章提供的角度其實(shí)可供pm們參考,你不是開(kāi)發(fā),但是你也寫代碼,只不過(guò)你更多的從視覺(jué)/交互等更專業(yè)的角度來(lái)寫代碼~
設(shè)計(jì)師應(yīng)該會(huì)代碼嗎?是的,但不是像開(kāi)發(fā)者那樣。
這個(gè)著名的問(wèn)題“設(shè)計(jì)師應(yīng)該會(huì)代碼嗎?”,答案不只是點(diǎn)個(gè)頭了,它有更深刻的意義。首先,我們了解一些相關(guān)背景。
我們正在迅速地轉(zhuǎn)向移動(dòng)端主宰的世界。從Sketch 到 Pixate, 再到 Framer,設(shè)計(jì)師的工具,能越來(lái)越簡(jiǎn)單有效地通過(guò)原型表現(xiàn)創(chuàng)意。制作app的成本從沒(méi)有這么低過(guò)。也從從不曾如此迅速。
對(duì)于開(kāi)發(fā)者來(lái)說(shuō),這意味著他們終于可以盡快學(xué)會(huì)設(shè)計(jì)。相比學(xué)習(xí)Photoshop,這一步邁得顯然要小得多。他們不會(huì)再對(duì)繪畫、照片處理和3D工具興趣平平。相反,Sketch的用戶界面和OS X很相似,有工具欄、導(dǎo)航和信息窗格。Sketch的UI和Xcode中的Storyboards驚人相似。如果把其他都隱藏,你會(huì)發(fā)現(xiàn)是一樣的,導(dǎo)航在左,內(nèi)容在中間,信息窗格在右。Xcode甚至有相同的智能參考線和距離功能。相似是件好事。它使你輕松地在工具之間切換。
開(kāi)發(fā)者正在變得更好協(xié)作。他們對(duì)設(shè)計(jì)師的期望也是如此。
然后,Swift問(wèn)世了。或許除了Ruby on Rails,歷史上再?zèng)]有其他哪種語(yǔ)言吸引了設(shè)計(jì)師們這么多注意。我能自信地這么說(shuō),是因?yàn)槲揖帉懥私o設(shè)計(jì)師的Swift,這個(gè)話題和Sketch一樣火熱,真是難以置信。我的Swift研討會(huì)門票大多賣光了。別搞錯(cuò)了,設(shè)計(jì)師們其實(shí)也想開(kāi)發(fā)app。他們想創(chuàng)造下一個(gè)Uber、Airbnb或者YO。他們需要的只是一點(diǎn)點(diǎn)推動(dòng)力。
正因?yàn)槲以趪L試解決這個(gè)問(wèn)題,我反復(fù)問(wèn)自己,為什么沒(méi)有更多的設(shè)計(jì)師學(xué)習(xí)代碼?和我聊過(guò)的每個(gè)設(shè)計(jì)師都在尋找下一個(gè)原型創(chuàng)作工具。那么,原因很明顯,沒(méi)有足夠的為設(shè)計(jì)師量身定做的資源。Swift book就是一個(gè)例子。在里面你學(xué)不到如何繪制長(zhǎng)方形或是改變顏色。你也學(xué)不到如何操控資源圖,來(lái)讓它們完美適應(yīng)每種設(shè)備,比如iPhone 6 Plus。你也學(xué)不到如何為界面增添動(dòng)畫。
在討論解決方法之前,先讓我解釋一下設(shè)計(jì)師是如何工作的。
設(shè)計(jì)師注重結(jié)果
設(shè)計(jì)師并非不熟悉打字。他們會(huì)發(fā)tweet、寫email,還經(jīng)常和數(shù)字打交道。但和寫作不同的是,寫代碼得不到任何結(jié)果,除非你檢查語(yǔ)法、調(diào)試錯(cuò)誤(如果有的話),然后構(gòu)建app。
類似Swift Playground的東西就是個(gè)好解決方法。它還需要做得更好,像PaintCode那樣。
設(shè)計(jì)師注重UI
設(shè)計(jì)師每天花費(fèi)將近8小時(shí)移動(dòng)圖形,直到它們合情合理。他們不知疲倦地工作,提供最完美的圖片資源,直到開(kāi)發(fā)者滿意。不幸的是,有些設(shè)計(jì)師最后還是遺棄了PSD,然后收工。這些人應(yīng)該被炒魷魚。
完美的工具,應(yīng)該看起來(lái)和他們的設(shè)計(jì)工具類似。比如Storyboard,有著拖放式界面,可以畫圖形、測(cè)量距離和多設(shè)備預(yù)覽。如果設(shè)計(jì)師們學(xué)過(guò)自動(dòng)布局,他們簡(jiǎn)直可以包攬一個(gè)app所有UI方面的事情,讓工程師集中于他們最擅長(zhǎng)的領(lǐng)域——實(shí)現(xiàn)app功能,消除bug。
設(shè)計(jì)師注重動(dòng)畫
和我聊過(guò)的很多開(kāi)發(fā)者幾乎沒(méi)接觸過(guò)動(dòng)畫。要求開(kāi)發(fā)者實(shí)現(xiàn)你設(shè)計(jì)的動(dòng)畫,就像要求設(shè)計(jì)師寫開(kāi)發(fā)文檔一樣。他們沒(méi)有受過(guò)那方面的系統(tǒng)訓(xùn)練。像Pixate、Framer和Form就是理想選擇,因?yàn)樗鼈儗W⒂趧?dòng)畫,而且它們提供的結(jié)果能夠被開(kāi)發(fā)者作為代碼復(fù)制。
最后的思考
我心里有個(gè)毋庸置疑的觀點(diǎn)。學(xué)習(xí)新技能從未如此簡(jiǎn)單。每周有成千上萬(wàn)新課程、教程和工具被分享。很多人可能會(huì)抱怨有太多東西要學(xué)。但如果工具再簡(jiǎn)單一些,難道不就和學(xué)習(xí)使用筷子一樣容易嗎?
來(lái)源:colachan
英文原文:medium.com
用筷子挺難的