看，秘密就在這里！從0起步解密網(wǎng)頁(yè)“參與感”打造

參與感一詞近很火，也是打動(dòng)用戶(hù)一個(gè)非常有效的表現手法，利用空間法則、抽象法則和換角度法則給用戶(hù)更多的愉悅感和融入感，非常有料的一篇教程，來(lái)漲姿勢吧。

遇到的問(wèn)題

在設計運營(yíng)類(lèi)需求時(shí)，我們采用的比較常規的設計形式是先設計一個(gè)漂亮的頭圖然后再將信息內容進(jìn)行排版填充，當遇到頁(yè)面中的文字元素比較繁冗時(shí)，大量?jì)热莸亩哑霾粌H很容易讓用戶(hù)瀏覽時(shí)產(chǎn)生疲勞，而且設計師在這個(gè)過(guò)程中也會(huì )容易陷入在傳統框框里無(wú)法突破，在設計時(shí)感到枯燥乏味、越做越無(wú)趣。平時(shí)采集設計靈感時(shí)我們會(huì )注意到現在很多優(yōu)秀的運營(yíng)設計已經(jīng)不僅僅局限于常規的形式，而是越來(lái)越注重整體畫(huà)面給用戶(hù)帶來(lái)的更多愉悅感及融入感。怎樣突破常規，讓頁(yè)面在形式及情感上更吸引用戶(hù)是我們設計師值得思考的問(wèn)題。

什么樣的設計形式能更有趣、更容易打動(dòng)用戶(hù)？運營(yíng)設計主要表現手法之一就是通過(guò)制造情景來(lái)渲染主題氣氛。對“情景”的理解一層指場(chǎng)景、環(huán)境；氛圍有了，那試試再增加一些情緒上的感染和共鳴吧，“情景”的另一層就是指人物，情節，景物喚起人的情緒和內心境界。制造情景體驗一方面是把頁(yè)面信息放置到貼近生活的真實(shí)環(huán)境中，讓畫(huà)面符合主題并且非常直觀(guān)，另一方面能引導用戶(hù)展開(kāi)想象，喚起某種記憶，讓用戶(hù)有身臨其境的感受。

用戶(hù)不僅作為一個(gè)看客，還能以第一人物的視角參與到畫(huà)面中，讓用戶(hù)迅速置身場(chǎng)景中，帶動(dòng)情緒，引發(fā)用戶(hù)興趣去完成后續操作。這里總結出一些打造情景體驗的具體方法及例子幫助大家去設計更有意思的運營(yíng)頁(yè)面：

空間法則

空間感的渲染能讓人更有“身臨其境”的感覺(jué)，這種方式主要根據主題模擬真實(shí)場(chǎng)景，再通過(guò)整體透視的構圖使畫(huà)面呈現立體空間感，增加畫(huà)面沖擊力強，一下子吸引把用戶(hù)代入到氛圍中。我們來(lái)看幾個(gè)例子：

以上的例子都通過(guò)空間打造增加畫(huà)面代入感，畫(huà)面的氣氛和現實(shí)生活中的場(chǎng)景極其相似，用戶(hù)很容易被吸引到氣氛中。需要注意的是這種立體場(chǎng)景的搭建對素材及整體層次的控制力要求比較高，在設計的時(shí)候需要先搭建大的畫(huà)面關(guān)系，再往里頭添細節和內容，同時(shí)也要注意不要讓場(chǎng)景搶了內容的視覺(jué)焦點(diǎn)，在適當的時(shí)候還需要做些減法。

抽象法則

不同于上面提到的逼真空間搭建方法，這種設計方式雖然也是選取現實(shí)存在的對象，但是需要提煉一個(gè)可以將內容信息巧妙的融合串聯(lián)的承載容器構建出主體輪廓，然后再將內容填充到輪廓里面。這種形式能夠讓用戶(hù)一眼就能了解到一些信息，同時(shí)又能貼合主題很好地傳達情景氛圍，讓頁(yè)面生動(dòng)更有趣味性，特別適合一些節日主題的運營(yíng)頁(yè)面。

