《第一行程式碼——Android》封面誕生記

陳冰發表於2014-07-06

《第一行程式碼——Android》最終的封面:

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

每一本好書的封面的誕生都不是輕鬆的事情。不僅不是輕鬆的事情,事實上正相反,幾乎無一例外都是艱難的過程。但如果最終得償所願,一本書找到了它的封面,那這個艱難的過程就會有一個愉快的結果。

什麼叫一本書找到了它的封面?就是當你拿到這個封面時,你大腦中有一個強烈的意識,不會有任何一個其他封面更適合這本書了。

這本書,我最初給它這個書名時,我就意識到這是個好書名,但對於給這個書名設計一個好封面而言,卻是個極難的課題。“第一行程式碼”是我策劃的一個給程式設計初學者看的系列,本書是這個系列的第一本書。

在策劃這本書(這個系列)時,我就想好要有一個獨一無二的形式上的突破,要給讀者以新意和獨特的閱讀體驗。為此,我決定給它引入一個經驗值、升級與寶物系統,這是在此前的任何計算機圖書(據我所知也包括其他所有類別的圖書上)上都沒有過的事情。

基於這些考慮,這本書的封面必須同時滿足以下四個特點:

一, 應該莊重、可信、能讓讀者感到有一股內在的力量,讓讀者感到這本書所講述的知識是可信賴的。

二, 有一種神祕感、帶有一些魔幻現實主義的色彩,讓讀者感到這本書與其它書明顯不同;

三, 讓初學者有親切感,IT感也必須在其中體現,讓讀者感到這一場景他非常熟悉,有認同感。

四, 要有絕對的視覺衝擊力,在網店上銷書,都是郵票大小的展示區,不可能讓你捧到手裡仔細端詳,如果封面不能在郵票大小的面積上給你造成視覺吸引力,但這個封面無論設計得多麼絕妙都是失敗的。 設計一個封面不難,但要設計一個好看的封面就相當不易,而要設計一個既好看又能賣的封面則是極難的事情。

為了達到這個效果,我開始構思這個封面。在“第一行程式碼”這幾個字的字型上做文章的念頭曾在我腦海中一閃而過,但立馬就被我否定了,那樣出來的效果會過於張揚,同時又不免落入俗套,而且弄不好就會搞得像本財經類圖書。

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

enter image description here

Hello,World對於初學者而言無疑是最熟悉的元素,但我不喜歡重複自己,對於這個“第一行程式碼”系列,我要重新琢磨一個元素。我想到了我當年剛剛學習程式設計時,在深夜燈下電腦前工作的情景,也想起來以前深夜寫計算機書時的情景,不管是寫程式碼,還是寫計算機書,深夜電腦前工作的情形是每個程式設計師,無論新手還是老手都非常熟悉有親切感的畫面,甚至此時此刻的你就是這樣。所以我決定就用這個畫面這個場景來做這個封面關鍵識別元素。

那麼這個識別元素具體要有哪些物件組成呢?我開始進一步構思這個場景具體要包含哪些元素。我憑著直覺,讓腦海中自發產生的影像帶我前行,我看到一個小程式設計師坐在書桌前,他背對著我,面前是一臺ThinkPad膝上型電腦,左手側有一臺iPad,右手側有一臺三星Note大屏手機,還有一碗剛泡好正待吃的方便麵,一杯果汁,一摞書,因為正在從事Android開發,所以書上還有一個Android小機器人的手辦,還有一盆綠植(我又在腦海中仔細看了看,原來是盆仙人掌)。我把這些元素在紙上畫出來。為了讓畫面更豐富,我瞅了瞅我自己的書桌,然後又在畫面中加了一個水杯,幾張紙和一支筆。為了讓畫面更生動和富有趣味,我在桌旁的地面上加了一隻小貓,它正好奇的望向桌底某個方向,似乎發現了什麼異次元的東西。

這是當時我畫的草圖。

enter image description here

當時我在主畫面周圍還畫了一些傢俱、一個窗戶,以及窗前的天文望遠鏡(望遠鏡的出現有兩種含義,這是這個小程式設計師的愛好,同時也意味著夢想),後來我意識到,整個畫面很像我房間的樣子。

我讓與我合作多年的插畫師巫俊武來畫這個插畫。這是插畫的第一個版本。

enter image description here

不萌,而且過於寫實,欠缺一些魔幻感,於是繼續修改,得到下面這個版本。

