
畫一張好圖的意義?
作為程式員的你,你經常做的除了起給變數和類起名字、另一就是畫圖了,拋開起名字這個令人頭疼的問題,畫圖對我們來說是一個表達想法非常不錯的方法,
因為畫圖可以清晰的表述你的思維框架,幫你梳理邏輯,更好的傳達資訊,
有的人跟我說畫圖是一項費時費力的活,的確是這樣,但是你要換一個思路想想,為什么會費時費力呢?因為你的大腦在組織你用語言所表達的東西,而且你要思考如何表達才能簡單、清晰,如果你只是胡亂涂鴉,那肯定不會費事的,是不是?
那么,知道了這一點,其實你會發現,如果你畫了幾張高質量的圖,能清晰的表達你的思想,無論在作業、面試與人交流都可以起到事半功倍的效果,
那你是不是應該在這個方面多留一些,多學習一點方法和表述手段,這樣能對你的作業生活都很有幫助,
畫好圖的必備思想
站在觀眾和新人的角度畫圖,假設你就是第一次理解這個知識和技術,你接受了怎么樣的表述才能理解,你就朝著這個方向去畫圖,肯定會有提升的,
這一點是非常重要的,我會盡量用如果我是讀者或者觀眾我怎么能理解這張圖,如果理解吃力,說明不太合適,是否要拆分更多的圖,一步一步帶著來解釋,
是否要舉例子,結合圖來表述等等,當你站在這中角度思考時,畫圖肯定會有進步的,
人生處處是道場,任何行業、任何人都可以有學習的東西,你可以向有經驗的人、網站、平臺等等,學習各種畫圖的案例,比如配色方案、流程圖搭配等等,
比如我看到一個官方網站spring.io的配色不錯,我可以通過在線顏色刷工具吸取下顏色,借鑒它的配色方案,

之后可以通過一些在線制圖網站,比如創可貼,找一個模板,改改顏色和圖片,得到了如下的海報圖片:

類似的學習還有很多:
或者某個公眾號文章排版不錯,可以借鑒修改下,或者從事非線性編輯的朋友,比如搞PS、premiere之類的,他們常使用的一些色卡,可以找到一些配色方案,用于畫圖搭配,或者有寫文章不錯的或者演講不錯的人,跟他們學習下文章的布局,演講的布局,可以學到坡道-內容-甜點的布局思路,或者.....
其實有太多了值得你學習的東西,前提是只要你有想法,有好的心態,之后有目標,方法和能力才是其次,有了想法、心態、目標,辦法總比困難多,剩下的都好解決,
由粗到細,由頂層到底層,表達任何事情,都需要從脈絡到細節,不能上來直接就是某個細節畫一張圖,
比如之前Kafka成長記5中,先應該有一張,Producer發送訊息的核心邏輯脈絡圖,之后才是每一步細節的圖才會更好一點,

梳理了整體,之后分析每一步,如元資料拉取、producer訊息的初步序列化、磁區路由、緩沖器原理等,
就像之前大學中將流程圖時,也有提到過頂層流程圖、一級、二級流程圖之類的,這種思想可以類比到很多地方,
注意突出資訊的表達,適當加以備注、顏色、加粗等方式,說明陌生詞匯、強調重點等,注意重復,可以適當重復重要的邏輯和晦澀的知識,拆分步驟圖,細化邏表達,
比如一些陌生的業務名詞、復雜的邏輯,都可以通過上面的方式表述,之前Zookeeper成長記中,講選舉原理的時候,就將選舉的復雜邏輯,拆為步驟圖,增加備注、高亮關鍵字等方式來畫的圖,如下所示《選舉程序PK選票邏輯》:

上圖使用綠色的備注突出關鍵資訊,整體圖片屬于選舉程序中的第xx步,
如何有好的配色
當你認識到了畫圖的價值和常見的思想后,其實你應該明白,思想有了,方法其實就會有很多,
我這里給大家分享一個非常實用的方法—如何選圖形配色,
很多人畫圖就是灰白系列,或者特別辣眼睛系列的配色方案,顏色搭配不合理會導致,看不清楚文字、理解困難等問題,
所以一個好的配色方案絕對可以給你的圖帶來事半功倍的效果,
獲取配色方案的方法有很多,我給你大家介紹下我用的方式吧,
首先就是畫圖的平臺或者說是軟體選擇,很多年前,我使用過很多畫圖軟體各種UML系列的,像什么smartUml、viso、PowerDesigner反正一大堆,
之前我們都是習慣下載一個軟體,裝在電腦上,但是近些年隨著網速提升,互聯網的發展,越來越多的人喜歡在線作圖,
出現了ProcessOn、億圖等等這些在線繪圖軟體,其實無論用什么軟體,只要你習慣用的方便就行,這個沒有什么好壞之分,
選色卡
就拿ProcessOn舉例,我覺得可以在線畫圖+使用git,可以滿足我多地辦公的撰寫成長記文章的需求,所以自然而然成長記的圖大多是用這個軟體制作的,
好了回到整體,配色方案,如何指定,很多人可能還不知道配色方案,色卡這些詞匯,其實不難理解,在編輯領域,說白了就是一些美工和設計師將適當的冷暖色進行搭配,形成的系列,就是一套配色方案,而很多設計師,喜歡將多個配色方案制作成色卡收藏,形成自己的風格搭配,
那么既然有現成的搭配方案,你肯定不需要費時費力自己去搭配了,自己的審美一不小心就搭配出來辣眼睛的配色了,
色卡來源其實你隨便百度一下就可以了,現在有很多在線色卡網站,比如下網站:https://colordrop.io/

如果你喜歡某一個網站或者圖片的顏色搭配,也可以通過在線吸管,獲取對應的顏色,比如:http://www.jiniannet.com/Page/allcolor

制作和收藏色卡
有了色卡,你可以通過顏色自己制作出一個圖,來收藏,如建立一個色卡搭配圖,每次從這里拷貝對應的色卡畫圖即可,

ProcessOn今年升級了一個功能,有一個收藏搭配的功能,可以將色卡拖到左側,不用單獨存放在一個檔案了,這個還是不錯的,

之后有了色卡,使用不同的色卡進行畫圖就可以了,如下示例
示例1:

示例2:

示例3:

小結
畫圖的價值,更好的表達和梳理思路
畫圖的思想分享了:
站在觀眾和新人的角度畫圖,
人生處處是道場,任何行業、任何人都可以有學習的東西
由粗到細,由頂層到底層
注意突出資訊的表達,
最后是方法分享,配色的方法:選色卡、制作和收藏色卡
當你知道了思想,方法自然會有,相信只要你按照我之前介紹的思想,不斷的思考和實踐,相信你的畫圖能力一定能提高!
今天我們就到這里,如果你想聽我分享更多自己的成長和故事,歡迎留言在評論區,我看到覺得不錯的會給大家安排的~~
本文由博客群發一文多發等運營工具平臺 OpenWrite 發布
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/327751.html
標籤:Java
