我從來沒有想過自己會寫一本關(guān)于程序員的書，正如你后面將會讀到的，這本書中的大部分文章都來自于我平時的雜記（我以“技匠”為筆名在自己的博客和一些專欄中寫文章）。雖然也包含一些實(shí)用的技術(shù)類文章，但大部分是我作為一名程序員，或跳出自己的職業(yè)去看待程序員這個群體時，所記錄下的心得、感悟。
在我們所處的這個互聯(lián)網(wǎng)時代，軟件技術(shù)正快速地滲透到每一個行業(yè)和幾乎所有的專業(yè)領(lǐng)域，并加速推動著社會的變革與發(fā)展。而這一切的背后正是千千萬萬像你我這樣的普通程序員不斷努力的成果。然而，我們是否已經(jīng)做好準(zhǔn)備去應(yīng)對那些挑戰(zhàn)，或者說我們是否清楚應(yīng)該成為一個怎樣的自己呢？這些問題曾不斷困擾著我，但也正是通過對這些問題的深入思考及不斷解答，才使自身獲得了進(jìn)步和提升。回想這十幾年來的成長經(jīng)歷，給我*大幫助的莫過于自己對職業(yè)生涯、對個人發(fā)展、對編程本身，以及對美的本質(zhì)的追求。
還是來談?wù)勥@本書吧。由于都是閑時所記，本不成什么體系，但由于出版的需要，*終將全書歸納為五個章節(jié)，但我卻從心底里建議讀者朋友們按照自己的喜好與興趣挑選閱讀，因?yàn)樗鼈冎g并無關(guān)聯(lián)，也不存在學(xué)習(xí)某一技術(shù)時所必須遵循的順序，況且相似題材的文章堆在一起閱讀反而不那么易于消化。
*章談職業(yè)生涯：從程序員職業(yè)生涯的角度，闡述了我的一些觀點(diǎn)和意見。其中，大部分內(nèi)容是我的親身經(jīng)歷，還有一些則是從他人身上獲得的經(jīng)驗(yàn)教訓(xùn)。經(jīng)過多年積累，深深覺得，如果能讓更多年輕程序員或是那些即將走上這條道路的在校大學(xué)生早些了解這些經(jīng)驗(yàn)教訓(xùn)，或許能讓他們在將來少走些彎路吧。
第二章談編程中的實(shí)踐與認(rèn)知：講的則是自己多年的編程實(shí)踐，以及從中獲得的感悟。既有《全棧工程師如何快速構(gòu)建一個Web應(yīng)用》《一名全棧設(shè)計(jì)師的Mac工具箱（設(shè)計(jì)、開發(fā)、效率）》這樣的實(shí)踐類文章，又包含了《突破程序員思維》《我似乎理解了編程的意義》這樣看上去很“濕”，卻是我真正希望能夠啟發(fā)年輕程序員們?nèi)ニ伎季幊瘫旧恚约绑w會編程意義的文章。
第三章談程序員的個人發(fā)展：以程序員如何變得優(yōu)秀為話題，從當(dāng)下有關(guān)程序員的各個熱點(diǎn)（包括創(chuàng)業(yè)、自由職業(yè)、建立個人品牌等）入手，為你分析那些優(yōu)秀程序員身上的共同特質(zhì)，未來的發(fā)展方向，以及值得每一名程序員去做的有益嘗試。
第四章談編程中的教與學(xué)：鼓勵大家在通過大量技術(shù)干貨獲取技能的同時，也關(guān)注那些優(yōu)秀濕貨對于自己成長的重要性。同時，我也對編程教學(xué)提出了一些自己的意見和觀點(diǎn)。
第五章談自學(xué)設(shè)計(jì)：在我看來，自學(xué)設(shè)計(jì)是對“美”的意識的重新喚醒，而這一章正是我在自學(xué)設(shè)計(jì)過程中寫下的心得及學(xué)習(xí)筆記。在本章中，我與讀者朋友們分享的不是那些設(shè)計(jì)中的應(yīng)用技巧，而是如何嘗試去理解設(shè)計(jì)的本質(zhì)，希望讀者朋友們也能以這種態(tài)度去學(xué)習(xí)設(shè)計(jì)，你會逐漸獲得感知并創(chuàng)造美的能力，而這反過來也會促進(jìn)你編程能力的提升。
除了以上章節(jié)內(nèi)容之外，我還為此書構(gòu)建了一個主題網(wǎng)站，取名“技匠社”（jijiangshe.com），讀者們（程序員或設(shè)計(jì)師朋友們）可以在此分享和推薦他們認(rèn)為有價(jià)值的工具、資源和教程。目前，網(wǎng)站已收錄了會員們分享的將近500個各類資源，涵蓋了從前端、移動、后端、數(shù)據(jù)庫、大數(shù)據(jù)開發(fā)到設(shè)計(jì)中的色彩、字體、圖標(biāo)、模板等各個方面。希望這個網(wǎng)站也能像它的名字所表達(dá)的那樣，能夠成為技術(shù)匠們匯聚的地方，并幫助更多的程序員或設(shè)計(jì)師獲得成長。
寫文章對于我來說是一件輕松愉快的事情，我從未感受到寫作本身帶來的壓力，反而是在完成之后，發(fā)現(xiàn)會有一些不足之處，而無法給讀者帶來真正幫助的時候，感到頗為沮喪。但我仍將這些文章收入到這本書里，因?yàn)檫@就是我當(dāng)前所能達(dá)到的思考深度，也是一個匠人經(jīng)過十幾年成長后所形成的完整思想框架。這本書中的一些文章可能讓你產(chǎn)生共鳴，一些可能對你有所幫助，而另一些你可能并不喜歡甚至感到厭惡，但這恰恰說明你在閱讀的過程中進(jìn)行了思考，我的想法蹦到了你的腦子里，衍生出你的新想法，這個連鎖反應(yīng)在你腦中反復(fù)激蕩，*終讓你看得更加透徹，思考得更深入，而這才應(yīng)該是本書的真正目的和意義所在。
這本書能夠完成，需要感謝很多人，他們在我寫作的過程中給予了我極大的幫助和鼓勵。首先，要感謝指導(dǎo)我完成這本書的清華大學(xué)出版社編輯，她在目錄的修訂，封面與排版的設(shè)計(jì)等方面給了我很多意見。其次，要感謝我的妻子，她時常鼓勵我進(jìn)行寫作，也總是我文章的*個讀者。還要感謝我的兒子，由于利用業(yè)余時間寫作，陪伴他的時間少了很多，但他很懂事，從不在我寫作時打擾。此外，我還要特別感謝我的母親，是她給予了我寫作的力量，激勵我去做一些更有意義的事情。*后，我想感謝所有我文章的讀者，是你們的喜愛促使我不斷思考并寫出更好的文章，你們的反饋更是我不斷修正思想獲得提升的來源。
編者
陳逸鶴，擁有將近15年的軟件開發(fā)及IT管理經(jīng)驗(yàn)，曾先后在易保網(wǎng)絡(luò)、平安保險(xiǎn)、平安銀行、AIG公司擔(dān)任架構(gòu)師、技術(shù)經(jīng)理等工作。業(yè)余時間，他是一名全棧工程師，做著自己喜歡的開源項(xiàng)目，也是本書配套主題網(wǎng)站技匠社（jijiangshe.com）的發(fā)起人與創(chuàng)建者。此外，作者以“技匠”為筆名創(chuàng)建的個人博客更是深受年輕程序員們的喜愛，累計(jì)訂閱讀者達(dá)數(shù)萬人。他也是稀土掘金的聯(lián)合編輯、51CTO專欄作者、慕課簽約作者、百度知道日報(bào)特邀作者、以及LinkedIn的專欄作者。
*章?談職業(yè)生涯 \ 1
一、寫給年輕程序員的10點(diǎn)啟示 \ 1
二、那些程序員們后知后覺的職涯經(jīng)驗(yàn) \ 7
三、如何招到一名靠譜的程序員 \ 12
四、每個程序員都應(yīng)該了解的一件事 \ 17
五、程序員的煩惱 \ 22
六、提給年輕程序員的職涯建議 \ 28
第二章?談實(shí)踐與認(rèn)知 \ 35
一、突破程序員思維 \ 35
二、全棧工程師如何快速構(gòu)建一個Web應(yīng)用 \ 40
三、如何成為一名優(yōu)秀的全棧工程師 \ 52
四、為什么每個程序員都應(yīng)該學(xué)習(xí)使用命令行 \ 59
五、重構(gòu)——系統(tǒng)改善之道 \ 63
六、程序員也該懂得“這樣就好” \ 67
七、走出軟件開發(fā)法則 \ 69
八、我無法寫出易讀的代碼 \ 73
九、一名全棧工程師的Mac工具箱（設(shè)計(jì)、開發(fā)、效率） \ 78
十、我似乎理解了編程的意義 \ 88
第三章?談個人發(fā)展 \ 91
一、那些優(yōu)秀程序員身上的共同特質(zhì) \ 91
二、成為一名自由程序員 \ 99
三、專家與普通人的區(qū)別在于覺察力 \ 105
四、程序員創(chuàng)業(yè)？你需要先避開這些坑 \ 109
五、程序員之“美” \ 113
六、建立自己的個人品牌 \ 117
七、你不應(yīng)該成為一匹獨(dú)狼 \ 121
八、未來，有關(guān)程序員的10個預(yù)言 \ 125
九、你也可以寫出優(yōu)秀的技術(shù)博客 \ 130
第四章?談編程中的教與學(xué) \ 135
一、自學(xué)編程之前，你需要知道這些 \ 135
二、為什么我們不再購買技術(shù)類書籍 \ 141
三、我眼中的技術(shù)干貨與濕貨 \ 148
四、為什么你應(yīng)該讓你的孩子盡早學(xué)習(xí)編程 \ 150
五、寫作與寫代碼 \ 155
六、如果要為孩子寫一本編程書 \ 158
七、學(xué)習(xí)編程從“玩”開始 \ 163
第五章?談自學(xué)設(shè)計(jì) \ 172
一、自學(xué)設(shè)計(jì)，你真的入門了嗎？ \ 172
二、那些永恒的設(shè)計(jì)原則 \ 181
三、尋找設(shè)計(jì)靈感 \ 187
四、因?yàn)椤懊馈倍鴮W(xué)習(xí)設(shè)計(jì) \ 193
五、淺談企業(yè)級產(chǎn)品設(shè)計(jì) \ 195
第五章?談自學(xué)設(shè)計(jì)
一、自學(xué)設(shè)計(jì)，你真的入門了嗎？
1. 寫給UI設(shè)計(jì)初學(xué)者們
幾乎每隔幾天我便能在各類設(shè)計(jì)網(wǎng)站看到關(guān)于自學(xué)UI設(shè)計(jì)的分享文章。這些文章有一個共同的特點(diǎn)，就是描述作者如何從一個零基礎(chǔ)的設(shè)計(jì)小白，通過種種途徑，成長為一個熟練掌握PS或AI的設(shè)計(jì)達(dá)人的，或者是分享了一堆有參考價(jià)值的設(shè)計(jì)類網(wǎng)站或工具等。這些文章的單擊率很高，因?yàn)橥ㄟ^這些初學(xué)者眼中的“干貨”，能夠很容易地進(jìn)行模仿，并得到技能上的快速提升。
但我想問的是，這真的是學(xué)習(xí)UI設(shè)計(jì)的正確方式嗎，如果不是，那有沒有一篇能夠正確引領(lǐng)大家學(xué)習(xí)UI設(shè)計(jì)的文章呢？很可惜，我在網(wǎng)上搜了很久，卻沒有找到那篇我認(rèn)為是正確的文章。
之所以導(dǎo)致這個問題，我覺得可能有以下兩個原因：
這類文章的內(nèi)容往往比較“濕”，理論性比較強(qiáng)，需要時間慢慢體會，不是拿來就能用的東西，因此文章的單擊率往往較低，隨著時間的推移，很快便淹沒在了那些新鮮出爐的設(shè)計(jì)干貨之中，而無法搜索到了。
那些真正優(yōu)秀的設(shè)計(jì)師往往都早已過了初學(xué)者那個階段，他們也更樂于分享自己的設(shè)計(jì)觀點(diǎn)或杰出作品，卻很難站在一個初學(xué)者的角度來寫如何學(xué)習(xí)設(shè)計(jì)的文章了。
我也曾和很多設(shè)計(jì)初學(xué)者們一樣在自學(xué)的過程中有過困惑，走過彎路。今天，我仍在不斷地努力學(xué)習(xí)，去嘗試?yán)斫庠O(shè)計(jì)的本質(zhì)與內(nèi)涵。我也希望通過這篇文章，能給那些還在設(shè)計(jì)門外打轉(zhuǎn)，而不得其門而入的學(xué)習(xí)者們一些不同的啟發(fā)。
2. 我為什么自學(xué)UI設(shè)計(jì)
我之所以自學(xué)UI設(shè)計(jì)，其實(shí)源于一次失敗的創(chuàng)業(yè)實(shí)驗(yàn)。稱它為實(shí)驗(yàn)，是因?yàn)槟遣⒉凰闶且淮握嬲膭?chuàng)業(yè)，我和我的合伙人并沒有放棄自己的工作，而是利用一些業(yè)余時間來做一個以實(shí)習(xí)生為主題的社區(qū)（那時還是“開心”“人人” 這樣的SNS社交平臺大行其道的年代）。我那時是一家500強(qiáng)金融集團(tuán)的應(yīng)用架構(gòu)師，因此，便當(dāng)仁不讓地承擔(dān)起了我們這個團(tuán)隊(duì)中程序員的角色，負(fù)責(zé)完成了整個平臺的架構(gòu)及開發(fā)工作。但始終困擾我們的是找不到一名優(yōu)秀的UI設(shè)計(jì)師，能夠把這個平臺推到一個產(chǎn)品的高度。我們也曾經(jīng)通過朋友介紹或在淘寶上尋找，合作過幾位設(shè)計(jì)師，但由于種種原因（技能問題、理念問題、投入度問題等）都無法達(dá)到我們的要求，*后也都不歡而散了。當(dāng)然，我們的這次創(chuàng)業(yè)也*終以失敗而告終。現(xiàn)在回想起來，失敗的原因有很多，但缺少一名優(yōu)秀的UI設(shè)計(jì)師，導(dǎo)致我們的產(chǎn)品遲遲不能推向市場，是這次失敗的一個非常重要的原因。
我始終覺得自己還是一個有著產(chǎn)品夢想的人（自我鼓勵一下），因此，為了下一次重新啟航行時，不再重蹈覆轍，我便決定開始自學(xué)UI設(shè)計(jì)。
3. 自學(xué)路上的困擾
我在自學(xué)UI設(shè)計(jì)的道路上，走得并不平坦，遇到過很多困擾和挫折。今天想來，其實(shí)*大的障礙正是源于自身對于UI設(shè)計(jì)本身的理解不夠全面和深刻。
概括起來，主要包括以下幾個方面：
對于學(xué)習(xí)UI設(shè)計(jì)的困難準(zhǔn)備不足：由于在此之前，我一直從事企業(yè)級應(yīng)用的研發(fā)，因此，那時在我們的圈子里，設(shè)計(jì)師（我們更多稱為“美工”）屬于非常邊緣的輔助角色。我也想當(dāng)然地覺得學(xué)習(xí)那些技能對于我來說是小菜一碟，幾周就能搞定。但實(shí)踐證明，我錯了，真正的UI設(shè)計(jì)遠(yuǎn)沒有想象中的那么容易掌握，直到今天，我都不敢說自己已經(jīng)掌握了UI設(shè)計(jì)并能稱得上是一名UI設(shè)計(jì)師。隨著我對設(shè)計(jì)本身理解的加深，對設(shè)計(jì)師的看法也完全轉(zhuǎn)變了，他們不再是我口中的美工，而是一個能夠左右產(chǎn)品優(yōu)劣，驅(qū)動產(chǎn)品研發(fā)的關(guān)鍵角色。
認(rèn)為學(xué)習(xí)UI設(shè)計(jì) = 學(xué)習(xí) PS、AI等工具：當(dāng)決定學(xué)習(xí)UI設(shè)計(jì)后，我便開始在網(wǎng)上搜索如何學(xué)習(xí)UI設(shè)計(jì)，而“度娘”（百度搜索）給我的答案便是大量的PS、AI等各種設(shè)計(jì)教程。我也是一路拼命下載，然后不分晝夜地學(xué)習(xí)。不久之后，我確實(shí)能夠按照這些學(xué)習(xí)指南P出一些圖，或是做出幾個圖標(biāo)來了，但當(dāng)我嘗試獨(dú)立去做一個完整的UI設(shè)計(jì)時，卻發(fā)現(xiàn)自己做出來的東西與那些我所見過的優(yōu)秀設(shè)計(jì)仍有著天壤之別，即使是我完全模仿那些優(yōu)秀作品所做的設(shè)計(jì)，仍然感覺怪怪的，好像哪里出了問題，自己又說不清楚。這時，我才意識到我的學(xué)習(xí)方法可能錯了，簡單地說，就是撿了芝麻丟了西瓜，雖然掌握了一些設(shè)計(jì)工具技巧，但對真正的設(shè)計(jì)卻一無所知。
審美能力不足：我遇到過的另一個困難便是自身審美能力不足。其實(shí)我想說，這不僅是我一個人的問題，可能也是我們這一代，甚至是幾代人共同的問題。由于整個教育體系對于學(xué)生在美學(xué)教育上不夠重視，導(dǎo)致我們從小就缺少藝術(shù)和美的熏陶，美術(shù)課常常會被語數(shù)外等主課霸占而成了擺設(shè)。由于缺乏對美的感知和判斷能力，導(dǎo)致我們很難準(zhǔn)確評判自己作品的優(yōu)劣，更不會知道如何去改善它。放到更大的角度，我們很難像蘋果那樣設(shè)計(jì)出偉大的產(chǎn)品來。
4. 重新認(rèn)識UI設(shè)計(jì)
在意識到學(xué)習(xí)方法的錯誤之后，我便再次尋求了“度娘”的幫助，但這一次我要找的是那些優(yōu)秀設(shè)計(jì)師們自己對于設(shè)計(jì)的感悟、設(shè)計(jì)心得、推薦閱讀的設(shè)計(jì)類書籍等。我也放下了手中的PS、AI，靜下心來進(jìn)行了大量的閱讀。通過這些閱讀，我也漸漸了解并重新認(rèn)識了UI設(shè)計(jì)。
經(jīng)過對設(shè)計(jì)知識的重新梳理，我將所需要掌握的基本設(shè)計(jì)技能歸納為以下10點(diǎn)。
色彩：需要理解色彩的基本原理及配色方法。色彩很難把控，因?yàn)樗苋菀妆贿^度使用。如果你還是一個初學(xué)者，那么應(yīng)盡可能地使用柔和的色彩，僅在需要強(qiáng)調(diào)的地方使用更醒目的色彩。
字體與排版：文字往往占據(jù)整個設(shè)計(jì)內(nèi)容80%以上的區(qū)域，所以理解如何使用正確的字體和排版方式非常重要。請將內(nèi)容的清晰易讀作為你定義字體和做排版的首要目標(biāo)。
動效：動效能夠顯著增強(qiáng)一個應(yīng)用的用戶體驗(yàn)。它們能使你的應(yīng)用更有生氣和迷人，前提是你所設(shè)計(jì)的動效快速、流暢，并且是符合用戶預(yù)期的。
圖標(biāo)：優(yōu)秀的圖標(biāo)往往與我們每天見到的事物緊密關(guān)聯(lián)，比如，相機(jī)、垃圾桶、云等，能讓人一眼就識別出它所代表的功能。因此，應(yīng)使用那些具有良好辨識度的圖標(biāo)，避免讓用戶產(chǎn)生混淆。
聲效：聲效在設(shè)計(jì)中用得很少，但恰如其分的聲效能夠提升用戶體驗(yàn)。用戶不用看到你的應(yīng)用，僅聽到一個熟悉的聲音便能識別出你的產(chǎn)品來。
獲得設(shè)計(jì)靈感：設(shè)計(jì)靈感不是與生俱來的，你需要不斷地尋找它。有很多獲得設(shè)計(jì)靈感的方法，下文中我將分享我的一些經(jīng)驗(yàn)。
設(shè)計(jì)原則：流行轉(zhuǎn)瞬即逝，但設(shè)計(jì)中*本質(zhì)的東西卻能永恒。設(shè)計(jì)大師們很早就認(rèn)識到了這些，并將它們提煉為設(shè)計(jì)原則。你要做的是理解這些設(shè)計(jì)原則，并將它們運(yùn)用到你的設(shè)計(jì)之中。
用戶體驗(yàn)設(shè)計(jì)：你需要了解你的用戶，這樣才能設(shè)計(jì)出符合用戶需求的產(chǎn)品。學(xué)習(xí)設(shè)計(jì)心理學(xué)，將有利于你設(shè)計(jì)出更人性化的產(chǎn)品。
基于不同平臺的設(shè)計(jì)：在不同平臺設(shè)計(jì)產(chǎn)品存在很大的差異，你需要了解產(chǎn)品所在的平臺（如 iOS、Android），并遵循它們各自的設(shè)計(jì)規(guī)范。
設(shè)計(jì)工具：設(shè)計(jì)工具有很多，對于UI設(shè)計(jì)，我建議使用Sketch 3，因?yàn)樗菍閁I設(shè)計(jì)而生的，能給你帶來更高的設(shè)計(jì)效率。
5. 改變設(shè)計(jì)工具
自從我改變學(xué)習(xí)UI的方法之后，一直到今天，我每天都會堅(jiān)持閱讀 Designer News（https://www.designernews.co/） 上的每日推薦文章，它能讓我了解國外優(yōu)秀的設(shè)計(jì)師門都在想些什么或做些什么。在這之中，給我?guī)淼?大改變便是我放棄了原來使用的 Photoshop，而開始使用Sketch來進(jìn)行UI設(shè)計(jì)。因?yàn)槲殷@訝地發(fā)現(xiàn)越來越多的國外設(shè)計(jì)師，特別是在初創(chuàng)公司的設(shè)計(jì)師們開始使用Sketch作為他們的設(shè)計(jì)工具。
下圖為2015年 Substraction.com（http://tools.subtraction.com/interface-design. html）對4000名來自不同領(lǐng)域的UI設(shè)計(jì)師進(jìn)行問卷調(diào)查后得到的UI設(shè)計(jì)工具使用情況，Sketch已經(jīng)大幅超越Photoshop成為設(shè)計(jì)師們首選的UI設(shè)計(jì)工具。
實(shí)踐證明，使用Sketch確實(shí)給我?guī)砹藰O大的驚喜。
小巧快捷：Sketch只有41M，相較于1.6GB的Photoshop來說顯得非常小巧。因此，無論是安裝，還是啟動、運(yùn)行，Sketch都非常快捷。
專為UI設(shè)計(jì)而生：Photoshop是一個圖片處理工具，它包含了大量的圖片處理功能，但這些對于UI設(shè)計(jì)師來說是多余的，并會成為UI設(shè)計(jì)師們工作時的噪聲，降低他們的設(shè)計(jì)效率。而Sketch則專注于UI設(shè)計(jì)，它的所有功能都只為UI設(shè)計(jì)服務(wù)。比如，統(tǒng)一的計(jì)量單位Pixel使你不必關(guān)注其他計(jì)量單位（cm、ml、Picas等），支持HSB、RGB顏色模型和色板功能，使用Symbol可以方便地復(fù)用你的設(shè)計(jì)元素，可針對任意設(shè)計(jì)元素或元素組導(dǎo)出不同分辨率的圖片等等。另外，你不用再面對一個一半功能都不會去碰的工具欄，也完全不用去關(guān)心那些與UI設(shè)計(jì)無關(guān)的東西，這使你更容易學(xué)習(xí)和掌握這個設(shè)計(jì)工具。
強(qiáng)大的插件功能 ：雖然Sketch的核心非常小，但它卻提供了非常強(qiáng)大的插件功能。針對不同的設(shè)計(jì)場景，可以使用不同的插件。比如，你可以使用Sketch Palettes保存你的常用色板，并與朋友方便地分享；使用 Magic Mirror 可以將你的設(shè)計(jì)方便地展示到不同的實(shí)體模型（如iPhone、iPad、書的封面等）；也可以使用 Sketch Content Generator 來批量地產(chǎn)生內(nèi)容，這能為設(shè)計(jì)師節(jié)省大量的時間。此外，還有像Measure、Dynamic Button、Sketch Constraints 等許多非常優(yōu)秀的插件都可以幫助你大大提升工作效率，從而使你更能夠?qū)Ｗ⒂谠O(shè)計(jì)本身。
以上只是Sketch所具有的眾多優(yōu)秀特性中的一小部分，網(wǎng)上已經(jīng)有很多關(guān)于Sketch的設(shè)計(jì)教程和指南，你能通過這些資料，快速地學(xué)習(xí)并掌握Sketch。我正看到越來越多的如Sketch、Affinity Designer、Affinity Photo 等創(chuàng)新工具對設(shè)計(jì)工具領(lǐng)域帶來的變革，它們不再追求大而全，而更注重于以*簡潔、高效的方式服務(wù)于不同的設(shè)計(jì)目的。這也正是互聯(lián)網(wǎng)思維在設(shè)計(jì)工具領(lǐng)域的一個體現(xiàn)。因此，如果你是一個UI設(shè)計(jì)初學(xué)者，或者已經(jīng)是一名UI設(shè)計(jì)師并正在使用PS、AI等工具，那么我都建議你嘗試使用Sketch，因?yàn)樗且粋�能給你帶來巨大改變并代表著未來的優(yōu)秀設(shè)計(jì)工具。
6. 尋找設(shè)計(jì)靈感
對于設(shè)計(jì)初學(xué)者來說，經(jīng)常會為找不到設(shè)計(jì)靈感而苦惱。而我想說的是，靈感不是與生俱來的，它需要你去不斷地尋找。如果沒有靈感，你將永遠(yuǎn)不能開始，更別說去完成一個設(shè)計(jì)了。下面是我使用的一些方法。
（1）閱讀
我沒有上過任何設(shè)計(jì)學(xué)校或培訓(xùn)班，因此我的大部分設(shè)計(jì)知識都是從閱讀中獲得的。我?guī)缀醪蛔x那些30天速成系列的書或關(guān)于設(shè)計(jì)趨勢的文章，因?yàn)槲抑兰夹g(shù)的變化是非常快的，正如我現(xiàn)在完全使用Sketch來做設(shè)計(jì)，而不用PS一樣。我更關(guān)注設(shè)計(jì)的本質(zhì)，書是獲得這方面知識的很好途徑。
我閱讀那些對設(shè)計(jì)有著深刻思想的人物傳記，如《斯蒂夫·喬布斯傳》，與設(shè)計(jì)相關(guān)的心理學(xué)書籍，如《設(shè)計(jì)心理學(xué)》，與色彩相關(guān)的書籍，如《色彩設(shè)計(jì)》，與字體相關(guān)的書籍，如《設(shè)計(jì)師的自我修養(yǎng)》等。也正是通過這些書籍，讓我逐步理解了設(shè)計(jì)的內(nèi)涵，從而讓我徹底走出了之前學(xué)習(xí)設(shè)計(jì)時的誤區(qū)。
另外，我也會讀一些網(wǎng)上的優(yōu)秀文章，Designer News（https://www.designernews.co/） 是一個使我獲得高質(zhì)量設(shè)計(jì)文章的優(yōu)秀網(wǎng)站，在這里我可以看到*新的來自全球設(shè)計(jì)師的優(yōu)秀分享。當(dāng)然，我也在優(yōu)設(shè)（http://www.uisdc.com/）、推酷（http://www.tuicool.com/）、Medium（https://medium.com/） 等網(wǎng)站上閱讀那些具有思想性的設(shè)計(jì)文章，并且通過關(guān)注一些優(yōu)秀的設(shè)計(jì)師，從他們身上學(xué)到了很多經(jīng)驗(yàn)和啟發(fā)，給我學(xué)習(xí)UI設(shè)計(jì)帶來了極大的幫助。
（2）收集優(yōu)秀設(shè)計(jì)
另一個獲得靈感的方法是收集優(yōu)秀的設(shè)計(jì)作品。Ember是我用過的用來收集設(shè)計(jì)素材的*佳工具。更棒的是它支持訂閱功能，可以從Dribbble這樣的網(wǎng)站自動下載設(shè)計(jì)作品，可讓我非常方便地瀏覽和收集。（下圖為我的Ember應(yīng)用截圖）
除了Ember之外，我也使用Pintrest（https://www.pinterest.com/）來收集手機(jī)上看到的優(yōu)秀設(shè)計(jì)，并分類添加到我在Pintrest上創(chuàng)建的Board中。（下圖為我的Pintrest主頁（https://www.pinterest.com/techmask/））
（3）擁有工匠精神
你所做的每一件事情，它的背后都可以和藝術(shù)聯(lián)系在一起。只要是付出了努力，精心制作，并能反映出作者情感與靈魂的東西都可以稱為藝術(shù)品。想一想你平時喜歡做的事情，閱讀、散步、享用美食或者看展覽。這其中的每一件都與一種藝術(shù)形式相關(guān)聯(lián)：寫作、環(huán)球旅行、烹飪、攝影。你會發(fā)現(xiàn)當(dāng)你不斷完善某一項(xiàng)技能的同時，其他技能也會得到加強(qiáng)。對于設(shè)計(jì)來說，上面提到的寫作、攝影、旅行等都是對設(shè)計(jì)能力的很好補(bǔ)充。
二、那些永恒的設(shè)計(jì)原則
很多人都在尋找那些能夠幫助他們快速提升設(shè)計(jì)能力的方法，但你是否想過，哪些方面會對你的設(shè)計(jì)產(chǎn)生影響呢？是使用工具的技巧，對設(shè)計(jì)的理解和態(tài)度，還是你的生活習(xí)慣呢？我想說所有這些都是決定你的設(shè)計(jì)是否優(yōu)秀的因素，而在這之中，對設(shè)計(jì)本身的理解顯得尤為重要。在這篇文章里，我希望通過那些經(jīng)典的設(shè)計(jì)原則和設(shè)計(jì)領(lǐng)域內(nèi)的一些*佳實(shí)踐，來嘗試啟發(fā)你對設(shè)計(jì)本質(zhì)的理解與認(rèn)識。
1. 什么是設(shè)計(jì)，什么才是優(yōu)秀的設(shè)計(jì)
設(shè)計(jì)正在被不斷地細(xì)分并滲透到各行各業(yè)，我所知道的設(shè)計(jì)師分類就包括：工業(yè)設(shè)計(jì)、圖形設(shè)計(jì)、UI設(shè)計(jì)、UX設(shè)計(jì)，等等。那么到底什么是設(shè)計(jì)，我們又為什么要設(shè)計(jì)呢？其實(shí)，對于所有類別的設(shè)計(jì)，其*終目的都是相似的，那就是去解決一個特定的問題。設(shè)計(jì)應(yīng)源于對問題本身的思考，并做出能夠解決問題的相應(yīng)設(shè)計(jì)。切忌為了設(shè)計(jì)而設(shè)計(jì)，在你動手畫草圖或原型前，先嘗試問問自己對要解決的問題是否已經(jīng)清楚了，你又打算用什么方式去解決它呢？
什么才是優(yōu)秀的設(shè)計(jì)呢？這是一個更難回答的問題，可以說它既有標(biāo)準(zhǔn)又沒有標(biāo)準(zhǔn)。我所見到的那些優(yōu)秀設(shè)計(jì)絕不是那些包含了高超設(shè)計(jì)技巧的作品， 它們的優(yōu)秀之處反而在于設(shè)計(jì)本身的成熟度上。想一想，就在幾年之前，我們手機(jī)上還充滿了那些擬物化的圖標(biāo)，而今天無論是蘋果還是安卓，都在使用更簡單、清晰、扁平的圖標(biāo)。雖然說是蘋果引領(lǐng)了這樣一種設(shè)計(jì)風(fēng)格的改變，但這恰恰是設(shè)計(jì)成熟度提高的一種表現(xiàn)。
2. 盡可能少設(shè)計(jì)
說到設(shè)計(jì)的成熟度，就不得不提Dieter Rams，他是德國著名的工業(yè)設(shè)計(jì)師，為德國家電制造商博朗（Braun）設(shè)計(jì)出很多非常優(yōu)秀的產(chǎn)品，而他的很多設(shè)計(jì)更是被蘋果拿來模仿。
Dieter Rams所提出的 10條優(yōu)秀設(shè)計(jì)原則 （https://www.vitsoe.com/rw/about/good-design）更是被推崇為設(shè)計(jì)領(lǐng)域的黃金法則。作為一代設(shè)計(jì)巨匠，他的成就如此杰出，而他所倡導(dǎo)的這些設(shè)計(jì)原則，即使在30年后的今天，仍然能在設(shè)計(jì)界產(chǎn)生強(qiáng)烈地共鳴。
在這10條設(shè)計(jì)原則中的*后一條“優(yōu)秀的設(shè)計(jì)是盡可能少設(shè)計(jì)”更是發(fā)人深省。一些設(shè)計(jì)初學(xué)者們的設(shè)計(jì)作品就像是由很多設(shè)計(jì)元素堆砌而成的，整個設(shè)計(jì)作品違反了上面這些設(shè)計(jì)原則中的一條，甚至幾條，*終成為一個失敗的設(shè)計(jì)。你在做設(shè)計(jì)的過程中，不妨不斷地對照Dieter Rams的這10條設(shè)計(jì)原則，去思考和修正自己的設(shè)計(jì)。另外，你也需要牢牢記住少即是多的道理。
3. “這樣就好”與Redesign
我曾讀過幾本日本知名設(shè)計(jì)師的書，比如，《設(shè)計(jì)中的設(shè)計(jì)》《設(shè)計(jì)的覺醒》，《為什么設(shè)計(jì)》等，從中深深體會到日本這幾代設(shè)計(jì)師在對日本的文化、環(huán)境、人文等各方面因素進(jìn)行全面觀察，以及對設(shè)計(jì)做出深刻反思后，得到的那些適合現(xiàn)代日本、亞洲甚至整個世界的優(yōu)秀設(shè)計(jì)思想。其中，原研哉（日本平面造型設(shè)計(jì)大師）在很多場合都提到了“這樣就好”的設(shè)計(jì)理念——去掉不必要的修飾，更加注重產(chǎn)品的功能、內(nèi)容，以及給人帶去的感受。他將這一理念體現(xiàn)在了他所主導(dǎo)的時尚生活品牌“無印良品”的產(chǎn)品設(shè)計(jì)之中，受到了年輕一代極大的歡迎。
設(shè)計(jì)初學(xué)者們也應(yīng)仔細(xì)體會“這樣就好”的設(shè)計(jì)理念，并通過不斷地實(shí)踐去達(dá)到它。而一種*為行之有效的方法便是Redesign——重新設(shè)計(jì)（無印良品的很多產(chǎn)品都是通過不斷進(jìn)行Redesign進(jìn)化而來的，為此，無印良品還專門舉辦了以Redesign為主題的展覽與設(shè)計(jì)比賽）。對原有（舊的）設(shè)計(jì)進(jìn)行Redesign是產(chǎn)生設(shè)計(jì)變革的一種有效方式。
對于UI設(shè)計(jì)來說，我同樣能在Dribbble上看到很多Redesign的作品（大多是針對那些知名網(wǎng)站或APP的）。Redesign對于那些沒有明確設(shè)計(jì)目標(biāo)的初學(xué)者來說是一種非常好的實(shí)踐方式，你不僅能通過它提升自己的設(shè)計(jì)能力，而且在提交你的作品之后，還能獲得很多其他設(shè)計(jì)師的點(diǎn)評和建議，從中你能了解自己設(shè)計(jì)中存在的問題，并快速獲得提高。
另外，我還想強(qiáng)調(diào)的一點(diǎn)是Redesign不應(yīng)僅僅針對設(shè)計(jì)本身（比如，換一種顏色，加一些動效等），而更應(yīng)從產(chǎn)品的功能、環(huán)境的匹配度、給使用者的感受等更深層次的方面進(jìn)行思考。其實(shí)，Redesign體現(xiàn)的是一種深入反思的過程，相信當(dāng)你能夠?qū)⑺羞@些問題都想清楚時，也就已經(jīng)完成了設(shè)計(jì)的一大半工作了。
4. 遵循設(shè)計(jì)的*佳實(shí)踐
我沒有上過任何設(shè)計(jì)學(xué)校，使用Photoshop等工具的水平更是糟糕，但這并不妨礙我做出一個還算不錯的設(shè)計(jì)，因?yàn)槲視谠O(shè)計(jì)中盡可能地參照那些設(shè)計(jì)中的*佳實(shí)踐。在你的能力還沒達(dá)到打破那些設(shè)計(jì)準(zhǔn)則去進(jìn)行創(chuàng)新并形成自己鮮明的風(fēng)格之前，不妨也像我一樣遵循那些設(shè)計(jì)的*佳實(shí)踐，因?yàn)樗鼈兺怯行У摹?
（1）神奇的數(shù)字3
你可能已經(jīng)發(fā)現(xiàn)了，在你所看到的許多事物中都包含一個神奇的數(shù)字3，比如，大量使用3種顏色配色的網(wǎng)站，斯蒂夫·喬布斯在介紹Apple產(chǎn)品時*多描述產(chǎn)品的3個主要特性（比如 iPhone）。其實(shí)，這背后是有原因的：人的大腦一次同時*容易記住3件事情。就像我們記電話號碼時，總是將它分為3個數(shù)字一組進(jìn)行記憶。另外，3所構(gòu)成的形狀也*穩(wěn)定，*容易讓人產(chǎn)生美感。因此，在你對一些設(shè)計(jì)中的數(shù)字無法確定時，就使用3這個數(shù)吧。
（2）使用網(wǎng)格來確立秩序
人們在瀏覽或閱讀一個頁面時，都會下意識地去尋找它的規(guī)律，以便更好地識別內(nèi)容。優(yōu)秀的設(shè)計(jì)往往能夠幫助人們建立這種秩序，方便人們獲取想要的內(nèi)容，而那些不佳的設(shè)計(jì)則往往會加重人們閱讀的負(fù)擔(dān)，*終讓你的用戶早早地離你而去。
使用網(wǎng)格進(jìn)行設(shè)計(jì)是建立秩序的*有效途徑。設(shè)計(jì)初學(xué)者們都可以從使用網(wǎng)格開始，因?yàn)樗軒椭阕龀鼋y(tǒng)一且和諧的設(shè)計(jì)來。我讀過的一本不錯的關(guān)于網(wǎng)格應(yīng)用的小冊子《秩序之美》，它是由網(wǎng)格的發(fā)明者，紐約時報(bào)網(wǎng)站的資深設(shè)計(jì)師Knoi Vinh編寫的，對于學(xué)習(xí)和使用網(wǎng)格進(jìn)行設(shè)計(jì)很有幫助。
（3）用肉眼來判斷平衡
平衡是另一個非常重要的設(shè)計(jì)原則，對于相同的設(shè)計(jì)元素，我們很容易使用對稱的方法來處理平衡。但是，對于那些在形狀、大小、顏色方面都存在差異的元素，我們又應(yīng)該如何處理這種平衡呢？很多人會使用標(biāo)尺來確保元素間的大小和位置一致，但你還必須用你的肉眼去驗(yàn)證并進(jìn)行必要的調(diào)整。因?yàn)槠胶獠粌H取決于物體的大小，更與它們的形狀、顏色、背景等因素有關(guān)，相信自己的眼睛和感覺去調(diào)整你的設(shè)計(jì)，使它*終達(dá)到整體的平衡。
（4）應(yīng)用黃金比例
使用網(wǎng)格可以幫助我們將元素對齊，但我們又應(yīng)該如何確認(rèn)布局中欄位劃分的比例，或者在我們確認(rèn)了一些設(shè)計(jì)元素的寬度之后如何去決定它們的高度呢？這時，往往可以用到黃金比例——1.618。
如果你使用的是960Grid這種960px寬的網(wǎng)格系統(tǒng)，并且你希望分出兩欄布局時，就可以使用960/1.618=593，593px的位置就是黃金分割點(diǎn)。因此，對兩欄的網(wǎng)頁布局，將左邊欄寬度設(shè)為593px，將右邊欄寬度設(shè)為367px（960-593）就可以了。同樣當(dāng)你確定了一張圖片的寬度為600px時，采用黃金比例，它的高度就可以設(shè)為370px左右。
當(dāng)然黃金分割比例只是在設(shè)計(jì)上的一個指導(dǎo)，如果你可以打破這個規(guī)則又能保證整個設(shè)計(jì)自然平衡也是可以的。作為一個通常的規(guī)則，經(jīng)常把黃金比例用5∶3來代替，雖然不是非常精確，但是能更直觀和方便地在設(shè)計(jì)中使用。
（5）恰到好處的強(qiáng)調(diào)與對比
通過強(qiáng)調(diào)可以引導(dǎo)用戶去使用產(chǎn)品的某些功能，比如：用戶注冊按鈕、產(chǎn)品的購買按鈕，等等。但初學(xué)者往往會在運(yùn)用強(qiáng)調(diào)這種方法時，出現(xiàn)一些常見的問題：
在同一個頁面中過多地運(yùn)用強(qiáng)調(diào)。
不分主次的強(qiáng)調(diào)。
……
新書資訊