本文轉(zhuǎn)自郭霖公眾號(hào)（郭霖：guolin_blog）

《第一行代碼》這本書，自2014年首次出版以來(lái)，已經(jīng)過(guò)去了6年的時(shí)間。在這6年時(shí)間里，這本書一共升級(jí)改版了3次，包括即將出版但還未出版的這次。（現(xiàn)已出版啦~?。?/p>

雖然每次改版升級(jí)，書的封面都會(huì)或多或少發(fā)生些變化，但是那個(gè)坐在電腦桌前敲擊鍵盤的小人，以及背面那句“發(fā)誓要把世界寫個(gè)明明白白”的豪言壯語(yǔ)卻從未改變。

坐在電腦桌前敲擊鍵盤的小人映射的是我們每一位熱愛(ài)編程的讀者，但他也是有人物原型的。很多人可能覺(jué)得那個(gè)小人的原型就是我，其實(shí)并不是，而是這本書第1版的策劃編輯陳冰老師。

我是一個(gè)比較瘦的人，腦袋也不大，所以怎么看這個(gè)小人的形象都跟我不符。而陳冰老師是一個(gè)臉圓圓的頭也比較大的人，所以他在為這本書設(shè)計(jì)封面時(shí)應(yīng)該是以自身的形象來(lái)考量的。當(dāng)然，也正是有了陳冰老師當(dāng)初在CSDN上找到了我，才有了《第一行代碼》這本書的誕生。

相信很多朋友都已經(jīng)讀過(guò)《第一行代碼》的前兩版了，可是你知道這本書的封面是如何創(chuàng)作出來(lái)的嗎？一個(gè)好的封面是要經(jīng)過(guò)設(shè)計(jì)師各種細(xì)心打磨，甚至要從好幾個(gè)版本中精挑細(xì)選出來(lái)的。陳冰老師將這本書的誕生過(guò)程寫成了一篇文章，后被我轉(zhuǎn)載到博客上發(fā)表，但是絕大部分《第一行代碼》的讀者朋友們應(yīng)該都是沒(méi)有看過(guò)這篇文章的，因此我今天將它略微修改之后發(fā)表到公眾號(hào)上，或許你們會(huì)對(duì)此感興趣。

/? ?第 1 版? ?/

2013年的我剛剛畢業(yè)一年，僅僅在CSDN上發(fā)表了幾篇技術(shù)文章，訪問(wèn)量不過(guò)幾千，沒(méi)有任何名氣。時(shí)任圖靈出版社副總編輯的陳冰老師在CSDN上找到了我，說(shuō)他正在策劃一個(gè)新的圖書系列叫《第一行代碼》，希望我可以來(lái)編寫這個(gè)系列的第一本書。一切的不可思議都是從這里開始的。

不過(guò)那時(shí)的我只負(fù)責(zé)了內(nèi)容的編寫，其他圖書出版的任何工作我都沒(méi)有參與，包括這本書的封面設(shè)計(jì)也都是由陳冰老師一手操辦的。

以下部分的第一人稱 “我” 指的都是 “陳冰” 。

每一本好書的封面的誕生都不是輕松的事情。不僅不是輕松的事情，事實(shí)上正相反，幾乎無(wú)一例外都是艱難的過(guò)程。但如果最終得償所愿，一本書找到了它的封面，那這個(gè)艱難的過(guò)程就會(huì)有一個(gè)愉快的結(jié)果。

什么叫一本書找到了它的封面？就是當(dāng)你拿到這個(gè)封面時(shí)，你大腦中有一個(gè)強(qiáng)烈的意識(shí)，不會(huì)有任何一個(gè)其他封面更適合這本書了。

這本書，我最初給它這個(gè)書名時(shí)，我就意識(shí)到這是個(gè)好書名，但對(duì)于給這個(gè)書名設(shè)計(jì)一個(gè)好封面而言，卻是個(gè)極難的課題?！兜谝恍写a》是我策劃的一個(gè)給編程初學(xué)者看的系列，本書是這個(gè)系列的第一本書。

