既是碼農又是設計師的大牛一般是怎樣的學習歷程?

本人現在在學習電子工程專業ˊ_&>ˋ發現知乎上有些大牛好像也是信息行業出身,但是同時在設計界做的不錯…我對技術和設計也比較感興趣,想問一下信息行業出身學習設計是怎樣的學習歷程…以及難度、成效如何?謝謝~ @楊帆@寺主人

本來抱著能有人理睬就不錯的心態問了這個問題,沒想到竟然收到了這麼多的回答,受寵若驚,實在是謝謝大家!


做為一個 Android 工程師,還走在自學設計的路上,可以講講自己如何學習 Android 設計的,希望可以提供參考。

先上個人作品,正在開發中的天氣應用,半成品,還歡迎設計師們來指點,也歡迎有興趣的設計師和工程師能一起完善 :)

總結出來,感覺應該有以下幾點:

1. 仔細學習平台的 Design Guideline,不要認為只是設計師的事情

2. 學習和揣摩優秀應用,進行拆解,重組,思考背後的原因

3. 多動手去嘗試,實踐中去學習思考

4. 多尋求反饋

5. 多閱讀,接觸新鮮東西,擴大視野和知識面

  • 仔細學習平台的 Design Guideline

由於自己一直從事手機開發,感覺作為一名合格的移動應用工程師,一定要很好的了解平台的設計 Guideline,可以說是基本素質,不同平台提供的各自的控制項支持,應用程序架構等,其設計和實現思路都是由這些 Design Guideline 支持的,提供很多方向和理論上的支撐,有利於作為工程師理解為什麼。

對於 Android :

Android 5.0 之前 Holo Design:

Design | Android Developers

Android 5.0 之後 Material Design:

Introduction

對於 iOS :

iOS Human Interface Guidelines: Designing for iOS

每個平台都有其設計原則,所有的所有都是圍繞著設計原則來進行,只要應用不去違背這些設計原則,就能做的相當不錯。反之,看看有多少 Android 工程師哭死在開發 iOS Like 的應用上,而且最終應用也落得個不倫不類。

iOS 應用開發接觸很少(不過山寨過很多 iOS 原生 App -_-!! ),不過在 Android Holo Design 出來之前,iOS 可是說是接觸過移動開發最好的指導手冊,當年要求所有的工程師要仔細閱讀。在 Android Design 出來以後,開發和設計 Android 應用終於不再需要那麼痛苦。對於一個對設計不懂的工程師來說,Follow Design Guidelines 可能不會出彩,但是總能做得有模有樣。

另外熟悉 Design Guideline 很大的好處是你可以掌握一些設計語言,來很好的和設計師溝通,至少提問題的時候能夠相對描述清晰一點,換位思考,畢竟誰也不願意和一點功課都沒做的人討論學習。

  • 學習和揣摩優秀應用,進行拆解,重組,思考背後的原因

模仿是最快的學習途徑,每年 Android Play 和 App Store 都有年度優秀應用

比如

Android 上每年都會有 Beautiful Design 推薦:

Beautiful Design Winter 2013

Beautiful Design Summer 2014

Apple 的 Design Awards

https://developer.apple.com/design/awards/

找到其中的一些應用,仔細使用,來觀察和感受其優點。每個部分都可以多思考一下,如果是自己來做會怎麼做。能發現自己不懂的問題,就容易提高了。

接下來是山寨 ^_^ 拿出你覺得自己最喜歡的一款應用,花時間關注每一塊細節,然後將應用放在一邊,在電腦或者紙上來山寨它的設計,甚至可以考慮考慮如何技術上實現 (工程師的毛病…)

這時,你會發現,自己漏掉了許多細節,很多地方突然發覺很模糊。舉個例子,我最喜歡的應用之一, Yahoo Weather,如下圖所示,非常漂亮,你可以從 New York 界面左滑 show 出 San Francisco, 仔細看還帶有時差滾動。

那麼問題突然來了,當把天氣數據向上滑動,顯示出一些細節數據,背景圖片模糊,如下所示

此時再像左滑動,右邊 San Franscio 界面會不會一樣變化呢?

視差滾動和模糊動效又是如何隨著界面變化進行的?

一遍一遍發現自己遺漏的細節,然後去思考為什麼,直到最後能做出一份相對完美的山寨作品 :)

  • 多動手去嘗試,實踐中去學習思考

能夠很好的模仿出一兩個優秀的應用以後,就可以嘗試自己去設計自己的應用來練習了。比如一開始的天氣應用,是我用來學習 Android Material Design 和 Android Lollipop New Featuer 的實踐。

