分享我的副業經歷，也繼續今年下半年的副業之旅，講一講製作線上專欄時的一些困難，總結一些經驗，給後面有此想法的朋友一些參考。
前文回顧：Vue+Spring Boot 前後端分離的商城專案開源啦！
副業繼續！
2020年 7 月 6 日我釋出了一篇年中總結的文章，主要記錄了一下這半年的一些經歷，在工作之餘我做了哪些事情，總結如下：
- 公司沒了，重新換了一份工作
- 第一本掘金小冊更新完結
- 對2018年上線專欄的進行更新升級
- 新蜂商城 Vue 版本開發完成並開源所有程式碼
- 釋出上線一個視訊課程
- 與出版社簽訂合同：第一本書籍的出版
- 極客時間平臺做分享
- 公眾號運營
感興趣的朋友可以看一下《「2020年中總結」這半年我又做了哪些副業？》這篇文章，裡面記錄了上述事件的詳細內容。
今年 6 月份，我在極客時間平臺上做了兩個小分享，6 月底完成了這部分內容的底稿製作和稽核，7 月份的時候已經在極客平臺上上線了，不過上線步驟我並沒有參與太多，嚴格來說，6 月底我就完成了上半年的副業工作。
下半年開啟後，我也沒有閒著，副業繼續！
《Vue 商城專案開發實戰》小冊上線！
如下圖所示，在掘金官網的小冊列表裡可以看到《Vue 商城專案開發實戰》，這是我在掘金小冊上的第二個作品，去年已經上線過一本掘金小冊，第二本掘金小冊能夠順利上線比上一次更加開心，很感激掘金對我的認可和幫助，也要特別感謝一下各位朋友的支援！
在進行了充足的準備和內容製作後，《Vue 商城專案開發實戰》已於掘金小冊平臺開啟了預售，小冊計劃章節為 40 章，目前已完成 20 章，嚴格來說並沒有完全上線，當前只是進行預售的操作。
所以下半年還會花費不少精力在這個小冊的內容更新上，最近這兩個月並沒有更新太多篇文章，因為下半年開啟之後所有的精力都花費在這本掘金小冊的內容製作上面，包括預售章節的內容更新、宣傳圖的製作、小冊介紹內容的編寫。
這本小冊在上半年就開始計劃了，包括整理出 40 篇文章的目錄、前幾篇樣章的試寫，以及和掘金方面的溝通，這些都是在之前就已經做完了，不過中間一直沒有最終敲定，過程還是有些曲折的，所以一直在稽核和溝通，後面這兩個月確定會上線之後，就把這兩個月的所有時間都放在這個小冊上。
艱辛的內容準備過程
這次小冊上線前的內容準備包括：
- 20 篇預售章節的製作
- 小冊介紹內容的製作
- 部分效果圖的製作
以上這些素材準備花費了很久，20 篇預售章節的製作自不必說，這些內容是最重要的，不過這些內容倒沒有讓我掉太多頭髮，因為更新大綱已經規劃好了，只需要按部就班的去更新內容就好，更讓人抓狂的其實是後面兩個事情，整理小冊介紹和效果圖片製作時真的讓我頭都禿了。
課程的第一印象
雖然小冊介紹總字數也就是 2100+，但是這篇介紹文案對於整個小冊來說確實非常非常重要，也因此這篇文章前前後後改了大概 5 、6 次，大家看到的只有兩千多字，但是在寫底稿時可是要遠遠多於這個數字的。生活中我們都知道第一印象的重要性，也知道第一眼驚豔是種什麼感覺，而這篇介紹也就是小冊與讀者之間的第一次交流，讀者對於小冊的第一印象完全來源於此。
第一印象（first impression），知覺主體與陌生人第一次接觸或交往後的所得印象。對人們形成對人或事物的總印象具有較大影響，即先入為主。可能是肯定的，也可能 是否定的。常常成為人們決定自己第二次乃至以後交往行為的依據。之所以起巨大作用，是因為由最初的資訊形成 的表象沒有受到識記中前攝抑制的影響。
這是一篇總結性的文章，需要在一篇文章對整個小冊進行概述，整理好語言把大部分內容介紹給大家，以及大家可能對於小冊的疑問進行完善的解答，讓讀者知道這個小冊是幹嘛的、能幫到讀者什麼、如果購買了會有什麼收貨等等。不僅僅是每個段落的內容，還包括段落標題的寫法，都要絞盡腦汁的去想。
如果沒有很好的概括整個小冊內容，或者寫的都是些沒有幫助性的語句，草草的介紹一下這個小冊，那很可能讓讀者不知道這個小冊是幹嘛的，印象分也就大打折扣。
課程的門面
不僅僅是小冊介紹內容的編寫，每篇文章中的效果圖片也需要花費大量的心思去做，一圖勝千言的道理我們都懂，也因此我把這些圖片稱作為“課程的門面”。當然，不僅僅是寫專欄，平時大家在寫部落格或者寫工作報告等等內容的時候也需要注意圖片的使用和製作，因為插圖的作用實在是太大了。
這裡我以課程中幾張圖片的製作過程為例，來對這部分內容進行講解。
最開始新蜂商城 Vue 版本的產品效果圖是下面這張：
這是最開始做的新蜂商城宣傳效果圖片，雖然其他編輯人員都覺得不錯，不過我還是覺得這張圖片太單薄，沒有展示太多內容，不能讓大家在一張圖裡獲得最多的資訊。
於是就計劃在一張圖裡儘可能的多放一些新蜂商城成品的預覽圖片，之後開始去鼓搗 PS，想著怎麼去對這些圖片進行排版，縱向排列、九宮格排列、橫向排列、亂序排列等等，嘗試了很多種方式。
當然，也參考了很多的產品宣傳手冊去做，第二次修改做出了下面這張效果圖：
剛開始看著還挺好的，這張效果圖做出來的時候我開心了很久，因為這個排版比直接橫向或者縱向排列要好很多，但是過了幾天的時間，每天都去重複的看幾遍之後，我覺得還是不行，得繼續修改。
首先是這張圖縱向排列，高度值較大，單獨看沒什麼，但是放到文章裡，你明顯會感覺到這玩意兒非常佔用版面，調小一點的話這張圖片它就糊了，不調整的話呢可能一屏的高度展示不完，還需要上下拉動滑鼠才能瀏覽完整圖片。
其次，如果仔細看的話，可以看到這張圖裡還有一些小瑕疵，每個功能頁面小預覽圖的寬高沒有完全一致、小預覽圖之間排列時並沒有完全對齊，因為我 PS 功底確實不怎麼樣，也就只能做到這個程度了。即使如此，我覺得成品圖不滿意的話，我還是要重新改，PS 多練練、素材多找找、排列效果再想想。
PS 練習了挺久，找排版素材也找了很久，之後是調整資料-->截圖-->製作成品圖，力求做到在一張圖裡就能夠看到專案的全貌，而且要保證宣傳成品圖在美觀、炫酷的同時也要保證能夠提供給大家充足的內容展示，最終選擇了下面這個版本：
另外一張圖片：
這張圖片也花了一些時間，因為我還是想著不要太單調，比如這個專案開發流程，完全可以用文字去寫，但是我覺得使用圖片這種形式會更好一些，於是就製作了這張圖，整體步驟就是：調色、畫形狀、排列組合，有些素材我還保留著呢：
我就是一個這樣的人，不會覺得麻煩了就不去做，如果有更好的效果，不管如何我都會去嘗試做到我認為的最好。
總結
開啟了下半年的副業之旅，也上線了自己在掘金的第二本小冊，當然，也介紹了小冊製作過程中我認為的一些難點。接下來的時間就是好好更新小冊的剩餘內容，之後會去開發新蜂商城小程式，下半年的安排暫時就這麼多。
關於小冊《Vue 商城專案開發實戰》的內容和小冊講解的技術點，大家可以到小冊詳情頁檢視，本文就不再繼續囉嗦啦，感謝大家的觀看。
祝學習愉快！
除註明轉載/出處外，皆為作者原創，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連結，否則保留追究法律責任的權利。