【illustration】為科技博客/研究論文配插圖小技巧

陸陸續續為公司的Medium博客賬號的文章畫了好多封面圖~歡迎大家去Medium上follow Petuum!關於公司最新消息還有based on最新的機器學習和人工智慧論文的文章不時推送 :- )

覺得慢慢摸出了一個好用的小流程來分享一下:

1.拿到文章,理解大意,提取元素

如果是已經寫好的文章,可以了解一下文章描述的東西如果拿來講故事的話,大概講的是什麼,想辦法用一句話總結出來;

如果是一篇直接的論文,可以讀一下Abstract和Introduction的部分。

在理解文章大意的時候可以提取其中的關鍵詞、句作為元素。

舉個例子:arxiv.org/pdf/1711.0790

在下面這個paper里,通讀完abstract和introduciton之後呢,雖然文章講的是更好得找到parameters來提高medical named entity recognition的機器學習模型的表現。但是,如果轉化成看圖說話那樣的故事就可以總結成:Recognize Medical Named Entity in medical notes.

為了體現出這句話,在文中摘選出來一些內容就是:

Named Entity Recognition, notes. chemical ingredients, genes, proteins, medications, diseases, symptoms, proteins, anatomical entities, etc.

entities such as 「symptom of 」 relation between diseases and symptoms, 「side effect of 」 relation between drugs and diseases etc., and store this information in health knowledge bases

這樣一長篇文章就縮短成了一句話和一些關鍵詞~只要畫面說清楚了這句話,包含了一些關鍵詞提到的元素,illustration就八九不離十可以傳達出想要的意思了~

2. 打草稿

我自己是比較喜歡用鉛筆和紙打草稿,當然也可以直接在電腦上用繪圖軟體來打草稿~

還是上面的例子,打好幾張草稿之後,可以拿給身邊的人看看,怎樣可以更好地把那句話說清楚~看看他們能不能從中看出來你要表現的關鍵元素

3.電腦畫圖

這裡是我在Sketch里的workspace,鉛筆稿子放邊上,然後也可以放在artboard的最下層方便描畫(注意其實在這一步里,並沒有顏色的)~

上面列出了要包含的關鍵詞/內容

右邊是一些小的可以反覆使用的元素

中間就是畫畫的地方了~

我比較喜歡直接在Sketch里畫圖,用鋼筆工具照著草稿進行描畫然後做適當的調整

可以使用透明度、翻轉、各種不同的模糊……來創造一些有趣的效果

4. 選取適當的顏色

找一組合適的顏色很重要;一般走簡單平面風格的話,3個主色調就夠了~比如這個網站就有很多很棒的色彩組合

Color Hunt - Beautiful Color Palettes?

colorhunt.co圖標

5. 從Sketch 里導出並在photoshop里做進一步的處理~比如用筆刷加上噪點,局部模糊處理,添加新的色彩效果等等


推薦閱讀:

最近有比較好的科技類網站嗎?
如何看待最近 TechCrunch 對 36Kr 的侵權指責,以及 36Kr 劉成城對此做出的回應?
值得推薦的中文科技資訊博客和網站有哪些?
「航通社」播客開通了

TAG:科技博客 | 插畫 | 插畫學習 |