畫什么圖好？
今天跟大家聊一下，畫圖這件事。
畫圖在我們工作中是很有幫助的。有時(shí)候，一張圖片的信息，勝過幾千字的解釋。
比如，如果你想跟領(lǐng)導(dǎo)匯報(bào)一個(gè)業(yè)務(wù)流程的問題，把業(yè)務(wù)流程畫出來(lái)，肯定用圖的方式比用文字的方式交流起來(lái)會(huì)更有效率，更輕松些。
再比如說(shuō)，如果你參與了一個(gè)比較復(fù)雜的項(xiàng)目開發(fā)，你也可以把代碼的流程圖給畫出來(lái)，不僅能幫助自己加深理解，也能幫助后面參與的同事能更快地接手這個(gè)項(xiàng)目，甚至如果你要晉升級(jí)別了，演講 PPT 里的配圖也是必不可少的。
不過很多人都是糾結(jié)用什么畫圖工具，其實(shí)不必糾結(jié)哪款畫圖工具，挑一款自己畫起來(lái)舒服的就行了。
畫圖工具
首先，跟大家介紹一款我覺得很好用的畫圖工具：draw.io。
選擇它的原因很簡(jiǎn)單，因?yàn)槭敲赓M(fèi)的，而且圖片的源文件可以直接保存到 Github，這樣非常方便，相當(dāng)于直接云備份到了 Github 倉(cāng)庫(kù)里。
draw.io 畫圖工具可以在線畫圖，或者下載應(yīng)用，或者作為 visual studio code 插件來(lái)使用。
我比較常用的方式是在線畫圖，就是直接在網(wǎng)站上畫圖。draw.io 一開始的畫圖網(wǎng)站地址就是直接在瀏覽器輸入 draw.io 地址后，就會(huì)自動(dòng)進(jìn)入在線畫圖工具頁(yè)面，現(xiàn)在它改版了， 改成重定向到官網(wǎng)地址了，所以現(xiàn)在想進(jìn)入在線畫圖工具頁(yè)面，地址是：
https://app.diagrams.net我們來(lái)看看這個(gè)畫圖工具的頁(yè)面長(zhǎng)什么樣子，主要分為三個(gè)區(qū)域，從左往右的順序是「圖形選擇區(qū)域、繪圖區(qū)域、屬性設(shè)置區(qū)域」。
其中，最左邊的「圖形選擇區(qū)域」可以選擇的圖案有很多種，常見的流程圖、時(shí)序圖、表格圖都有，甚至還可以在最左下角的「更多圖形」找到其他種類的圖形，比如網(wǎng)絡(luò)設(shè)備圖標(biāo)等。
再來(lái)，最右邊「屬性設(shè)置區(qū)域」可以設(shè)置文字的大小、圖片顏色、線條形狀等，我最常用顏色板塊是下面這三種，都是比較淺色的，這樣看起來(lái)舒服些。
基本圖形介紹
我常用的一個(gè)圖形是圓角方塊圖，它的位置如下圖：
但是它默認(rèn)的顏色過于深色，如果要在方框圖中描述文字，可能看不清楚，這時(shí)我會(huì)在最右側(cè)的「屬性設(shè)置區(qū)域」把方塊顏色設(shè)置成淺色系列的。另外，還有一點(diǎn)需要注意的是，默認(rèn)的字體大小比較小，我一般會(huì)調(diào)成 16px 大小。
如果你不喜歡上圖的帶有「劃痕」的圓角方塊圖形，可以選擇下圖中這個(gè)最簡(jiǎn)潔的圓角方框圖形。
這個(gè)簡(jiǎn)潔的圓角方框圖形，再搭配顏色，能組合成很多結(jié)構(gòu)圖。比如，下面這張 CPU Cache 的結(jié)構(gòu)圖就是用它組成的。
直角方框圖形，我主要是用來(lái)組成「表格」，因?yàn)樽詭У谋砀癫缓每矗膊环奖阏{(diào)。
比如，下圖這個(gè)「不同層級(jí)的存儲(chǔ)器之間的成本對(duì)比表格」就是用直角方框圖形畫的。
如果覺得直直的線條太死板，你可以把圖片屬性中的「Comic」勾上，于是就會(huì)變成歪歪扭扭的效果啦，有點(diǎn)像手繪風(fēng)格，挺多人喜歡這種風(fēng)格。比如，下面這張 TCP 三次握手流程的圖就是這種風(fēng)格。
方塊圖形再加上菱形，就可以組合成簡(jiǎn)單程序流程圖了，比如，下面這張「寫直達(dá)」緩存更新模型的流程圖。
所以，不要小看這些基本圖形，只要構(gòu)思清晰，再基本的圖形，也是能構(gòu)成層次分明并且好看的圖。
各種組合畫圖
基本的圖形介紹完后，畫一些簡(jiǎn)單程序流程圖等圖形是沒問題的了，接下來(lái)就是各種圖形 線條的組合了。
通過一些基本的圖形組合，你還可以畫出時(shí)序圖，時(shí)序圖可以用來(lái)描述多個(gè)對(duì)象之間的交互流程，比如下面這張多個(gè)線程獲取互斥鎖的時(shí)序圖。
再來(lái)，為了更好表達(dá)零拷貝技術(shù)的過程，那么用圖的方式會(huì)更清晰。
也可以，只用一張圖就描述 MySQL 執(zhí)行一條 SQL 查詢語(yǔ)句的流程。
當(dāng)然，draw.io 這個(gè)畫圖工具，不只有簡(jiǎn)單圖形，還有其他自帶的設(shè)備類圖形。通常我都會(huì)用這些設(shè)備類型的圖標(biāo)來(lái)畫網(wǎng)絡(luò)圖。比如，下面這張路由器尋址的圖片。
除此之外，還可以畫更復(fù)雜的圖，比如下面這張圖，描述了 TCP 流量控制的時(shí)候，整個(gè)交互過程 文字描述 滑動(dòng)窗口狀況。
還有好多好多，我就不一一列舉了。
圖床
我之前用的圖床是一套免費(fèi)的圖床，但是踩過坑。
我發(fā)現(xiàn)這類免費(fèi)圖床用著用著就不能用了，然后每次遷移圖片我都花費(fèi)很多時(shí)間去搞，果然免費(fèi)就是最貴的。
所以，后來(lái)我就干脆自己掏錢搞了個(gè)圖床，在云廠商那買了 OSS 存儲(chǔ)服務(wù)器，然后再加上 CDN 形成自己的圖床。
思維導(dǎo)圖工具
我用的思維導(dǎo)圖工具是 xmind，是國(guó)產(chǎn)的。他們軟件的交互設(shè)計(jì)做得很不錯(cuò)，很簡(jiǎn)潔明了。
它有很多種風(fēng)格選擇，基本都是五彩的，整體挺好看的。
有意思的地方，這個(gè)思維導(dǎo)圖工具的右側(cè)會(huì)有一些圖標(biāo)圖片選擇，比如表情圖片、標(biāo)簽圖片、進(jìn)度圖片等等。
習(xí)慣用思維導(dǎo)圖做筆記的同學(xué)， xmind 這個(gè)思維導(dǎo)圖工具是個(gè)不錯(cuò)的選擇。
另外，我有時(shí)會(huì)使用 Effie 這個(gè)工具來(lái)生成思維導(dǎo)圖，它本身是一個(gè)寫作的工具，但是自帶一個(gè)根據(jù)文字內(nèi)容生成思維導(dǎo)圖的功能。
代碼貼圖工具
如果你想展示你的代碼，又苦于源代碼的樣式不好看，則可以使用下面這個(gè)網(wǎng)站，能生成漂亮的代碼貼圖。
地址：https://carbon.now.sh
導(dǎo)出圖片后，就是一張漂亮的代碼展示圖。
最后
文字的分享有局限性，畫圖可以更好地詮釋內(nèi)容。
最后再羅列一下，我常用的工具：
畫圖工具：draw.io思維導(dǎo)圖工具：xmind代碼貼圖工具：carbon文章編寫工具：typora、語(yǔ)雀大家平常要多動(dòng)手摸索摸索，形成自己的一套畫圖方法論，練習(xí)的時(shí)候可以先從模仿畫起，后面再結(jié)合工作或文章的需求畫出自己心中的那個(gè)圖。
微信頭像什么樣的圖片最好?
微信頭像最佳圖片如下：選擇微信頭像的正確方式 1、本人頭像類：這種頭像適合商務(wù)類人士或者自信類人士使用。用本人照片做頭像，能更加讓好友看到你。也更好找。即使你更改了你的網(wǎng)名，別人也可以通過你的頭像找到你。2、風(fēng)景類：多為成功人士或者熱愛旅游的小伙伴使用。可以是隨處拍的一處美景，也可以是...
電視背景墻用什么圖案風(fēng)水好
電視背景墻用什么圖案風(fēng)水好,家居風(fēng)水背景墻也都講究著藏風(fēng)納氣,畢竟家居內(nèi)部的風(fēng)水什么都需要去講究,和人的運(yùn)勢(shì)有聯(lián)系,以下了解電視背景墻用什么圖案風(fēng)水好。 電視背景墻用什么圖案風(fēng)水好1 一、電視墻圖案風(fēng)水宜吉祥 在選擇電視墻的圖案的時(shí)候,中國(guó)人都講究吉祥好運(yùn)。所以可以選擇在中國(guó)風(fēng)水中象征好運(yùn)的牡丹圖、游...
床頭背景墻什么圖案風(fēng)水好
2. 臥室不宜選擇落日西沉圖 夕陽(yáng)圖雖然意境美好，但在風(fēng)水上被認(rèn)為有西沉不吉的寓意，可能會(huì)影響人的健康。此外，避免掛上含義模糊、顏色過于深沉、圖案凌亂的畫作。床頭背景墻什么圖案風(fēng)水好？ 在選擇床頭背景墻的圖案時(shí)，可以考慮以下幾種風(fēng)水上認(rèn)為吉祥的圖案。1. 花鳥畫 花鳥畫是中國(guó)畫的...
東戶玄關(guān)畫掛什么圖最好風(fēng)水圖解 牡丹圖招財(cái)進(jìn)寶?
牡丹圖招財(cái)進(jìn)寶 當(dāng)家里處于東戶方位的時(shí)候，我們就應(yīng)該在玄關(guān)處掛一幅牡丹圖。因?yàn)槟档せū环Q作是國(guó)花，非常的貴氣。長(zhǎng)時(shí)間掛在家里也能夠提升自己的貴人緣，增強(qiáng)家里的整體氣場(chǎng)。讓一些不干凈的東西難以接近，家人的氣運(yùn)也會(huì)變好。而且杜丹花的寓意也很好，花開代表著富貴，開門迎財(cái)。長(zhǎng)此以往，所有...
家里進(jìn)門掛什么畫好
家里正對(duì)大門口掛什么畫好 針對(duì)客廳掛畫風(fēng)水的重點(diǎn),在此需要來(lái)提及一下,其實(shí)很簡(jiǎn)單,讓自己看的心情愉悅特別重要,下面我們可以特別關(guān)注下客廳掛哪些畫比較好的具體掛畫內(nèi)容: 1、 牡丹圖字畫:國(guó)花牡丹因?yàn)橛饕飧毁F吉祥,所以一直深受大家的喜愛,而在家居擺放牡丹圖一般可選擇北方和南方,因?yàn)槟档倌?北方是堪輿上的“...
玄關(guān)畫掛什么圖最好風(fēng)水 鴻運(yùn)當(dāng)頭與泰山日出畫皆可
人人家中都有玄關(guān)的位置，一般來(lái)說(shuō)，對(duì)于玄關(guān)這個(gè)位置的風(fēng)水，都是要布置好，在玄關(guān)的位置除了可以擺放植物之外，也可以選擇到掛畫，好比說(shuō)是鴻運(yùn)當(dāng)頭山水畫和泰山日出的掛畫都可以，都可以起到好風(fēng)水提升。來(lái)看看為什么要這么選吧。玄關(guān)位置最佳掛畫選擇 鴻運(yùn)當(dāng)頭山水畫 在玄關(guān)的位置里，是可以放置鴻運(yùn)當(dāng)頭...
室內(nèi)迎門墻圖掛什么好
5、正對(duì)大門的墻上掛什么畫好？正對(duì)大門的墻上可以掛梅花圖，梅花象征著高潔、謙虛、頑強(qiáng)的品格，能激勵(lì)人們向上。6、室內(nèi)迎門墻壁畫講究什么？室內(nèi)迎門墻壁畫應(yīng)講究吉祥寓意，如花草植物、山水、魚鳥等，避免掛猛獸圖畫。7、迎門墻忌諱掛什么圖？迎門墻忌諱掛猛獸圖畫，而客廳迎門墻不宜亂掛花草...
畫什么圖好?
基本的圖形介紹完后，畫一些簡(jiǎn)單程序流程圖等圖形是沒問題的了，接下來(lái)就是各種圖形 線條的組合了。通過一些基本的圖形組合，你還可以畫出時(shí)序圖，時(shí)序圖可以用來(lái)描述多個(gè)對(duì)象之間的交互流程，比如下面這張多個(gè)線程獲取互斥鎖的時(shí)序圖。再來(lái)，為了更好表達(dá)零拷貝技術(shù)的過程，那么用圖的方式會(huì)更清晰。也可以...
門框上方掛什么畫好
2、掛奔馬圖。也要注意馬頭向內(nèi)。3、如果是掛猛獸圖，獸頭一定不可向屋內(nèi)。4、從風(fēng)水的角度來(lái)看，家里不適宜掛一些意境蕭條的圖畫，比如：夕陽(yáng)殘照、孤身上路、隆冬荒野、惡獸相博、孤藤老樹等等，這樣的意境在風(fēng)水上是很不好的。門框上方掛什么畫好3 入戶門上方掛什么吉祥？在國(guó)畫藝術(shù)中，入戶...
最好看的圖畫是什么畫?
畫家通過不同的技法，將自己的情感和思想融入畫作之中，使得每幅畫都具有獨(dú)特的藝術(shù)價(jià)值。一幅好的畫作不僅能夠傳遞畫家的情感和思想，還能夠激發(fā)觀者的共鳴。畫家們用畫筆記錄下生活中的瞬間，通過色彩、線條和構(gòu)圖表達(dá)出內(nèi)心的感受。畫作中的每一筆每一劃都承載著畫家的情感和思考，觀者可以通過畫作感受...
相關(guān)評(píng)說(shuō)：
美蘭區(qū)瓦斯： ______ 不知道你學(xué)的什么專業(yè),如果是學(xué)的這個(gè)專業(yè)的話對(duì)CAD應(yīng)該很了解吧,如果是畫樓梯我覺得還是先畫建筑,因?yàn)楫嫿ㄖ翘菽愕米约号挪?怎么排不碰頭,如果可以畫完建筑自己再畫結(jié)構(gòu),這樣,對(duì)以后識(shí)樓梯圖的時(shí)候有很大的幫助.排布樓梯很重要,因?yàn)閷?shí)際工程中樓梯碰頭的事兒很多.所以要學(xué)就學(xué)的徹底一點(diǎn).
美蘭區(qū)瓦斯： ______ 可以畫比翼雙飛的鳥.哈哈家,或是一群小魚,帶領(lǐng)你遨游知識(shí)的海洋,學(xué)校,可以畫蝸牛或是寄居蟹,僅供參考,棲息之所.朋友,可以畫海洋里的帆船
美蘭區(qū)瓦斯： ______ 客廳掛畫多選擇牡丹圖和山水圖,牡丹圖有富貴吉祥之稱,山水有招財(cái)納福之意,所以客廳掛牡丹圖或者山水都可以,最好選擇手工刺繡的山水圖牡丹圖,手工這樣的掛畫更有靈性,而且是獨(dú)一無(wú)二的哦,讓你的客廳別具一番風(fēng)味.嘿嘿
美蘭區(qū)瓦斯： ______ 簡(jiǎn)單的風(fēng)景畫比較好畫些.
美蘭區(qū)瓦斯： ______ 家里客廳掛字畫掛啥好,有什么講究嗎?家里客廳掛字畫掛啥 牡丹畫 風(fēng)水九魚圖 梅花圖 居家是人們呆的時(shí)間最多的場(chǎng)所,溫馨、舒適的裝修甚為重要,隨著人們生活水平的不斷提高,人們對(duì)居家的裝修要求越來(lái)越高,家中掛畫的選擇更是一絲...
美蘭區(qū)瓦斯： ______ <p>要是想得獎(jiǎng)的話,以我 多年的經(jīng)驗(yàn)來(lái)說(shuō),最好畫一些植樹的、澆花的、扶老奶奶過馬路呀,之類的說(shuō)文明禮貌的事情.不要畫的特別復(fù)雜,如果不是水平很高的,千萬(wàn)不要畫素描,因?yàn)橐郧拔覀兝习嗾f(shuō)顏色鮮艷一些豐富一些的容易獲獎(jiǎng).而且我看展覽的那些畫,水平都不太高,都屬于簡(jiǎn)筆畫、卡通畫,無(wú)非是色彩鮮艷而已~~</p> <p></p>
美蘭區(qū)瓦斯： ______ 恩...你可以先畫你想畫的圖的草圖,漸漸變形,發(fā)散你的想象,就可以變成抽象的咯,可以是生活中的任何一樣?xùn)|西...這樣的還算是原創(chuàng)類...
美蘭區(qū)瓦斯： ______ 畫裝飾畫或抽象畫吧,能畫滿整張紙,這個(gè)不難又好看.
美蘭區(qū)瓦斯： ______ 天正建筑和 Auto CAD 個(gè)人覺得天正建筑好些,這個(gè)天正建筑是 CAD的升級(jí)版,是CAD到中國(guó)來(lái)了之后結(jié)合咱國(guó)情而出的東西.CAD上面有的功能它都有,CAD沒得的,它也有,所以建議你用天正,當(dāng)然也可以非主流點(diǎn),用PS畫也成,手繪功底扎實(shí)的就不用說(shuō)了,直接手繪,很強(qiáng)大.
美蘭區(qū)瓦斯： ______ 做平面效果圖Photoshop or CoreIDRAW 3:做單純平面圖AutoCAD