enter image description here

有點萌了,有點味道了。於是,我讓俊武先進行一下著色,看看效果。我當時給了俊武一幅插畫效果(這是《夢想還是要有的,萬一實現了呢》一書中的一幅插畫),讓他就按照這幅插畫的效果來進行著色。因為我當時希望這本書的畫面要溫暖、明亮、色彩豐富,看著讓人心生喜悅,帶給人陽光向上的感覺,同時時間是晚上,所以這幅插畫非常符合我要求。

enter image description here

結果,俊武一番神勇發揮後,得到下面這個讓我大跌眼鏡的效果。

enter image description here

當時又進行了一些著色的調整,但始終離我要的效果相去甚遠(俊武不太擅長我要的那種著色風格),於是我果斷放棄著色,決定就用黑白色來實現這幅插畫。

我開始思考怎樣才能讓黑白的插畫產生足夠的力度,那就必須有足夠的細節,同時筆觸要加粗,粗筆觸本身就會帶來細節感和質感。筆觸太細,必然會有單薄感、缺乏力度。因為缺少細節而導致缺少力度,所以我給插畫師找了一些素描風格的插畫,讓他往那種效果上靠攏,幾經修改,得到下面這個版本。

enter image description here

畫面開始有一些厚重感和力量感了,但人物的腦袋有問題,不夠大不夠圓,繼續修改。幾經修改,得到滿意的版本(我當時以為的最終版本)。

enter image description here

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

enter image description here

這個封底的插畫是和封面插畫相呼應的,封面插畫是在家裡(屋內)看到的情景,而封底插畫是同一時間在屋外(小區裡)看到的這家的情景,整棟樓的燈光都熄滅了,所有人都入睡了,只有這個小程式設計師的房間還亮著燈,正在認真地努力地寫著程式碼。他的夢想是成為優秀的程式設計師。

因此,我在封底寫下了這樣一句宣傳語:

我揮舞著鍵盤和本子,

發誓要把世界寫個明明白白。

兩行字下面的那個小灰塊代表正在閃爍的游標。

然後,我把全套封面設計資料(包括插畫、封面宣傳語、目錄、樣章等等)交給我的設計師綠豆(真名潘建永),並電話中跟他溝通了這個封面的設計要求。一週後,我拿到了下面的版本,我在已經坐在椅子裡的狀態下又進一步跌坐在了椅子裡。

enter image description here

簡直亂成一鍋渣了,而且畫面很單調,毫無讓人去翻閱的念頭。綠豆跟我說,他感到這幅黑白的插畫限制了他的設計發揮,因為為了配合一幅黑白的畫,封面的底色幾乎只能是黑白的(至少我和他當時異腦同思都是這麼認為的)。於是,事情幾乎又回到了起點,還是必須搞出一幅著色的插畫才行,才好後續設計的發揮。我安慰了一下綠豆受傷的心,決定繼續去尋找合適的插畫師。我在chuangyiren.cn網站上翻閱了幾百頁,找到了多位優秀的插畫師,然後我從中選了一位插畫師,和他電話溝通後,請他開始畫這幅插畫。

我這時對這幅插畫的畫風應該是怎樣的,已經有了一些想法上的變化,我感到如果畫面和上面提到的《夢想》那本書的畫風一樣的話,會顯得過於卡通,有些低幼,而且缺少神祕感,與這本書中所包含的這套令人耳目一新、匪夷所思的升級與寶物系統的感覺不是很搭,同時,這種畫面缺乏厚重感和力度,由於顏色過多,在網店小圖上展示時也很難形成視覺衝擊力。因此,我決定放棄這種畫風,轉而尋求一種能滿足神祕、厚重、且具有強力的視覺衝擊力的畫風。

這時,我突然想到了我以前看過的一部動畫片電影《凱爾經的祕密》。這部動畫片的風格正適合這本書。

enter image description here

enter image description here

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

enter image description here

我這時感覺多少有點崩潰,我覺得我最初制定的設計方案或許很不錯,但實現難度較大,而且即使完全按照我的設想實現了,畫面衝擊力很可能仍然不夠大。

在尋找新的插畫師,以及讓新的插畫師試畫的期間,我也同時在讓俊武把原來的素描版插畫進行完善,因為此時我猛然想到,我不能僅僅只在封面上寫上一句“第一本引入經驗值、升級與寶物系統的計算機書!”就想當然的認為讀者會信了,並且會感受到這句話意味著什麼。我必須要在封面上直接就以畫面的形式把這本書所加入的這套獨一無二的經驗值和升級系統體現出來,所以只畫出小程式設計師顯然是不夠的,還要有這套系統中所營造的那個Android神界的人物、角色、物品。

