起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)轉(zhuǎn)行學(xué)設(shè)計(jì)？新手必讀的五大誤區(qū)+三大秘籍
經(jīng)常看到一些講如何學(xué)習(xí)設(shè)計(jì)的文章，坦白講感覺(jué)有些千篇一律、且不痛不癢，都說(shuō)要看點(diǎn)書(shū)、學(xué)點(diǎn)畫(huà)、練軟件、多觀察……唉，練軟件這事還要說(shuō)么，難道你還需要告訴一個(gè)人學(xué)開(kāi)發(fā)是需要學(xué)習(xí)編程語(yǔ)言的？
學(xué)習(xí)是基于過(guò)往經(jīng)驗(yàn)的成長(zhǎng)，每個(gè)人的知識(shí)背景不同，就需要因材施教。那些沒(méi)有明確受眾的教程，本身就是偽命題。給一個(gè)美術(shù)生教設(shè)計(jì)、和一個(gè)程序員講設(shè)計(jì)，完全是兩碼事。
程序員學(xué)設(shè)計(jì)有什么關(guān)鍵問(wèn)題？作為一個(gè)理工科出身的設(shè)計(jì)師、會(huì)寫(xiě)一點(diǎn)代碼，常年在創(chuàng)業(yè)團(tuán)隊(duì)和工程師混在一起，我自認(rèn)為還是挺了解的。
（設(shè)計(jì)有很多層面，這里我們主要講的是偏美學(xué)、偏視覺(jué)層面的。）
五大誤區(qū)
絕大多數(shù)程序員學(xué)設(shè)計(jì)都或多或少有這些盲區(qū)、雷區(qū)：
認(rèn)為審美難以提升
不但對(duì)自己的審美缺乏信心，對(duì)提升審美也沒(méi)有信心。
不知如何提升審美
重理性的人，對(duì)于審美這樣 “沒(méi)有理論支撐” 的東西，不知如何提升。
錯(cuò)誤的以為僅靠多看就能提升審美
都講要善于觀察、多看作品來(lái)提升審美，照做，但都沒(méi)掌握「看」的關(guān)鍵思路：沒(méi)事逛 Dribbble 覺(jué)得啥都漂亮，但其實(shí)都看了熱鬧；光看不做，其實(shí)「看」一定要與「做」結(jié)合，而且往往「做」在先。
認(rèn)為設(shè)計(jì)有無(wú)限可能
不像有清晰思路去解決問(wèn)題的編程，設(shè)計(jì)似乎都是開(kāi)放式命題、有無(wú)限的答案，即便掌握了軟件，面對(duì)真實(shí)的設(shè)計(jì)問(wèn)題也無(wú)從下手。但其實(shí)真相是，可能 90% 以上的設(shè)計(jì)本質(zhì)上也是搬輪子再拼裝，你首先要熟悉這些輪子。
從未意識(shí)到，設(shè)計(jì)也是可以組裝出來(lái)的
一張圖有什么好組裝的？其實(shí)不然，就像程序由一行行代碼組成，設(shè)計(jì)也可以被解構(gòu)，反編譯！同樣也可以被組裝出來(lái)。
認(rèn)為自己缺少靈感
靈感本就是一個(gè)偽命題。所謂上天擊中你的剎那間的靈感，往往也是基于你腦海中的某些信息碎片，只是可能你也不記得是在何時(shí)看到、何時(shí)產(chǎn)生的了。所以，缺乏靈感，只是說(shuō)明你看的不夠多，看的不夠用心。
三大秘籍
而針對(duì)這些問(wèn)題，實(shí)際也有三大秘籍，是我對(duì)自己學(xué)設(shè)計(jì)的過(guò)程的總結(jié)，很可能是 “獨(dú)門(mén)絕技”：
理論先行！
如何快速提升審美？讀書(shū)、理論先行！并運(yùn)用你擅長(zhǎng)的推導(dǎo)能力，深刻認(rèn)識(shí)這些理論。
歸類！
90% 以上的設(shè)計(jì)可以被歸類，也許讓你有些失望，但這就是真相。歸類可以讓你看到隱藏在設(shè)計(jì)背后的「輪子」，為自己所用。
解構(gòu)！
是指在看設(shè)計(jì)作品的時(shí)候，看透它的基本構(gòu)成。這實(shí)際上與歸類是密切相關(guān)的，二者相輔相成，成倍提高你設(shè)計(jì)水平提升的速度。
至于要多實(shí)踐什么的，都是通理，沒(méi)什么好啰嗦的。
如你所見(jiàn)，這里的秘籍都是邏輯化的思考方式，作為程序員、聰明如你，這不都正是你擅長(zhǎng)的么？所以，我一直挺認(rèn)同那句話：程序員學(xué)好設(shè)計(jì)，相比反之設(shè)計(jì)學(xué)好程序，要容易的多。下面逐個(gè)重點(diǎn)展開(kāi)說(shuō)下：
理論先行 —— 審美速成
這個(gè)話題主要關(guān)于審美，最基礎(chǔ)、最重要。
審美不是天生的，沒(méi)有人天生就有出類拔萃的審美能力。當(dāng)然在這樣一個(gè)平均審美偏低的國(guó)度，你很可能受環(huán)境影響大，導(dǎo)致系統(tǒng)默認(rèn)值差一點(diǎn)，但這也不代表你一輩子就這樣了。
其實(shí)這個(gè)視頻就如何成為一名優(yōu)秀設(shè)計(jì)師這個(gè)點(diǎn)上，已經(jīng)講的足夠好，大多觀點(diǎn)我都很認(rèn)同。但其實(shí)也都還是比較基本的、常識(shí)性的，缺少針對(duì)特殊群體的「黑科技」。
為何如此強(qiáng)調(diào)審美，相信你已有感受：對(duì)于設(shè)計(jì)來(lái)說(shuō)，審美就是你的模擬器或測(cè)試環(huán)境，是評(píng)價(jià)標(biāo)準(zhǔn)，沒(méi)有它，設(shè)計(jì)也無(wú)從談起。
提高審美，光看是不夠的
理論是基礎(chǔ)。
前面的視頻里，羅子雄特別強(qiáng)調(diào)了審美要通過(guò)多看優(yōu)秀作品來(lái)提升。沒(méi)錯(cuò)，但其實(shí)，我認(rèn)為光看是不夠的，特別對(duì)于程序員來(lái)說(shuō)，這沒(méi)有發(fā)揮出你思考的能力。
那該先做點(diǎn)什么呢？
答案是，看書(shū)…學(xué)習(xí)設(shè)計(jì)理論。
可能這看上去有點(diǎn)像書(shū)呆子的答案。但回想下你學(xué)習(xí)任何一門(mén)新開(kāi)發(fā)語(yǔ)言的經(jīng)歷，先刷一遍書(shū)，肯定是很有必要的，設(shè)計(jì)也是一樣。
就像程序設(shè)計(jì)的面向?qū)ο?、MVC 的設(shè)計(jì)模式，幾乎通用于流行的框架，無(wú)論是后端的 Rails 還是前端的 Angular，或客戶端的 Cocoa Touch；當(dāng)下大火的 ReactJS 竟然和 3D 游戲動(dòng)畫(huà)引擎的設(shè)計(jì)理念相通。在代碼的世界，相同的理念支撐了不同領(lǐng)域的框架和實(shí)現(xiàn)。
其實(shí)在設(shè)計(jì)方面也是一樣，有限的設(shè)計(jì)理論，同樣支撐了無(wú)限種類的設(shè)計(jì)作品。并不是「一群審美牛逼的人，就做出了牛逼的設(shè)計(jì)」這樣子。
去靜下心來(lái)，讀幾本講平面設(shè)計(jì)理論的書(shū)，例如很多人都在推薦的?《寫(xiě)給大家看的設(shè)計(jì)書(shū)》?，還有我大學(xué)時(shí)看到后激動(dòng)不已的《通用設(shè)計(jì)法則》，相信你也會(huì)有一種醍醐灌頂?shù)母杏X(jué)。
對(duì)于理工科背景的人，理論支撐其實(shí)是很重要的，因?yàn)檫^(guò)去解題可都是要靠這個(gè)的。
理論是不能脫離實(shí)踐的，了解了設(shè)計(jì)理論之后，重點(diǎn)在于，看作品的時(shí)候要聯(lián)想設(shè)計(jì)理論，觀察作品對(duì)于設(shè)計(jì)理論的應(yīng)用，做設(shè)計(jì)練習(xí)的時(shí)候。例如它具體如何運(yùn)用字體、如何排版布局等。
除了「看」，對(duì)于「練」也是一樣。隨時(shí)都可以嘗試應(yīng)用書(shū)本上的理論，當(dāng)走到死胡同、不知道問(wèn)題出在哪里的時(shí)候，也可以去尋找相關(guān)的設(shè)計(jì)理論作為啟發(fā)。這過(guò)程就好像你先知道了勾股定理這回事，然后不斷習(xí)題熟練，直到可以熟練用于解各種證明、計(jì)算題。
相輔相成，逐漸這些道理會(huì)印在你的腦海：
- 形成你審美的高標(biāo)準(zhǔn)；
- 看到任何作品，你可以一眼看出好在哪、差在哪；
- 相應(yīng)的，做設(shè)計(jì)的時(shí)候，也能快速找到問(wèn)題出在哪。
這就是審美速成的不二之法。
設(shè)計(jì)理論，并非空穴來(lái)風(fēng)
愛(ài)追根問(wèn)底的朋友，會(huì)覺(jué)得設(shè)計(jì)理論沒(méi)什么科學(xué)支撐，不得不承認(rèn)，你很難做一個(gè)實(shí)驗(yàn)，證明某種東西絕大多數(shù)人都一定認(rèn)為好看。
雖然有句 “名言” 是「對(duì)于美的分歧，只存在于非專業(yè)人士當(dāng)中」，但我還是相信，真正美的東西，非專業(yè)人士之間也不會(huì)有分歧，例如碧海藍(lán)天、夕陽(yáng)西下……
所以，當(dāng)你從更深層的進(jìn)化論、認(rèn)知心理學(xué)上人類認(rèn)知的特點(diǎn)去思考每條設(shè)計(jì)定律，你會(huì)發(fā)現(xiàn)原來(lái)這一切似乎都是注定的！當(dāng)對(duì)這些理論的認(rèn)同感大大提升，你對(duì)它們的應(yīng)用也會(huì)更加得心應(yīng)手。
舉個(gè)例子，當(dāng)我在學(xué)習(xí)攝影的時(shí)候，有一本書(shū)上寫(xiě)到，用不同于正常觀察的視角，更容易出有視覺(jué)沖擊感的照片。例如將相機(jī)貼近地面，或用雙手盡力舉高。 可是為什么呢？后來(lái)我突然想明白了，當(dāng)你以正常的站姿拍照，首先照片就是你 90% 以上時(shí)間里觀察世界的視角，而一旦你用不同于日常觀察的角度拍照，對(duì)你的大腦來(lái)說(shuō)，「換個(gè)角度看世界」本身就會(huì)感覺(jué)很新奇，照片也更容易讓人眼前一亮。
再比如，認(rèn)知心理學(xué)上講，越少的信息越容易給人腦留下印象。這就是攝影構(gòu)圖、設(shè)計(jì)排版中要簡(jiǎn)潔、突出重點(diǎn)的背后原因，雜亂的排版會(huì)給大腦造成認(rèn)知負(fù)擔(dān)，美觀就更無(wú)從談起了。
歸類 —— 設(shè)計(jì)是有限的
設(shè)計(jì)新手，總會(huì)覺(jué)得所有的設(shè)計(jì)問(wèn)題都是開(kāi)放式問(wèn)題，有無(wú)限可能。對(duì)于習(xí)慣于找到最佳算法來(lái)解決問(wèn)題的程序員來(lái)說(shuō)，這事兒實(shí)在有點(diǎn)逆天。
其實(shí)這是誤會(huì)！讓我們做一個(gè) “大數(shù)據(jù)” 分析來(lái)說(shuō)明問(wèn)題。
在 Dribbble 上搜 「Logo」這個(gè)關(guān)鍵詞，按 Popular 默認(rèn)排序，前十頁(yè)的作品共 120 個(gè)，去掉不是 Logo 的或識(shí)別度低的，剩下 55 個(gè)，我對(duì)他們進(jìn)行了一個(gè)粗略的分類：
哪怕你對(duì)設(shè)計(jì)再不敏感，應(yīng)該也能看得出來(lái)，被歸為同類的至少在感覺(jué)上很接近。仔細(xì)看，他們的色調(diào)、質(zhì)感、形狀處理方法、陰影和圖形的運(yùn)用，相似之處非常多。
Logo 如此，其實(shí)任何設(shè)計(jì)門(mén)類也是差不多，不信你去搜下「Landing page」，看看他們的排版方式……
色彩再多，也可以被歸類為紅橙黃綠藍(lán)靛紫。設(shè)計(jì)也是一樣，都是由色彩、形狀組成，就可以分類。
所以恐怕一般設(shè)計(jì)師不會(huì)告訴你的真相是：
- 常用的漂亮的色彩組合就那么幾種；
- 常用的美觀的排版方式就那么幾種；
- 常用的插圖風(fēng)格就那么幾種； ……
通過(guò)歸類，積累了這些常用的技巧，你就可以快速組裝出能滿足 80% 以上的場(chǎng)景的漂亮的設(shè)計(jì)。
這讓我想到自己高中的時(shí)候，前兩年不聽(tīng)課，到后來(lái)發(fā)現(xiàn)自己數(shù)學(xué)方面幾乎一片空白，都要突破及格線了。高二下學(xué)期大復(fù)習(xí)，痛下決心，直接開(kāi)始對(duì)所有做 過(guò)的數(shù)學(xué)題進(jìn)行歸類，一個(gè)活頁(yè)本把大類、子類、變種全部列進(jìn)去，到最后我看到 95% 以上的題都能一眼識(shí)破類別、調(diào)用方法，到高考前，我已經(jīng)是班里數(shù)學(xué)成績(jī)最好的幾個(gè)人了，而且當(dāng)我的類庫(kù)建立的比較完善以后，我平常做的題也遠(yuǎn)少于其他人， 日子過(guò)的頗為輕松。
應(yīng)試教育讓人反感，但「歸類」真的不失為一種學(xué)習(xí)的好思路。
所以當(dāng)你遇到一個(gè)現(xiàn)實(shí)的設(shè)計(jì)問(wèn)題，在看大量相關(guān)作品尋找靈感的同時(shí)。不妨嘗試從多個(gè)緯度對(duì)他們進(jìn)行歸類，看明白你可以選擇的設(shè)計(jì)方式主要有哪幾種，各有什么利弊，從容的做出選擇。
解構(gòu)
恐怕有些人會(huì)說(shuō)，你看著是一類的東西，我看怎么還是很不同?。亢冒?，那說(shuō)明你看設(shè)計(jì)作品的時(shí)候，還不會(huì)解構(gòu)、反編譯。
要逐漸練習(xí)「看山不是山」的能力，無(wú)論看一個(gè) Logo 還是一個(gè)網(wǎng)頁(yè)，不要只顧著欣賞，腦子里要試著分解它的形狀是如何組成、用了哪幾種排版方式、顏色的漸變、用了什么質(zhì)感、加了怎樣的投影、高光、描邊等等。 （其實(shí)就像看優(yōu)秀作品的原文件，用了哪些圖層，分別添加了怎樣的樣式）
當(dāng)最終你看朝霞晚霞就是一道漸變，朵朵云彩就是幾個(gè)筆刷，說(shuō)明你煉成了。
此時(shí)，歸類設(shè)計(jì)也變得輕松，對(duì)比兩個(gè)作品，你可以很快看出他們用了哪個(gè)相同的零件。
所以「歸類」與「解構(gòu)」也是相輔相成、共同增長(zhǎng)的能力。而反復(fù)運(yùn)用它們 的時(shí)候，你的審美能力也會(huì)不斷提升。
總結(jié)
雖然不同于 Coding，是用簡(jiǎn)單的工具（只需要寫(xiě)啊寫(xiě)）做復(fù)雜的事情（邏輯…Orz），設(shè)計(jì)更多是用復(fù)雜的工具（頂尖設(shè)計(jì)師恐怕也搞不清 PS 的全部功能，AE 的按鈕多到讓你崩潰）做簡(jiǎn)單的事情（好的設(shè)計(jì)都很簡(jiǎn)單）。
但它們?cè)谏顚悠鋵?shí)是靈魂相通的，都有各自的法則，和各自的學(xué)習(xí)技巧。
跨界，可以幫助你建立對(duì)它們各自更深的認(rèn)識(shí)。
作者：@李凱文-KevinLi
本來(lái)就是個(gè)主觀色彩很強(qiáng)的學(xué)科，相比編程，讓程序員頭痛的沒(méi)有“標(biāo)準(zhǔn)”，至于美不美，你能提供分析的維度，比如幾個(gè)重要的點(diǎn)“形狀是如何組成、用了哪幾種排版方式、顏色的漸變、用了什么質(zhì)感、加了怎樣的投影、高光、描邊等等”,你卻不能說(shuō)這個(gè)是好看的，那個(gè)是不好看的；再有就是，視覺(jué)的東西，確實(shí)有天賦，有的人就是對(duì)色彩敏感，這個(gè)你就是沒(méi)法比；唯一有趣的是，好看不好看是市場(chǎng)和錢(qián)說(shuō)了算的