在這個過程中,會發現 Design Guideline 會和你綁定的非常緊密。

在 Android 設計中,有以下幾步

第一步:確定 App Structure

參考文檔:

App Structure

如何從想法到 App Structure,推薦看下面這個視頻 (需翻牆)

Google I/O 2013 - Structure in Android App Design :

https://www.youtube.com/watch?v=XpqyiBR0lJ4

兩位大神講的風趣生動,深入潛出,通俗易懂,牆裂推薦!!

第二步:

比著 Design Guideline 來設計各個界面,比如確定調色板 (Material Design Color Palette Generator),確認 Typopraphy (Typography - Style),確認各個元素間距 (Metrics keylines) 等。

第三步:

對比著 Material Design 的 checklist 來審查自己的設計

Material Design on Android Checklist

在自己設計的過程中,會碰到很多問題,可以多參考一下其他類似應用的設計師是如何解決問題。我的個人感覺是一個把自己骨頭碾碎,再重新粘起來的過程

  • 多尋求反饋

沒做完一部分就去尋求反饋,可以來自身邊的人,也可以去找設計師社區,開發者社區等等。多去留意別人是如何禮貌和有效的尋求反饋建議

針對 Android Design 可以去以下兩個 G+ 社區:

MATERIAL DESIGN APPS:

https://plus.google.com/communities/116821616252548925340

Android App Design:

https://plus.google.com/communities/116667001535376136065

描述清晰問題,態度誠懇,有很多熱心人會提出建議。

  • 多閱讀,擴大視野和知識積累

這一點大家都有提到了,網路上有很多質量很高的資源可以拿來學習和參考的,

比如提供靈感的

設計師社區: dribbble, behance

Material Up: Daily Material Design Inspiration

Android Niceties: Android Niceties

還有一些大神教你如何進行設計的

Google IO 2014 Design Sessions:

https://www.youtube.com/playlist?list=PLOU2XLYxmsIJQe6T9CKafiDm7p_LCCx6F

這其中有及其顛覆的教你如何用 5 天的時間來完成原型驗證產品可行性的

Google I/O 2014 - The design sprint: from Google Ventures to Google[x]:

https://www.youtube.com/watch?v=aWQUSiOZ0x8index=8list=PLOU2XLYxmsIJQe6T9CKafiDm7p_LCCx6F

PS. 問題插播: Google Glass 的原型設計花了多長時間?

另外還有一堆專業的設計書籍,文字,版式,色彩等等,當小人書看吧 :)

看到題主是 EE 專業的,可以給題主推薦一位偶像級大神 Bret Victor, beast of burden,原 Apple 的交互設計師(大神),可以看下他的簡歷,也是 EE 專業出身:) 關於編程,設計都帶來很多顛覆性的觀點。 可以 Baidu 一下,關於他的文章有不少翻譯的.

推薦他寫的這篇文章 Magic Ink: http://worrydream.com/#!/MagicInk 裡面的觀點能帶給你很多思考。

PS. 寫到最後發覺沒有提 UI 設計學習,這個太專業了,我基本一竅不通,個人覺得把上面的練習好,和設計師關係打好,求他們傳授幾招 PS 技巧吧。

===================================================

哇,沒想到有那麼多人支持。大家謬讚了,謝謝大家的支持。有朋友問到關於天氣應用背景圖片和對應城市的問題,現在只是用的 Google Now 的背景圖片,但是 Google Now 只支持很少城市的 banner,對於其他城市,默認就是山脈和草原了。

其實真正想做到的是類似下面的設計 :) 嵌入精緻的細節動畫(比如白天到黑夜的變化,流星划過黃昏的天空等)

加入從白天和黑夜的變化動畫,以及一些天氣的細節動畫 :)

圖片來源: https://dribbble.com/louiscoyle/projects/243171-Lakeside

作者: Dribbble - Louis Coyle求教設計師們如何找到素材,或者切出不同圖層的 svg 呢。


看過一篇面向工程師的設計入門博客:

7 Rules for Creating Gorgeous UI (Part 1)

7 Rules for Creating Gorgeous UI (Part 2)

文章寫得非常通俗有趣,把UI設計裡面的基本問題都講到了,按照這裡面的準則做設計,雖然肯定和優秀設計師還有一段距離,但是肯定不會像普通工程師做的UI那麼難看了。


