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