現(xiàn)在的互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)，即使是在校學(xué)生，也知道用戶旅程地圖(CJM)、信息架構(gòu)、商業(yè)畫布、價(jià)值主張、SWOT分析這些，稍微有點(diǎn)經(jīng)驗(yàn)的設(shè)計(jì)師，還會(huì)知道Heart、GSM、AARRR、雙鉆模型、福格模型這類更流行的設(shè)計(jì)思維模型。如果把這些稱為"屠龍之術(shù)"的話，那么"如何設(shè)計(jì)一個(gè)頁(yè)面"這樣的問題就是"解牛之術(shù)"，其實(shí)基礎(chǔ)的東西才是我們?nèi)粘９ぷ髦械某B(tài)，讓我們攀上高峰的不是各種技巧，而是熟練的基本功，從基本功中尋找到設(shè)計(jì)本來的規(guī)律，就像"庖丁解牛"中的說的一樣，"道也，進(jìn)乎技"。

現(xiàn)在，就來聊聊"如何設(shè)計(jì)一個(gè)頁(yè)面"這樣的基本功，尤其是在銷售導(dǎo)向的場(chǎng)景，比如電商賣商品、互金賣理財(cái)貸款這類場(chǎng)景。

在這類場(chǎng)景中，有個(gè)最容易被大家忽視的問題就是內(nèi)容設(shè)計(jì)，因?yàn)榇蠹腋P(guān)注一些導(dǎo)航、交互框架、動(dòng)效、組件等等。其實(shí)在這類業(yè)務(wù)場(chǎng)景中，用戶更關(guān)注內(nèi)容，比如產(chǎn)品參數(shù)、型號(hào)、價(jià)格，理財(cái)收益率和期限等等這些內(nèi)容。

其實(shí)內(nèi)容設(shè)計(jì)，也是有規(guī)律的，老D把這個(gè)規(guī)律歸納為五個(gè)要素：目的、信息、組織、模式、表現(xiàn)。每個(gè)要素起到的作用，如下圖所示，請(qǐng)旋轉(zhuǎn)手機(jī)至適合觀看位置。

這圖畫完了發(fā)現(xiàn)，好像是直接豎著畫插入到文中就可以手機(jī)豎屏觀看了，不過我懶的改了，哈哈。

從左往右，是業(yè)務(wù)想通過內(nèi)容來影響用戶，是傳遞；

從右往左，是用戶被信息影響的路徑，是接收；

對(duì)照一下圖中紅色圓形標(biāo)注的1-2-3，是不是你的需求方給你提需求的時(shí)候，經(jīng)常這個(gè)地方都是漏掉的。一般都是"我要凸顯產(chǎn)品的價(jià)值點(diǎn)1-2-3，我的文案是blablabla，要符合我們品牌的調(diào)性"，至于內(nèi)容之間的聯(lián)系是啥，怎么組織起來，是不是都是沒有的。

看完了上圖，你就能夠明白，為什么那么多產(chǎn)品和運(yùn)營(yíng)策略，停留在PPT上是那么的邏輯清晰、激動(dòng)人心，但是真的落實(shí)到頁(yè)面上擺到用戶面前，發(fā)現(xiàn)用戶根本看不懂。因?yàn)閮?nèi)容的傳遞是一個(gè)整體的鏈條，哪個(gè)環(huán)節(jié)斷了都不行。

除了文字、圖片等可見的內(nèi)容以外，另外一些品牌、情感的內(nèi)容也是這樣的道理，比如你總會(huì)聽到"功能是都有了，但是就是感覺差了點(diǎn)"這類讓你不明所以的評(píng)論。其實(shí)不是評(píng)論者故意找茬，而是他的確是這么認(rèn)為的，只是不能非常準(zhǔn)確的表達(dá)出來。

類似高級(jí)感、專屬感、科技感等等，這些整體的感覺不是虛無(wú)縹緲的，一定是可以通過專業(yè)的方法達(dá)到的，因?yàn)橛脩舳际峭ㄟ^眼睛看到的東西，再加工組合，最后得出一個(gè)判斷，這是人類的認(rèn)知原理。只要你懂得用戶本身的認(rèn)知習(xí)慣，有一定的信息素材，通過合理的組織和引導(dǎo)，就可以達(dá)到影響用戶態(tài)度的目的。比如，大多數(shù)人對(duì)動(dòng)效都有偏愛，如果你在演講PPT上或者是產(chǎn)品界面上加了動(dòng)效以后，用戶一開始就會(huì)認(rèn)為"哇，好厲害，好專業(yè)"，這也是一些設(shè)計(jì)外行但是又有話語(yǔ)權(quán)的人（比如甲方、領(lǐng)導(dǎo)，以及甲方領(lǐng)導(dǎo)）總喜歡說要做的酷炫一些。

用戶被吸引，注意到一個(gè)頁(yè)面或是一個(gè)海報(bào)，一定會(huì)喚起模式識(shí)別，用過去的經(jīng)驗(yàn)去理解新看到的東西，跟按鈕相像的東西就會(huì)認(rèn)為是可以點(diǎn)擊的，跟輸入框看起來類似的東西就認(rèn)為是可以點(diǎn)擊輸入的。

通過模式識(shí)別先把內(nèi)容簡(jiǎn)化成幾塊以后，然后再分步去理解加工消化，最后形成自己的判斷。

然而，非常不幸的是，很多時(shí)候用戶形成的判斷和我們想給用戶傳遞的是不一樣的。比如我們做品牌設(shè)計(jì)的時(shí)候，是不是套路都是這樣的：用戶和業(yè)務(wù)的訴求，通常通過一些調(diào)研得出一些品牌關(guān)鍵詞，然后通過視覺化的方式表達(dá)出來。但是做完了如果再用方案去做一個(gè)驗(yàn)證，用戶能不能僅僅通過看到的東西就能夠get到你想傳達(dá)的東西，很多時(shí)候是不能的，這也就是很多設(shè)計(jì)過程看似很有邏輯，推理了很多，結(jié)果最后一看方案，根本不是那么回事。