自從我在設(shè)計(jì)界發(fā)聲以來(lái)，經(jīng)常有朋友邀請(qǐng)我去做如何撰寫文章的分享。也有朋友欣賞我的寫作方式，便借鑒到自己的文章中。我很高興，因?yàn)檫@恰恰是對(duì)于我文章的認(rèn)可。鑒于一直以來(lái)咨詢的朋友很多，逐一回答頗有不便。所以今天這篇文章，我會(huì)將我平時(shí)寫作的一些技巧和套路教給大家。

文章大綱如下：

筆者在2019年下半年撰寫的3篇設(shè)計(jì)類教程文章在全網(wǎng)獲得了可觀的關(guān)注度，單以站酷為例，便獲得了10萬(wàn)+的瀏覽量以及3000+的點(diǎn)贊量。

寫這篇文章的目的有兩個(gè)：第一點(diǎn)是對(duì)于做自媒體或個(gè)人影響力的朋友，希望能夠與他們分享如何讓文章更加專業(yè)，獲得更多讀者的認(rèn)可，傳播效應(yīng)更廣。第二點(diǎn)是對(duì)于讀者朋友，希望大家能夠看到更專業(yè)，更有收獲的文章。

一、文字部分

1. 提出完整解決方案

網(wǎng)絡(luò)上的很多教程都會(huì)有這樣的問(wèn)題：讀者閱讀之后感覺(jué)知識(shí)滿滿、收獲頗豐，但在真正遇到問(wèn)題時(shí)，卻依舊束手無(wú)策。這是因?yàn)槲恼聸](méi)有給讀者提出完整的解決方案，那么這種知識(shí)實(shí)際上不能稱之為知識(shí)。

曾經(jīng)在網(wǎng)絡(luò)上看到過(guò)一篇圖表制作的教程，其中一個(gè)知識(shí)點(diǎn)是這樣講解的。

知識(shí)點(diǎn)為：當(dāng)數(shù)據(jù)條目較少時(shí)，可以使用柱狀圖表示?？此坪苡杏玫闹R(shí)點(diǎn)，實(shí)際上并沒(méi)有實(shí)用性，為什么這么說(shuō)呢？

我們假設(shè)兩種情景即可看出問(wèn)題所在：

1. 如果我們需要做一個(gè)7個(gè)數(shù)據(jù)的圖表，7個(gè)數(shù)據(jù)是屬于多還是少？
2. 如果我們要做一個(gè)20個(gè)數(shù)據(jù)的圖表，應(yīng)該不屬于數(shù)據(jù)條目較少的范疇，那么我應(yīng)該用什么圖表來(lái)表示？

瞧，遇到實(shí)際問(wèn)題，這個(gè)知識(shí)點(diǎn)并沒(méi)有應(yīng)用的空間，因?yàn)樗噶藘牲c(diǎn)錯(cuò)誤：

1. 對(duì)于應(yīng)用場(chǎng)景沒(méi)有明確的定義。
2. 沒(méi)有窮盡用戶的應(yīng)用場(chǎng)景，并給出合理的解決方案。

說(shuō)白了，就是沒(méi)有站在讀者的角度思考問(wèn)題，所以導(dǎo)致這個(gè)知識(shí)點(diǎn)只能成為一個(gè)“空架子”。那么這個(gè)知識(shí)點(diǎn)應(yīng)該如何修改呢？修改方法如下：

首先，給出“建議值”供讀者參考。其次，窮盡用戶可能遇到的情況并給出解決方案。這樣，知識(shí)點(diǎn)才可以形成一個(gè)完整的知識(shí)模塊以便讀者記憶和應(yīng)用。

總結(jié)一下：

2. 內(nèi)容要嚴(yán)謹(jǐn)

如果我們不是在闡述一個(gè)觀點(diǎn)，而是在給用戶以指導(dǎo)時(shí)，那么所有的內(nèi)容一定是真實(shí)有考究的，不允許有錯(cuò)誤出現(xiàn)的。

要做好這一點(diǎn)，需要我們查閱大量資料，對(duì)文章中的每一組數(shù)據(jù)都核實(shí)準(zhǔn)確，或者有充分的材料去佐證。

這是我在撰寫《設(shè)計(jì)師要了解的數(shù)據(jù)可視化》中遇到的一個(gè)有趣的案例。當(dāng)時(shí)我在多方面查閱資料，看到了國(guó)外文章中有這樣一張圖：

這是一張福克斯新聞上面的數(shù)據(jù)圖表。

我們可以發(fā)現(xiàn)，6,000,000 和 7,066,000兩者之間只相差17.8%，但是在圖表中，右邊的高度卻是左邊的3倍，這是由于圖表的縱坐標(biāo)軸的起點(diǎn)不是由0開(kāi)始的，而是從5,500,000這個(gè)極其接近6,000,000的值開(kāi)始的。所以這張圖表其實(shí)是在故意通過(guò)這種方式來(lái)加大數(shù)據(jù)之間的“觀感差距”。