所以,我讓俊武在畫面上增添了這樣七個元素:

一, Android前輩遺失的修行卡

二, 外圍守護者

三, 信心增強大力丸

四, 上古奇書

五, 神樹

六, 粗布Android戰袍

七, 介面磚家(法師造型)

我畫了草圖,並跟俊武說明了這些元素各自的形象。

enter image description here

enter image description here

第二天,我得到了一個身材矮小的牛魔王(俊武想象中的外圍守護者),以及忘記從哪個軟體裡跑出來的Wizard(俊武想象出的巫師)。

enter image description here

我平靜了一下心情,調整好思路,繼續與俊武溝通。我從網上找到了這七個元素中每一個我滿意的造型,然後讓俊武參考它們進行繪畫,果然,這次的接近了不少。

enter image description here

但守護者的神態不夠威武,而且身高不夠,感覺不到是神界的人物,更像是個脾氣和善的在自由市場賣豬肉的胖商販,巫師的身高也不夠,感覺像西遊記裡的土地或是小矮人之類的角色。我讓俊武想象希臘、埃及那些神廟中的頂天立地的神像,感受他們的體積和龐大,體會他們的威嚴,經過數次修改後,我拿到了滿意的版本。

enter image description here

插畫很完美了,但封面的總體設計方案的問題依然沒有解決。我集中精力只想一個問題,怎樣讓畫面有視覺衝擊力,顯然必須保持單色色塊儘可能的大,因為一旦畫面被多種顏色和色塊分散後,在網店上郵票大小的面積上就更形不成什麼視覺面積了,所以我想到必須採用整個封面用單一色調的方案,可選的顏色有紅色、黃色、金色、藍色、綠色,充分琢磨和體會後,我選了紅色,藍色也很有衝擊力,但不管是讀過本書內容還是這套升級系統,你都不會在腦海中產生藍色這個顏色。你的腦海中會產生綠色這個顏色,但綠色在網頁上的視覺衝擊力太弱,在催人向上的力度上也較差。紅色最合適,但不能是大紅,大紅太刺眼,而且略顯俗氣,所以我用了暗一些的紅色,綠豆說他是往紅色中加了20的黑,出來的這個效果非常棒。

為了儘量讓紅色佔有更大的視覺面積,我想了一個方案,在畫面前景色中只保留小程式設計師和那隻小貓是白色的,而把其他元素(守護者、神樹、古書、巫師等)都放入背景的紅色中,作為底紋呈現出來,這樣就不會喧賓奪主,而且有一種那些神界的人物是這個小程式設計師的腦海中的想象或者說回憶的韻味。此外,單獨的紅色,即使加上這些神界的元素做底紋還是略顯缺乏一點層次,我又讓綠豆在底紋中加入了一些植物的葉子。我選了恐龍時代就存在的蕨類植物的葉子,因為這些葉子有一種與生俱來的神祕感和滄桑感,若隱若現間,烘托出本書應有的神祕和莊重的味道。

enter image description here

此前,由於封面上宣傳語太多,不方便設計,所以我讓綠豆把其中一部分宣傳語設計到了腰封上。腰封對這些重要的宣傳語能起到更好的宣傳作用,同時封面本身也乾淨了很多。

至此,整個封面設計完成。

enter image description here

完整的展開封面:

enter image description here

最後,感謝綠豆和俊武的出色工作。雖然每個封面的創作過程中經常充滿曲折,但與你們合作,最終總能獲得出色的封面。

PS:前幾天看過這本書封面的讀者可能會發現現在這個最終的封面和前幾天公佈的版本有一點面積不大、卻立竿見影的不同。那就是封面上的那個小程式的周圍被點亮了。原因是我感到之前的版本雖然視覺衝擊力很足,但看久了會有一點冷,缺少一點溫度,而且也無法讓人感到是在夜裡。所以我引入了這個黃色的光暈,雖然改動很小,但整個畫面立馬變得溫暖了,而且一下子就會讓人感受到是在晚上,同時,會讓人感到這個小程式設計師正在散發出奮鬥的光芒,周圍的Android神界的英雄們也在光芒的映襯下更有神明的味道了。

相關文章