在策劃這本書（這個(gè)系列）時(shí)，我就想好要有一個(gè)獨(dú)一無(wú)二的形式上的突破，要給讀者以新意和獨(dú)特的閱讀體驗(yàn)。為此，我決定給它引入一個(gè)經(jīng)驗(yàn)值、升級(jí)與寶物系統(tǒng)，這是在此前的任何計(jì)算機(jī)圖書（據(jù)我所知也包括其他所有類別的圖書上）上都沒(méi)有過(guò)的事情。

基于這些考慮，這本書的封面必須同時(shí)滿足以下四個(gè)特點(diǎn)：

1. 應(yīng)該莊重、可信、能讓讀者感到有一股內(nèi)在的力量，讓讀者感到這本書所講述的知識(shí)是可信賴的。

2. 有一種神秘感、帶有一些魔幻現(xiàn)實(shí)主義的色彩，讓讀者感到這本書與其它書明顯不同。

3. 讓初學(xué)者有親切感，IT感也必須在其中體現(xiàn)，讓讀者感到這一場(chǎng)景他非常熟悉，有認(rèn)同感。

4. 要有絕對(duì)的視覺(jué)沖擊力，在網(wǎng)店上銷書，都是郵票大小的展示區(qū)，不可能讓你捧到手里仔細(xì)端詳，如果封面不能在郵票大小的面積上給你造成視覺(jué)吸引力，但這個(gè)封面無(wú)論設(shè)計(jì)得多么絕妙都是失敗的。設(shè)計(jì)一個(gè)封面不難，但要設(shè)計(jì)一個(gè)好看的封面就相當(dāng)不易，而要設(shè)計(jì)一個(gè)既好看又能賣的封面則是極難的事情。

為了達(dá)到這個(gè)效果，我開始構(gòu)思這個(gè)封面。在“第一行代碼”這幾個(gè)字的字體上做文章的念頭曾在我腦海中一閃而過(guò)，但立馬就被我否定了，那樣出來(lái)的效果會(huì)過(guò)于張揚(yáng)，同時(shí)又不免落入俗套，而且弄不好就會(huì)搞得像本財(cái)經(jīng)類圖書。

我告訴自己，既然是本給初學(xué)者看的書，那首先就要讓初學(xué)者有親切感，要設(shè)計(jì)一個(gè)典型的元素，讓初學(xué)者一看到它親切感和熟悉感就立馬油然而生。八年前，我在清華時(shí)曾策劃過(guò)一個(gè)“第一步”系列，當(dāng)時(shí)我設(shè)計(jì)的封面元素就是在畫面中央有一個(gè)“Hello，World”字樣，很醒目。

Hello，World對(duì)于初學(xué)者而言無(wú)疑是最熟悉的元素，但我不喜歡重復(fù)自己，對(duì)于這個(gè)《第一行代碼》系列，我要重新琢磨一個(gè)元素。我想到了我當(dāng)年剛剛學(xué)習(xí)編程時(shí)，在深夜燈下電腦前工作的情景，也想起來(lái)以前深夜寫計(jì)算機(jī)書時(shí)的情景，不管是寫代碼，還是寫計(jì)算機(jī)書，深夜電腦前工作的情形是每個(gè)程序員，無(wú)論新手還是老手都非常熟悉有親切感的畫面，甚至此時(shí)此刻的你就是這樣。所以我決定就用這個(gè)畫面這個(gè)場(chǎng)景來(lái)做這個(gè)封面關(guān)鍵識(shí)別元素。