作者引用了這張圖表，得出了如下結(jié)論：「這是一張?？怂剐侣勆峡堑膱D表，上面的技巧值得我們學(xué)習(xí)，有時(shí)我們可以通過(guò)不將縱坐標(biāo)的起點(diǎn)設(shè)置為零而增大數(shù)據(jù)之間的觀感差距，從而達(dá)到突出對(duì)比的效果?！?/p>

我在看到這個(gè)案例和結(jié)論時(shí)，覺(jué)得很有意思。但是我不贊同作者的觀點(diǎn)，從原則上來(lái)講，這是一種欺騙觀眾的行為，因此我開(kāi)始尋找這個(gè)新聞的來(lái)源。通過(guò)Google的以圖搜圖，我搜索到了大量有關(guān)這個(gè)新聞的文章。然后發(fā)現(xiàn)了一系列很有意思的真相。

真相是：

福克斯新聞運(yùn)用了這個(gè)圖表來(lái)表明“可負(fù)擔(dān)醫(yī)療法案（ACA）”的入學(xué)人數(shù)遠(yuǎn)遠(yuǎn)少于最初估計(jì)的700萬(wàn)人。這明顯是福克斯希望以這種方式來(lái)把“快要達(dá)到目標(biāo)”的消息變成了一個(gè)“離目標(biāo)還很遠(yuǎn)”的壞消息。