說到這個問題,我也算是一個過來人了,雖然我的設計非常渣,但是一點基本的審美還是有的。

然後技術方面也是,前端後端移動端,至少每個端有一門語言是熟練運用的。這樣才能做到自己完完全全做一個東西出來。

設計方面,主要是看。上Dribbble看別人做的優秀設計,收藏一些設計類的網站,平常有空就看一下。說實話我腦子裡沒啥設計理論,不成體系,無法快速產出好設計。但是看的東西多了之後,刻意的模仿會讓我做出一些不倫不類的看上去還不錯的設計,然後慢慢根據用戶需求優化設計,也能做出一個不錯的東東。

平常也會可以去pinterest去搜索一些垂直品類的設計,例如名片設計,某種app的設計,web設計之類的,不過不夠系統化,只能看看漲漲感覺。

目前主要有兩個還比較滿意的產品。之前其實做過很多其他嘗試,但是大多不了了之,這兩個算是為數不多活下來的。

iTunes 的 App Store 中的「顏文字輸入法

專欄 - 前端亂燉

至今仍然最佩服和尊重設計師了,因為我自己的確沒這方面天賦。。。。


說一下作為Designer學習Coding的過程。

高中學的理科,高考以後選專業,班裡的同學大多選的電氣自動化、通訊、機械什麼的,還有個別選擇金融之類的。金融什麼的肯定跟研究錢有關係,從小到大沒見過什麼錢也沒花過多少錢,研究起來費勁,就算了。雖然數理化的成績還算可以,但是當時根本對這些專業沒有絲毫了解和興趣,覺得如果選了這些專業,以後天天跟機器、設備打交道多麼無聊。這當然只是借口,原因不過是被高中那些同窗在學識和智商的碾壓的不敢與他們學一樣的專業了。

只好另闢蹊徑。。。 誒,居然有工業設計這個專業!

理科生當時應該是不怎麼會報考這個陌生的專業吧,藝術生應該會折在「工業」這兩個字上吧(我似乎在當時就明白了與小明比數學,與小明比身高,與小明比鬧太套的道理。),於是就認準了「工業設計」這個專業。

04年的時候很多學校的這個專業才開設沒幾年,相比那些年頭比較久的學校不要求考生有繪畫功底。所以我就報考了一所農業大學的,工學院的,機械系的,工業設計專業。我想,就是在這個時候奠定了我「跨界發展」的基礎。

呵呵。

一群沒有什麼經驗的老師,一群被調劑的學生(當時很多同學是報考本校強勢專業分數不足被調劑到開設不到三年的工業設計專業當小白鼠的,我算是為數不多的幾個自願報考的,他們分數相對還比較高)開始了完全陌生的課程學習。對於一群沒有任何繪畫基礎的理科生來說,大學才開始學習各種構成,素描速寫的過程是及其痛苦的,有時候都懷著深深的逆反心理。好在一些課程設計地比較輕鬆自由,有的人慢慢的培養起了興趣,有的人就繼續輕鬆自由著。

我屬於輕鬆自由的培養興趣的。

08年大學快畢業的時候,興趣走的太快把設計能力遠遠的落在了後面。設計作品沒什麼拿的出手的,就想辦法在展示作品的形式上想下點功夫。於是就接觸到了Flash,在Fl里將糟糕的所謂作品拖到時間軸上做一下動態過渡。當希望加入一些跳轉控制之類的交互效果時,我發現Flash居然還有一種叫ActionScript的腳本語言,很神奇。。。

很快畢業了,同樣為了避免與同專業同學的正面競爭,我又選擇了一家禮贈品貿易公司做簡單的設計。空餘時間很多,一方面跟好基友一起做做咖啡機設計的私單,另一方面自己花了大量的時間自學Flash AS3腳本編程。買了幾本相關的書籍,硬是把幾百頁的英文影印版ActionScript精髓給看完了。平時自己練習些小demo,期間幫朋友的創業公司做做flash網頁。10年在那個流行Flash全站的年代,跳槽到一家廣告公司的在線廣告部門負責flash網站的開發和維護。

廣告公司,呵呵。

進去第一天就是加班!就是具體的任務!就是去開發中的flash網站修bug!
幸好自學的知識夠應付當前工作,雖然需要加班,需要偶爾在半醒半睡間去想某個功能某個效果如何實現,但並不吃力,進步也比單純學習快。有時候還教教旁邊的程序員簡單處理下圖片。同事都把我當程序員看的,望望身後哐哐切圖的設計師,那感覺怪怪的。對了,在這個公司的時候還為一個客戶的戶外廣告和展示台做過3D模型渲染的簡單提案。就設計能力來說,我去廣告公司簡直找死,但你以程序員的身份進去,可PS可3D,他們就不管你設計做的到底怎麼樣了。只會感嘆,擦,這個該死的程序居然會做設計?!