那么這個(gè)識(shí)別元素具體要有哪些物件組成呢？我開始進(jìn)一步構(gòu)思這個(gè)場(chǎng)景具體要包含哪些元素。我憑著直覺(jué)，讓腦海中自發(fā)產(chǎn)生的圖像帶我前行，我看到一個(gè)小程序員坐在書桌前，他背對(duì)著我，面前是一臺(tái)ThinkPad筆記本電腦，左手側(cè)有一臺(tái)iPad，右手側(cè)有一臺(tái)三星Note大屏手機(jī)，還有一碗剛泡好正待吃的方便面，一杯果汁，一摞書，因?yàn)檎趶氖翧ndroid開發(fā)，所以書上還有一個(gè)Android小機(jī)器人的手辦，還有一盆綠植（我又在腦海中仔細(xì)看了看，原來(lái)是盆仙人掌）。我把這些元素在紙上畫出來(lái)。為了讓畫面更豐富，我瞅了瞅我自己的書桌，然后又在畫面中加了一個(gè)水杯，幾張紙和一支筆。為了讓畫面更生動(dòng)和富有趣味，我在桌旁的地面上加了一只小貓，它正好奇的望向桌底某個(gè)方向，似乎發(fā)現(xiàn)了什么異次元的東西。

這是當(dāng)時(shí)我畫的草圖：

當(dāng)時(shí)我在主畫面周圍還畫了一些家具、一個(gè)窗戶，以及窗前的天文望遠(yuǎn)鏡（望遠(yuǎn)鏡的出現(xiàn)有兩種含義，這是這個(gè)小程序員的愛(ài)好，同時(shí)也意味著夢(mèng)想），后來(lái)我意識(shí)到，整個(gè)畫面很像我房間的樣子。

我讓與我合作多年的插畫師巫俊武來(lái)畫這個(gè)插畫。這是插畫的第一個(gè)版本：

不萌，而且過(guò)于寫實(shí)，欠缺一些魔幻感，于是繼續(xù)修改，得到下面這個(gè)版本：

有點(diǎn)萌了，有點(diǎn)味道了。于是，我讓俊武先進(jìn)行一下著色，看看效果。我當(dāng)時(shí)給了俊武一幅插畫效果（這是《夢(mèng)想還是要有的，萬(wàn)一實(shí)現(xiàn)了呢》一書中的一幅插畫），讓他就按照這幅插畫的效果來(lái)進(jìn)行著色。因?yàn)槲耶?dāng)時(shí)希望這本書的畫面要溫暖、明亮、色彩豐富，看著讓人心生喜悅，帶給人陽(yáng)光向上的感覺(jué)，同時(shí)時(shí)間是晚上，所以這幅插畫非常符合我要求。

結(jié)果，俊武一番神勇發(fā)揮后，得到下面這個(gè)讓我大跌眼鏡的效果：

當(dāng)時(shí)又進(jìn)行了一些著色的調(diào)整，但始終離我要的效果相去甚遠(yuǎn)（俊武不太擅長(zhǎng)我要的那種著色風(fēng)格），于是我果斷放棄著色，決定就用黑白色來(lái)實(shí)現(xiàn)這幅插畫。

我開始思考怎樣才能讓黑白的插畫產(chǎn)生足夠的力度，那就必須有足夠的細(xì)節(jié)，同時(shí)筆觸要加粗，粗筆觸本身就會(huì)帶來(lái)細(xì)節(jié)感和質(zhì)感。筆觸太細(xì)，必然會(huì)有單薄感、缺乏力度。因?yàn)槿鄙偌?xì)節(jié)而導(dǎo)致缺少力度，所以我給插畫師找了一些素描風(fēng)格的插畫，讓他往那種效果上靠攏，幾經(jīng)修改，得到下面這個(gè)版本。

畫面開始有一些厚重感和力量感了，但人物的腦袋有問(wèn)題，不夠大不夠圓，繼續(xù)修改。幾經(jīng)修改，得到滿意的版本（我當(dāng)時(shí)以為的最終版本）。

然后，我又讓俊武照著我的另一副草圖畫好了封底用的插畫。