這種試圖歪曲數(shù)據(jù)的嘗試并不是什么新鮮事，因?yàn)楦？怂褂卸啻问褂闷?jiàn)的圖表抹黑奧巴馬政府的歷史。但是隨即，這張圖表因?yàn)榫哂芯薮蟮恼`導(dǎo)性而被民眾所抨擊，最終不得不通過(guò)一個(gè)版面的新聞來(lái)鄭重道歉并更正了圖表。

由此可見(jiàn)，無(wú)論是什么樣的場(chǎng)合，運(yùn)用這樣的手段讓人們感受到了不正確的比例關(guān)系，都是非常嚴(yán)重的欺詐行為。因此，我最終在我的文章中用同樣的例子得到了一個(gè)完全相反的結(jié)論。

所以我們?cè)谧珜懳恼聲r(shí)，一定要注意去留出專門的時(shí)間對(duì)數(shù)據(jù)和資料進(jìn)行核對(duì)。

• 其一，是對(duì)素材的尊重，對(duì)讀者的尊重，讓讀者能夠獲得最真實(shí)的信息。
• 其二，一旦不嚴(yán)謹(jǐn)?shù)膬?nèi)容被讀者發(fā)現(xiàn)，這將會(huì)對(duì)我們的專業(yè)度與信譽(yù)都產(chǎn)生非常大的影響。

我每次寫文章都有一個(gè)習(xí)慣，在寫完通篇內(nèi)容后，都專門留有一個(gè)步驟，對(duì)所有數(shù)據(jù)重新進(jìn)行一遍核對(duì)，避免錯(cuò)誤。

總結(jié)一下：

3. 理論解釋+實(shí)際案例

如果我們想闡述清楚一個(gè)道理，最好用“理論解釋、實(shí)際案例相結(jié)合“的方式。人們往往對(duì)于抽象的事物不敏感，所以理論配合案例是必要的。同時(shí)，案例最好能夠有正反兩個(gè)案例作為對(duì)比，會(huì)加深讀者對(duì)于理論和概念的印象。

還是拿剛才的案例來(lái)舉例。我們作為數(shù)據(jù)圖表的制作人時(shí)，不應(yīng)該用“視覺(jué)差距”來(lái)蒙騙觀眾，同時(shí)，作為觀眾我們也應(yīng)該學(xué)會(huì)識(shí)別視覺(jué)差距。這時(shí)，講解完道理，緊跟一個(gè)擁有正反對(duì)比的案例，就能夠立刻讓讀者感受到差距所在。

幾乎我寫過(guò)的所有案例都伴隨著反例，這是一個(gè)我們作為設(shè)計(jì)師都了解的一個(gè)方法論：即有對(duì)比才會(huì)有突出，所以精挑細(xì)選一對(duì)合適的案例將會(huì)讓你的說(shuō)服力大大提高。

總結(jié)一下：

4. 擁有總結(jié)規(guī)劃能力

寫文章要有分析事物的能力，將其抽象成理論模型的能力。很多文章內(nèi)容很好，但是讀者往往讀不進(jìn)去，或者即使讀完也沒(méi)有留下印象，覺(jué)得文章非常零散，原因就在此。這種現(xiàn)象在很長(zhǎng)的文章中尤其明顯。

所以編寫一些朗朗上口的，方便記憶的理論模型就顯得很關(guān)鍵。

其實(shí)這種技巧在我們的生活中非常普遍。我們?cè)谏蠈W(xué)期間，很多晦澀難懂的內(nèi)容都會(huì)有對(duì)應(yīng)的“順口溜”來(lái)輔助記憶。

因此，我在文章中也加入了大量的總結(jié)性質(zhì)的理論模型。比如：

（1）在《手把手教你打造交互作品集》一文中，產(chǎn)品改版是一條貫穿整篇文章的線索，所以我為產(chǎn)品改版總結(jié)歸納了“五步改版法”來(lái)輔助讀者記憶。

（2）在最終的改版迭代步驟中，由于存在7個(gè)改版點(diǎn)，非常零散與雜亂，為了便于讀者理解，便將其總結(jié)為三步思考改版法。

詳細(xì)內(nèi)容請(qǐng)移步《如何在作品集中體現(xiàn)交互思維》：http://m.codemsi.com/pd/3064618.html

通過(guò)總結(jié)方法論，一方便幫助讀者理解內(nèi)容，另一方面也是倒逼自己提高總結(jié)歸納能力的方式。

5. 保持設(shè)計(jì)師素養(yǎng)

我是一名設(shè)計(jì)師，非常在乎自己文章的觀感。我希望文章更像是一份作品，而不僅僅是一個(gè)教程。所以我的文章很多內(nèi)容都是經(jīng)過(guò)設(shè)計(jì)的，比如常見(jiàn)的各級(jí)標(biāo)題。

6. 別被局限

文章其實(shí)不一定非要局限在一個(gè)主題中去寫，我們有時(shí)可以旁敲側(cè)擊引入很多有趣的論點(diǎn)，這樣的做法有兩點(diǎn)好處：

• 使得我們的文章觀感更好，可以讓一些枯燥、專業(yè)的內(nèi)容更富有節(jié)奏感。
• 可以旁敲側(cè)擊引入很多知識(shí)點(diǎn)，從而降低文章的閱讀門檻，吸引更多的受眾。

當(dāng)在前文中引用了“Nicolas Rapp”的一個(gè)數(shù)據(jù)可視化作品后，我在其后用“知識(shí)拓展”模塊，簡(jiǎn)單的介紹了這位有名的數(shù)據(jù)可視化設(shè)計(jì)師，從而橫向拓寬了文章的主題。

當(dāng)在前文提到了“損失厭惡”以及“沉沒(méi)成本”兩個(gè)專業(yè)名詞后，我在后面用“名詞解釋”模塊介紹了這兩個(gè)定義的意義，從而增強(qiáng)了文章節(jié)奏感，也降低了文章的閱讀門檻。

二、配圖部分

1. 保持設(shè)計(jì)師素養(yǎng)

配圖一定要保持大氣，有“呼吸感”。

舉個(gè)簡(jiǎn)單的例子，如果說(shuō)一篇文章只有2000字，而沒(méi)有一張配圖，那么這篇文章的完讀率一定很低。一方面是因?yàn)榛ヂ?lián)網(wǎng)環(huán)境下，能夠靜下心來(lái)讀完一篇文章的人非常少。還有一個(gè)原因就是，過(guò)長(zhǎng)的段落所攜帶的信息密度過(guò)大，況且是專業(yè)向的教程類文章。

所以配圖除了解釋一些必要信息外，還承擔(dān)著一個(gè)重要任務(wù)，就是降低文章的信息密度，使其更容易被讀者所接受，那么顯而易見(jiàn)，大氣，有呼吸感的配圖更符合這個(gè)要求。

我一般的習(xí)慣是給配圖四周留有很大的空白空間，以減少文章的信息密度；同時(shí)使用淺藍(lán)色的色調(diào)，以及高彌散投影。這樣的設(shè)計(jì)可以使整個(gè)配圖更加的清爽，閱讀體驗(yàn)良好。

當(dāng)然，這只是我的個(gè)人習(xí)慣，僅供參考。

同時(shí)，配圖中引用的其他圖片也要保證不能模糊，我會(huì)將需要引用的但是模糊的圖片記錄下來(lái)，在文章撰寫完成后，統(tǒng)一進(jìn)行處理。處理辦法就是在網(wǎng)絡(luò)中溯源更加高清的原圖。一般來(lái)說(shuō)是都可以溯源到的。

2. 添加個(gè)人標(biāo)簽

每張配圖都進(jìn)行署名，主要有2點(diǎn)作用：

1. 從營(yíng)銷學(xué)的角度來(lái)講，它是一種對(duì)用戶的反復(fù)的記憶刺激，從而加強(qiáng)他對(duì)于你個(gè)人品牌和個(gè)人影響力的印象。
2. 雖然中國(guó)的知識(shí)產(chǎn)權(quán)在不斷發(fā)展，但是洗稿、搬運(yùn)的現(xiàn)象還是十分嚴(yán)重，所以在配圖上添加個(gè)人標(biāo)簽有助于在一定程度上杜絕這種現(xiàn)象發(fā)生。

3. 讓配圖成為能夠獨(dú)立講故事的個(gè)體

我作為讀者的時(shí)候常會(huì)遇到一個(gè)問(wèn)題，我會(huì)將一些不錯(cuò)的文章配圖采集到花瓣或者Eagle里面，但是過(guò)段時(shí)間再看這些圖片，很尷尬的是。因?yàn)闆](méi)有上下文聯(lián)系，這個(gè)圖片幾乎失去了它的價(jià)值，也讓我忘記了當(dāng)初采集的原因。

在現(xiàn)在的互聯(lián)網(wǎng)環(huán)境下，文章圖片會(huì)不可避免地以獨(dú)立個(gè)體傳播，所以為了能夠讓這些“被采集”出去的配圖也發(fā)揮作用，我通常會(huì)將配圖制作成一個(gè)可以獨(dú)立講故事的個(gè)體。

如下所示：

事實(shí)證明，我的想法是正確，我努力設(shè)計(jì)的配圖也沒(méi)有白費(fèi)功夫。能夠在被采集后作為獨(dú)立傳播知識(shí)的配圖，同時(shí)也具備廣泛的二次傳播能力。這些配圖可以獨(dú)立于文章，單獨(dú)的進(jìn)行傳播，成為一個(gè)承載小知識(shí)點(diǎn)的“知識(shí)卡片”。

三、小技巧

1. 沒(méi)有足夠的配圖怎么辦

之前一直提到過(guò)，我們需要通過(guò)增加一些配圖，來(lái)控制文章的節(jié)奏感，但是有些情況下文章并不需要有配圖，這種情況我們可以有兩點(diǎn)處理方式：

（1）將文字當(dāng)中的一些邏輯關(guān)系通過(guò)圖示的方式表達(dá)出來(lái)

如下所示：

（2）我們也可以將一段內(nèi)容的核心思想提煉出來(lái)，進(jìn)行一個(gè)“金句設(shè)計(jì)”。這樣既可以調(diào)節(jié)節(jié)奏感，同時(shí)也能方便一部分用戶快速瀏覽

如下所示：

2. 在文章的開(kāi)頭放置目錄

我們可以在文章開(kāi)頭放置一個(gè)目錄，使讀者能夠?qū)ξ恼聝?nèi)容有個(gè)宏觀概念，方便讀者選擇性取閱相關(guān)內(nèi)容。為什么我會(huì)有這樣的想法，其實(shí)來(lái)源于報(bào)紙的設(shè)計(jì)方式。

報(bào)紙的一段新聞一般會(huì)有四個(gè)模塊：標(biāo)題，副標(biāo)題，簡(jiǎn)介與正文。分別對(duì)應(yīng)著不同的用戶需求。

當(dāng)用戶有：

• 5秒鐘時(shí)，可以直接閱讀標(biāo)題了解新聞。
• 10秒鐘時(shí)，可以再閱讀副標(biāo)題獲取更多信息。
• 1分鐘時(shí)，可以再去閱讀簡(jiǎn)介獲取梗概。
• 更充足的時(shí)間時(shí)，可以閱讀全文獲取全部信息。

雖然人們的閱讀模式從紙質(zhì)閱讀轉(zhuǎn)移到了電子閱讀，但是實(shí)際上這個(gè)閱讀習(xí)慣并沒(méi)有發(fā)生實(shí)質(zhì)性改變，所以目錄的作用就是幫助那些時(shí)間不多的讀者來(lái)篩選自己最想獲取的信息。

同時(shí)也可以在目錄中做標(biāo)注（如下圖），來(lái)提醒用戶，如果你沒(méi)時(shí)間閱讀的話，那么只需要閱讀我重點(diǎn)標(biāo)注的內(nèi)容即可獲得文章60%-70%的主要內(nèi)容。

四、寫在最后

其實(shí)上面的分享說(shuō)到底都只是技巧性的內(nèi)容，真正寫好一篇文章的方法，我認(rèn)為是以撰寫論文的態(tài)度去撰寫每一篇文章，只要內(nèi)容上做到足夠?qū)I(yè)并有深度，那么就值得被稱為是一篇好文章。

最后附上之前寫文章的一個(gè)整理記錄，13,000字以及116張圖片，真正一點(diǎn)一滴的看到自己的成果時(shí)，那一刻是喜悅的。

希望這篇文章能夠?qū)δ阌兴鶐椭?，碼字不易，還請(qǐng)多多支持。

本文由 @大師聊產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議