隨著蘋果宣布iOS不支持flash,flash開始了迅速的沒落,老闆鼓勵學習JavaScript,因為看到旁邊的js程序員每天都是12點回家太苦逼,極不願意去學(現在想來還是很後悔沒有學習一下的),主要還是發現自己更喜歡工業設計,然後在和好朋友的彼此慫恿下,倆人開始了小大小鬧的創業,公司的網站基於Wordpress自己做主題修改。在11年很多人都還不了解二維碼的時候,我們就將公司的網站和電話生成二維碼印到了我們唯一一張的宣傳單頁上。因為某些原因,公司半年以後就結束了,但包辦一切的能力至少少浪費了很多錢o_O。

我覺得對於設計師學習編程來說,在我學習的那個時候,Flash是個很好的選擇,至少可以讓自己的設計動起來,從而培養興趣。Fl作為前端技術,在當年引領了網頁設計的潮流,並且直接造就了這些年網頁遊戲的繁榮,只是現在有些過時了。

~~~~~~

在這裡呆久了,回答問題和吹牛逼總是互相交織在一起,不知道算不算回答了問題。總結一下,作為設計師,當時學編程(一直以來都不太敢自稱程序員,「AS這些小小腳本膽敢自稱計算機語言」)其實秉承了我選專業的時候一貫的心態,對自己當前所學不自信從而尋求差異化發展。很有天份的設計師,根本不需要學習編程,學習編程也是因為興趣的驅動,也應該會相當有天份的吧。很牛逼的程序員也根本不需要學設計,代碼已經說明了他們的審美品位。而作為沒有設計天份,沒有編程天份的庸庸碌碌之輩,只有學設計與程序競爭,學程序與設計競爭才能勉強混口飯吃。

以上是我的學習歷程,不是大牛的。


學的並不算好的來回答一下。

自動化專業出身,自學PS,ai等平面設計軟體,自認為軟體能力已經達到一定水準,然後偶爾會看看設計理論文章,後來覺得計算機方向不錯,和自動化關係也不遠,於是自學Java安卓,操作系統等。我如果學成了,基本就可以美工碼農一肩挑了。


我不是大牛,來湊個熱鬧,我之前主要工作是敲代碼,可是我不甘心哪,好好的一個女娃,整的自己每天呆不拉幾的,敲不好程序睡不好覺啊,不行,我要改變,然後進軍設計行業,現在混得也闊以。我總結的經驗是「實踐出真知」。沒事多練練,提高欣賞水平,多思考一下。


不知道題主小時候的課本上面有沒有《小猴子下山》的故事。

答不對題,請見諒。

純屬分享一下個人觀點。


在知乎上基本沒有寫過回答,看到這個問題,必須留下點什麼。

首先,我不屬於程序,網路,操作系統,PS,色彩搭配,素描,使用數位板的高手(才剛剛出來實習,大學專業是渣設計專業,編程自學,目前工作用java)。不過,好像這些都會點點,儘管如此,還是想說說。

一下的內容都是我認為,相當主觀一點也不客觀。

從來都是成為了什麼樣子後,才發現,哦!原來是這個樣子。

至少我這樣認為,成為這樣一類人其實他們本身就是這一類人,比如《Minecraft》的作者,《風之旅人》作者,等等。他們可能都對這件事認同----「我做我事情,管你們屌事,不喜歡就給我爬」。一旦像外界妥協,他們就不是這類人了。

強調下,不是學習了各種編程學習了設計就能成為這樣的人。就像火影里會兩種屬性的忍術的忍者不一定就有血繼限界。

至少我現還在不是,看能不能飄到那一類人去,不過太傲慢,自制力差。


謝邀.

感覺代碼靠興趣, 設計靠天賦. 當然可能寫代碼有天賦會有加成, 但做設計沒天賦的話, 很難有所建樹.

個人來說, 基本上就是自己設計自己實現, 量也不多, 屬於有審美沒技術, 估計出去做設計也沒人要.


我真的想說,有的時候這倆是一件事:

coding中有 類;

design也有。

看似不同領域的東西其實有很多很相像的東西。

如何跨域呢?當然要從這些相像的部分開始……