這個(gè)封底的插畫是和封面插畫相呼應(yīng)的，封面插畫是在家里（屋內(nèi)）看到的情景，而封底插畫是同一時(shí)間在屋外（小區(qū)里）看到的這家的情景，整棟樓的燈光都熄滅了，所有人都入睡了，只有這個(gè)小程序員的房間還亮著燈，正在認(rèn)真地努力地寫著代碼。他的夢(mèng)想是成為優(yōu)秀的程序員。

因此，我在封底寫下了這樣一句宣傳語(yǔ)：

我揮舞著鍵盤和本子，

發(fā)誓要把世界寫個(gè)明明白白。

兩行字下面的那個(gè)小灰塊代表正在閃爍的光標(biāo)。

然后，我把全套封面設(shè)計(jì)資料（包括插畫、封面宣傳語(yǔ)、目錄、樣章等等）交給我的設(shè)計(jì)師綠豆（真名潘建永），并電話中跟他溝通了這個(gè)封面的設(shè)計(jì)要求。一周后，我拿到了下面的版本，我在已經(jīng)坐在椅子里的狀態(tài)下又進(jìn)一步跌坐在了椅子里。

簡(jiǎn)直亂成一鍋渣了，而且畫面很單調(diào)，毫無(wú)讓人去翻閱的念頭。綠豆跟我說(shuō)，他感到這幅黑白的插畫限制了他的設(shè)計(jì)發(fā)揮，因?yàn)闉榱伺浜弦环诎椎漠嫞饷娴牡咨珟缀踔荒苁呛诎椎模ㄖ辽傥液退?dāng)時(shí)異腦同思都是這么認(rèn)為的）。于是，事情幾乎又回到了起點(diǎn)，還是必須搞出一幅著色的插畫才行，才好后續(xù)設(shè)計(jì)的發(fā)揮。我安慰了一下綠豆受傷的心，決定繼續(xù)去尋找合適的插畫師。我在chuangyiren.cn網(wǎng)站上翻閱了幾百頁(yè)，找到了多位優(yōu)秀的插畫師，然后我從中選了一位插畫師，和他電話溝通后，請(qǐng)他開始畫這幅插畫。

我這時(shí)對(duì)這幅插畫的畫風(fēng)應(yīng)該是怎樣的，已經(jīng)有了一些想法上的變化，我感到如果畫面和上面提到的《夢(mèng)想》那本書的畫風(fēng)一樣的話，會(huì)顯得過(guò)于卡通，有些低幼，而且缺少神秘感，與這本書中所包含的這套令人耳目一新、匪夷所思的升級(jí)與寶物系統(tǒng)的感覺(jué)不是很搭，同時(shí)，這種畫面缺乏厚重感和力度，由于顏色過(guò)多，在網(wǎng)店小圖上展示時(shí)也很難形成視覺(jué)沖擊力。因此，我決定放棄這種畫風(fēng)，轉(zhuǎn)而尋求一種能滿足神秘、厚重、且具有強(qiáng)力的視覺(jué)沖擊力的畫風(fēng)。

這時(shí)，我突然想到了我以前看過(guò)的一部動(dòng)畫片電影《凱爾經(jīng)的秘密》。這部動(dòng)畫片的風(fēng)格正適合這本書。

但最終拿到的插畫效果和我想要的仍相去較大。

我這時(shí)感覺(jué)多少有點(diǎn)崩潰，我覺(jué)得我最初制定的設(shè)計(jì)方案或許很不錯(cuò)，但實(shí)現(xiàn)難度較大，而且即使完全按照我的設(shè)想實(shí)現(xiàn)了，畫面沖擊力很可能仍然不夠大。

在尋找新的插畫師，以及讓新的插畫師試畫的期間，我也同時(shí)在讓俊武把原來(lái)的素描版插畫進(jìn)行完善，因?yàn)榇藭r(shí)我猛然想到，我不能僅僅只在封面上寫上一句“第一本引入經(jīng)驗(yàn)值、升級(jí)與寶物系統(tǒng)的計(jì)算機(jī)書！”就想當(dāng)然的認(rèn)為讀者會(huì)信了，并且會(huì)感受到這句話意味著什么。我必須要在封面上直接就以畫面的形式把這本書所加入的這套獨(dú)一無(wú)二的經(jīng)驗(yàn)值和升級(jí)系統(tǒng)體現(xiàn)出來(lái)，所以只畫出小程序員顯然是不夠的，還要有這套系統(tǒng)中所營(yíng)造的那個(gè)Android神界的人物、角色、物品。