把內容放到盒子里或者一封情書(shū)中，頓時(shí)就產(chǎn)生了親切感，抽象的主題通過(guò)實(shí)體顯性化地表達出來(lái)，第一眼就能明白主題。這種方法需要選取合適的現實(shí)元素并對其高度概括，注意將形狀盡量精簡(jiǎn)強調，避免太具象，適當地舍棄一些繁瑣的、不必要的元素，以免影響閱讀的內容。

換角度原則

除了還原真實(shí)場(chǎng)景，角度的不同也會(huì )呈現不一樣的形式和感受，千篇一律的規則視角會(huì )難免讓頁(yè)面顯得單調平庸。不妨試試模擬真實(shí)生活中的視角，我們來(lái)看幾個(gè)例子：

這些例子往往是我們生活中很熟悉的情景卻容易被忽略，工作中俯視看到正在寫(xiě)作的區域，對頁(yè)面的傾斜還原真實(shí)的狀態(tài)；吃飯時(shí)關(guān)注自己盤(pán)子中食物的角度，親切的視覺(jué)感受令人置身其中，感染力非常強。同樣的元素主題往往變換一下畫(huà)面視角的方式能巧妙的打破常規構圖的呆板并不落俗套，讓頁(yè)面輕松活躍。同時(shí)真實(shí)的場(chǎng)景一下次拉近了和用戶(hù)的距離，也很容易和用戶(hù)內心產(chǎn)生共鳴。不過(guò)變換角度可能不太適合文字正常閱讀，要注意文字排版保證流量的舒適性。

局部突出法則

我們常?？吹胶芏嚯娪昂蟮脑O計中會(huì )截取某部分的方式作為的重心集中表現，大化也是突出，以小見(jiàn)大來(lái)引起注意，同時(shí)“猶抱琵琶半遮面”的方式制造更多懸念，引起觀(guān)眾興趣及思考。具體運用在運營(yíng)設計中又是怎么做的呢？我們來(lái)看幾個(gè)例子來(lái)體會(huì )其中的設計思路。

以上的例子都是通過(guò)截取局部來(lái)吸引眼球，這種某個(gè)局部特征被放大強調的方式推翻我們常規的視覺(jué)習慣從而讓感情集中強化，視覺(jué)充滿(mǎn)神秘感瞬間抓住了用戶(hù)的眼球，頁(yè)面的目的也就達到了。這種方法可以多從電影、攝影中借鑒手法，通過(guò)特殊的視角打造出精彩的畫(huà)面。

小結

制造頁(yè)面中情景體驗主要通過(guò)還原現實(shí)場(chǎng)景再加以藝術(shù)化的表達來(lái)增強頁(yè)面的整體氣氛，讓用戶(hù)不用去閱讀文字就能很快明白這是個(gè)跟主題相關(guān)的頁(yè)面，代入感極強，能比較直觀(guān)獲取信息；同時(shí)擬物具象的方式也減少了用戶(hù)認知成本，親和的設計形式在情感上給用戶(hù)更多情共鳴。當然這種方式需要設計師日常要注意觀(guān)察生活中的細節，多聯(lián)想與各場(chǎng)景相關(guān)的事物，不一定需要靠素材的堆積也能打造出動(dòng)人的頁(yè)面一擊擊中用戶(hù)。

運營(yíng)設計現在越來(lái)越注重個(gè)性、趣味性以及視覺(jué)沖擊力，頁(yè)面的形式和技巧也是多種多樣，以上總結的方法希望能幫助大家在設計遭遇瓶頸時(shí)找尋一些解決思路。設計師需要時(shí)刻靈活創(chuàng )新汲取靈感，才能夠避免按習慣性的思維去設計，不斷創(chuàng )造出新的視覺(jué)表現。當然還有更重要的是運用方法多多進(jìn)行實(shí)踐轉化成自己的東西，才能得到能力上的有更大地提高。