那個天氣的設計感覺很不錯~


跟我的簽名一樣,只是半吊子設計師半吊子程序媛...

之前上學的時候三個暑假都分別去國內國外的大小公司startup做了UX/UI的實習,最後還做了一點點user research。不是科班出身,在學校里也只是掛著art minor上畫畫攝影課,所以很多東西都是在工作中在side project中邊做邊學。

實習的時候因為不忿被程序員嫌棄不懂技術,大二開始上CS課並且最終選擇了計算機專業。但是由於還是很喜歡設計,也由於起步晚沒做CS的實習。最後畢業project自己設計開發了一個decision making的小app (Do it! A Decision Making App),還自編自導自演(&>.&<)自剪了一個小宣傳片(Do it! Make your own decisions.)

畢業的時候UX,Software Engineer和PM都有offer,但是覺得學了cs專業沒有踏踏實實做過程序媛太可惜了,就還是選擇走上了「碼農」這條路。現在愉快地在很重視design的startup做ios開發,也有小小插手一點點design,但是仍然覺得自己從半吊子變成了大半吊子程序媛,在設計這塊還是有變得生疏。所以還是要多做做side project才可以~而且感覺自己創意有餘章法不足,很多時候會因為太high而一下子鑽進去一個想法一個設計(也由於會開發,鑽著鑽著又做出來了。。。),但是不講究方法導致事後發現一些漏洞。還是需要好好修鍊。

之前想的是肯定不會永遠做程序員,所以以後轉設計轉PM都有可能。但是目前為止還是覺得做程序員很好玩,有一種別人的願望都要通過我的雙手來實現的成就感。感覺現在要讓我光做設計或者光做pm我應該都會手很癢。

其實一直以來最希望的是能有那麼一份工作可以讓我又做設計又寫code,但是現在還沒有發現有什麼職業能把這兩者結合的很好...所以估計等我修鍊到各方面都不是半吊子了,肯定還是要自己跳出來創業的吧。


黑客與畫家


想起姚壯憲 啊


學習了


我也來湊數~

先說下QAQ我只是愛接觸新東西, 所以什麼都干過,精通算不上,不過也不是抱著打醬油的心態學的~

在校新聞中心:get PS,PR,AE,AI,平面設計~

在校網路中心:get 網路運維相關,linux~

專業網路工程:get 網站前後台開發,資料庫設計。

參加競賽:get 演算法設計~

雖然特別精通的也就一兩門,具體的體驗就是:

1,代碼寫累了可以pp圖,js搞煩了可以寫寫後台。

2,老師項目都是單幹,愛用啥技術用啥,所以經常用一些比較新潮的黑科技,每次都能學到新東西。

3,寫文檔不累,反正基本沒人看…

4,習慣接觸新東西,看文檔特別快~

5,出問題定位特別准,優化很方便。

6,資料庫,後台,前台,測試,業務部署,數據分析,推廣全乾了,一站式服務~

7,在學弟面前可以很低調的…

8,恩…比(xiang)較(dang)累…


代碼狗和美工狗路過。

事在人為,有壓力就有動力了。


只會div+css靜態代碼的專業是後期製作的平面設計師說一句個人想法:只要你想學,沒有學不會的。其實我也是小菜鳥,學了n多軟體(包括報名培訓班和自學(覺得技不壓身))都是會一點但不精,參加工作後更是只需要一個ps+dw就夠了,看個人的工作定位。其他軟體的估計再過個幾年就忘光光了。設計另外一個重點是提升自身品味。好吧,我風馬牛不相及了。。。。


本科軟院,現在在美院學設計,由於剛入門不是大牛所以只能先馬克一下,希望幾年後有機會回答

其實想說的是,少年要不要考慮一下美院的交叉學科呀,滿足你的需求(好像是來做廣告的趕腳)

由於原來看題主是T大的,就沒特彆強調,然後評論有人問了就補充一下吧:清華美院的信息藝術交叉學科,具體可看招生簡章,大概就是可以招很多方向的學生,文科理科工科都可以,然後交叉畢業,理工科可以學設計,原來學設計的可以學編程……


現在說自己是個全棧都能被黑出翔,都有敢自稱跨界大牛的了。


推薦閱讀:

如何評價中山大學林倞教授?
全世界的計算機 95% 的時間都在解線性方程,這句話現在還對嗎?
EECS 做的博弈論,機制設計和 Econ 做的有什麼區別?

TAG:設計 | 設計師 | Android開發 | 計算機科學 | 電子工程EE |