所以，我讓俊武在畫面上增添了這樣七個(gè)元素：

1. Android前輩遺失的修行卡

2. 外圍守護(hù)者

3. 信心增強(qiáng)大力丸

4. 上古奇書

5. 神樹

6. 粗布Android戰(zhàn)袍

7. 界面磚家（法師造型）

我畫了草圖，并跟俊武說(shuō)明了這些元素各自的形象。

第二天，我得到了一個(gè)身材矮小的牛魔王（俊武想象中的外圍守護(hù)者），以及忘記從哪個(gè)軟件里跑出來(lái)的Wizard（俊武想象出的巫師）。

我平靜了一下心情，調(diào)整好思路，繼續(xù)與俊武溝通。我從網(wǎng)上找到了這七個(gè)元素中每一個(gè)我滿意的造型，然后讓俊武參考它們進(jìn)行繪畫，果然，這次的接近了不少。

但守護(hù)者的神態(tài)不夠威武，而且身高不夠，感覺(jué)不到是神界的人物，更像是個(gè)脾氣和善的在自由市場(chǎng)賣豬肉的胖商販，巫師的身高也不夠，感覺(jué)像西游記里的土地或是小矮人之類的角色。我讓俊武想象希臘、埃及那些神廟中的頂天立地的神像，感受他們的體積和龐大，體會(huì)他們的威嚴(yán)，經(jīng)過(guò)數(shù)次修改后，我拿到了滿意的版本。

插畫很完美了，但封面的總體設(shè)計(jì)方案的問(wèn)題依然沒(méi)有解決。我集中精力只想一個(gè)問(wèn)題，怎樣讓畫面有視覺(jué)沖擊力，顯然必須保持單色色塊盡可能的大，因?yàn)橐坏┊嬅姹欢喾N顏色和色塊分散后，在網(wǎng)店上郵票大小的面積上就更形不成什么視覺(jué)面積了，所以我想到必須采用整個(gè)封面用單一色調(diào)的方案，可選的顏色有紅色、黃色、金色、藍(lán)色、綠色，充分琢磨和體會(huì)后，我選了紅色，藍(lán)色也很有沖擊力，但不管是讀過(guò)本書內(nèi)容還是這套升級(jí)系統(tǒng)，你都不會(huì)在腦海中產(chǎn)生藍(lán)色這個(gè)顏色。你的腦海中會(huì)產(chǎn)生綠色這個(gè)顏色，但綠色在網(wǎng)頁(yè)上的視覺(jué)沖擊力太弱，在催人向上的力度上也較差。紅色最合適，但不能是大紅，大紅太刺眼，而且略顯俗氣，所以我用了暗一些的紅色，綠豆說(shuō)他是往紅色中加了20的黑，出來(lái)的這個(gè)效果非常棒。

為了盡量讓紅色占有更大的視覺(jué)面積，我想了一個(gè)方案，在畫面前景色中只保留小程序員和那只小貓是白色的，而把其他元素（守護(hù)者、神樹、古書、巫師等）都放入背景的紅色中，作為底紋呈現(xiàn)出來(lái)，這樣就不會(huì)喧賓奪主，而且有一種那些神界的人物是這個(gè)小程序員的腦海中的想象或者說(shuō)回憶的韻味。此外，單獨(dú)的紅色，即使加上這些神界的元素做底紋還是略顯缺乏一點(diǎn)層次，我又讓綠豆在底紋中加入了一些植物的葉子。我選了恐龍時(shí)代就存在的蕨類植物的葉子，因?yàn)檫@些葉子有一種與生俱來(lái)的神秘感和滄桑感，若隱若現(xiàn)間，烘托出本書應(yīng)有的神秘和莊重的味道。

此前，由于封面上宣傳語(yǔ)太多，不方便設(shè)計(jì)，所以我讓綠豆把其中一部分宣傳語(yǔ)設(shè)計(jì)到了腰封上。腰封對(duì)這些重要的宣傳語(yǔ)能起到更好的宣傳作用，同時(shí)封面本身也干凈了很多。最后，在插畫的周邊再加上一些光暈。

至此，整個(gè)封面設(shè)計(jì)完成。

完整的展開封面：

/? ?第 2 版? ?/

2016年，我開始編寫《第一行代碼 第2版》。那個(gè)時(shí)候陳冰老師已經(jīng)離開了圖靈出版社，沒(méi)有人來(lái)統(tǒng)籌這本書的封面策劃了，所以我和圖靈的編輯以及設(shè)計(jì)師們一起參與了進(jìn)來(lái)，共同設(shè)計(jì)第2版的封面。

《第一行代碼》的第1版總體來(lái)說(shuō)評(píng)價(jià)非常好，但唯獨(dú)有一部分口碑呈現(xiàn)兩極分化，就是關(guān)于“經(jīng)驗(yàn)值升級(jí)與寶物系統(tǒng)”的這部分內(nèi)容。喜歡的讀者會(huì)覺(jué)得非常有趣，讓學(xué)習(xí)知識(shí)不再那么枯燥，可以像看故事一樣休息一下。而不喜歡的讀者會(huì)覺(jué)得這部分內(nèi)容和整本書格格不入，畫蛇添足。

其實(shí)這個(gè)“經(jīng)驗(yàn)值升級(jí)與寶物系統(tǒng)”并不是我寫的，而是陳冰老師后期在我的書稿基礎(chǔ)上自己添加上去的。所以不管這部分內(nèi)容是好是壞，由于陳冰老師已經(jīng)離開了圖靈出版社，我覺(jué)得第2版中都不適合再保留了。

移除了“經(jīng)驗(yàn)值升級(jí)與寶物系統(tǒng)”之后，封面也必須要跟著進(jìn)行修改，因?yàn)樾扌锌?、守護(hù)者、神樹、法師等奇幻元素的內(nèi)容都不能繼續(xù)保留在封面上了（瞬間覺(jué)得很浪費(fèi)有沒(méi)有?

）。

整體分析下來(lái)之后，《第一行代碼 第2版》最終就只保留了封面當(dāng)中最經(jīng)典的小人與電腦桌的圖案，以及背面那幢夜深人靜還泛著燈光的樓房。

但是，為了讓第2版和第1版有著更加直觀的區(qū)別，我決定將封面和腰帶的顏色進(jìn)行修改。當(dāng)時(shí)圖靈的設(shè)計(jì)師一共做了好幾個(gè)版本的封面，我從中挑出了我個(gè)人認(rèn)為比較不錯(cuò)的三種，然后放到公眾號(hào)上面做了個(gè)投票。

最后的結(jié)果大家都知道了，大部分的讀者朋友們都選擇了綠色版本的封面，第2版的封面就此誕生。

最近，《第一行代碼（第3版）》也上市啦！出版前，郭霖老師曾在公眾號(hào)上發(fā)起了一個(gè)投票，讓廣大讀者朋友們共同選出最滿意封面，投票結(jié)果如下：

最后藍(lán)色封面以壓倒性的優(yōu)勢(shì)當(dāng)選，就這樣《第一行代碼》把紅綠藍(lán)這三元色全部湊齊了。

而且，《第一行代碼（第3版）》還附帶書簽、思維導(dǎo)圖以及PPT?？梢哉f(shuō)誠(chéng)意滿滿。如果你正準(zhǔn)備入門 Android，千萬(wàn)不要錯(cuò)過(guò)這本書哦！