參與感一(yī)詞最近(jìn)很(hěn)火(huǒ)，也(yě)是(shì)打動用(yòn© g)戶一(yī)個(gè)非常有(yǒu)效的(de)表現(xΩ‍"'iàn)手法，今天阿裡(lǐ)的(de)同學從(c☆→óng)這(zhè)個(gè)角度聊聊如(rú)何設計(jì)網頁¥₩λ₽，利用(yòng)空(kōng)間(jiān)法則、抽象法則和γ σ±(hé)換角度法則給用(yòng)戶更多(duō)¶↑'的(de)愉悅感和(hé)融入感，非常有(yǒu)料的(de)一(yī)篇教Ωδ程，來(lái)漲姿勢吧(ba)。

　　遇到(dào)的(de)問(wèn)題

　　在設計(jì)運營類需求時(shí)，我們采用(yòng)的(εγde)比較常規的(de)設計(jì)形式是↑∏(shì)先設計(jì)一(yī)個(gè)漂亮(liàng)的(de)頭圖然£↓§φ後再将信息內(nèi)容進行(xíng)排版填充，當遇到(dào)頁面中的€✔©(de)文(wén)字元素比較繁冗時(shí)，大(dà)量內(nèi)容£♣ε≠的(de)堆砌不(bù)僅很(hěn)容易讓用♦∞ (yòng)戶浏覽時(shí)産生(shēn'✘☆"g)疲勞，而且設計(jì)師(shī)在¥π©→這(zhè)個(gè)過程中也(yě)會(huì)πα<π容易陷入在傳統框框裡(lǐ)無法突破，在設計(jì)時(shí)感到β♥(dào)枯燥乏味、越做(zuò)越無趣。平時(shí)采集設計(jì)靈感時("'₹♦shí)我們會(huì)注意到(dào)現(xiàn)↔↑<₩在很(hěn)多(duō)優秀的(de)運營設計(jì)已經不(bù)僅僅∏ ☆局限于常規的(de)形式，而是(shì)越來(lái)越注重整體(tǐ↓≤‍)畫(huà)面給用(yòng)戶帶來(lái)的(de)更多(du •ō)愉悅感及融入感。怎樣突破常規，讓頁面在形式及情感上(shàng)更吸引用(yòng)戶是(s©→≈€hì)我們設計(jì)師(shī)值得(de)思考的(de)問(wèn•‍)題。

　　什(shén)麽樣的(de)設計(jì)形式能(néng)更有(yǒu)趣、更容易打動>₽±™用(yòng)戶？運營設計(jì)主要(yào)表現(xiàn)手ε•$法之一(yī)就(jiù)是(shì)通(tō✘♥σ"ng)過制(zhì)造情景來(lái)渲染主題氣氛。對(duì)“$π✘情景”的(de)理(lǐ)解一(yī)層指場(ch≠σǎng)景、環境；氛圍有(yǒu)了(le↕✔)，那(nà)試試再增加一(yī)些(xiē)情緒上(shàng)的($₽de)感染和(hé)共鳴把，“情景”的(de¥ ©§)另一(yī)層就(jiù)是(shì)₽&↓↓指人(rén)物(wù)，情節，景物(wù)喚起人(rén≤≤÷↑)的(de)情緒和(hé)內(nèi)心境界。制(zhì)造情景體(tǐ)驗一(yī)<♣≈&方面是(shì)把頁面信息放(fàng)置到(dào)貼近(jìn)生(shēng)活的(de)'$★真實環境中，讓畫(huà)面符合主題并且非常直觀，另一(yī)方面能(néng)引導用(yòn♦σ£g)戶展開(kāi)想象，喚起某種記憶，讓用(yòng)戶有(yǒu)身(shēn)臨其≠σ境的(de)感受。

　　內(nèi)蒙古網站(zhàn)制(zhì)作(z™÷uò)，內(nèi)蒙古網站(zhàn)設計(jìφ≤€)，內(nèi)蒙古網站(zhàn)建設，呼和(hé)浩特網站(zhàn)建₩✘設，呼和(hé)浩特網站(zhàn)制(zhì)作(zuò)、呼和(h₹®€é)浩特網站(zhàn)設計(jì)首選內(nèi)蒙古呼和≠'(hé)浩特先誠網絡科(kē)技(jì)公司、、、先誠官網：/ 
　　
　　注：本文(wén)均來(lái)自(zì)百度搜索，如(rúσ♠★)涉及版權問(wèn)題，請(qǐng)聯系我們，我們會(hu↓​ì)第一(yī)時(shí)間(jiān)解決。

　　用(yòng)戶不(bù)僅作(zuò)為(wèi)一(yī)個(gè)看≠$→®(kàn)客，還(hái)能(néng)以第αβ≈ε一(yī)人(rén)物(wù)的(de)視(shì)角參與到(dà♦ασo)畫(huà)面中，讓用(yòng)戶迅速置✘¶∏身(shēn)場(chǎng)景中，帶動情緒，引發用(yòngσβ&∏)戶興趣去(qù)完成後續操作(zuò)。這(zhè)裡(lǐ)§δ總結出一(yī)些(xiē)打造情景體(tǐ)驗的(de)具體(tǐ)方法及α÷↑&例子(zǐ)幫助大(dà)家(jiā)去(qù)設計(jì)更有(yǒu)意思的(₩€de)運營頁面：

　　空(kōng)間(jiān)法則

　　空(kōng)間(jiān)感的(d•¥♠e)渲染能(néng)讓人(rén)更有(yǒu)“★™£身(shēn)臨其境”的(de)感覺，這(zhè)種方式主要(≥≥yào)根據主題模拟真實場(chǎng)景，再通(tōng)過整體(©≈€÷tǐ)透視(shì)的(de)構圖使畫(huà)面呈現(xiàn)立體(t§≈ε≤ǐ)空(kōng)間(jiān)感，增加畫(₩¥≠σhuà)面沖擊力強，一(yī)下(xià)子(zǐ)吸引把用(yòng)戶♠ 代入到(dào)氛圍中。我們來(lái)看(kàn)幾個(gè)例子(z↑ ↕ǐ)：

　　以上(shàng)的(de)例子(zǐ)都(dōu)通(tōng)過空(∏→kōng)間(jiān)打造增加畫(huà)面代入感，畫(huà)面的(de)氣氛和(hé)現(≤σxiàn)實生(shēng)活中的(de)場&≥×​(chǎng)景極其相(xiàng)似，用(yòng)戶很(hě∑₽§γn)容易被吸引到(dào)氣氛中。需要(yào)注意的(de)是(s✘∑≠ hì)這(zhè)種立體(tǐ)場(chǎng)景的(de)搭建對(duì¥×)素材及整體(tǐ)層次的(de)控制(zhì)力要(yào)求比較高(gāo)，在設計(jλ€ì)的(de)時(shí)候需要(yào)先搭☆¶∏♥建大(dà)的(de)畫(huà)面關系，再往裡(lǐ)頭​∏π添細節和(hé)內(nèi)容，同時(sh↔σ✔©í)也(yě)要(yào)注意不(bù)要(yào)♣δ讓場(chǎng)景搶了(le)內(nèi)容的(de)視(shì)覺焦點，在适當的(de&™γ)時(shí)候還(hái)需要(yào)做(zuò)些(xiē)減法≠↑。

　　抽象法則

　　不(bù)同于上(shàng)面提到(dào)的(de)逼真空(kōng)間(j§≥iān)搭建方法，這(zhè)種設計(jì)方式雖然也(yě)是(shì)選取現(xφ¶±iàn)實存在的(de)對(duì)象，但(dàn)是(shì)需要(yào)提煉一(yī)個‌δ±(gè)可(kě)以将內(nèi)容信息巧妙的(de)融合₽÷£↓串聯的(de)承載容器(qì)構建出主體(∏​≤★tǐ)輪廓，然後再将內(nèi)容填充到÷>©→(dào)輪廓裡(lǐ)面。這(zhè)種形式能(néng)夠讓用(yò$δ≥‌ng)戶一(yī)眼就(jiù)能(néng)₹★≤了(le)解到(dào)一(yī)些(xiē)信息，同時(shí)又(yòu)能(nén'​αg)貼合主題很(hěn)好(hǎo)地(dì)傳達情景氛圍，讓頁Ω&‍面生(shēng)動更有(yǒu)趣味性，特别适合一(yī)些★≥✔&(xiē)節日(rì)主題的(de)運營頁面。

　　把內(nèi)容放(fàng)到(dào)盒子(zǐ)裡(α₩σ✘lǐ)或者一(yī)封情書(shū)中，頓時(shí)就(jiù)産生(shēng)™∑₹®了(le)親切感，抽象的(de)主題通(tōng)過實體(t‍§$εǐ)顯性化(huà)地(dì)表達出來(lái)，第一(yī)眼就(jiù)能(néng)明(↓€±míng)白(bái)主題。這(zhè)種方法需要(yào)選取合适的(de)現(xiàn'€)實元素并對(duì)其高(gāo)度概括，注意将₩ 形狀盡量精簡強調，避免太具象，适當地(dì)舍棄一(yī)些(xiē)繁瑣的(​​de)、不(bù)必要(yào)的(de)元素，以免影(yǐn™♦g)響閱讀(dú)的(de)內(nèi)容。

　　換角度原則

　　除了(le)還(hái)原真實場(chǎng)景，角度的(dφ γe)不(bù)同也(yě)會(huì)呈現(xiàn)不(bù)一(yī)樣的©α←(de)形式和(hé)感受，千篇一(yī)律的(de)規則視(shì)角會(huì)難∑ "∑免讓頁面顯得(de)單調平庸。不(bù)妨試試模拟真實生(shēng)活中的(de)視(sδ∞hì)角，我們來(lái)看(kàn)幾個(gè)例子(zǐ)：

　　這(zhè)些(xiē)例子(zǐ)往往是(shì)我們生(shēng)活中很(h¥βσ'ěn)熟悉的(de)情景卻容易被忽略，工(gōng)作(zuò)♣•ε≠中俯視(shì)看(kàn)到(dào)正在寫δ∏作(zuò)的(de)區(qū)域，對(duì)頁面的(de)傾斜還(hái)₽γ'原最真實的(de)狀态；吃(chī)飯時(shí)關注自(z×ββ"ì)己盤子(zǐ)中食物(wù)的(de)角度，親切¥☆ ✘的(de)視(shì)覺感受令人(rén)置身(shēn)其中，感染力非常強。同樣的(φ≈≠de)元素主題往往變換一(yī)下(xià)畫(huà)面視(shì)角的(de)方式能(né• δng)巧妙的(de)打破常規構圖的(de)呆闆并不(bù)落俗套×÷♣$，讓頁面輕松活躍。同時(shí)真實的(de)場(chǎng)景一(yī)下(xià)次拉近(jìδ€n)了(le)和(hé)用(yòng)戶的(de)距離(lí)，也(yě)很(hěn)容×♠✘易和(hé)用(yòng)戶內(nèi)< 心産生(shēng)共鳴。不(bù)過變換角度​≤←可(kě)能(néng)不(bù)太适合文(wén)字正常☆'¶閱讀(dú)，要(yào)注意文(wén)字排版保證流量的(de)舒适性∑✘←£。

　　局部突出法則

　　我們常常看(kàn)到(dào)很(hěn)多(d★πuō)電(diàn)影(yǐng)海(hǎi)報★'(bào)的(de)設計(jì)中會(huì)截取某部分★←(fēn)的(de)方式作(zuò)為(wèi)的(de)重心集中表∞♣©™現(xiàn)，最大(dà)化(huà)也(yěΩ§€)是(shì)最突出，以小(xiǎo)見(jiàn)大(dà)< ≈ 來(lái)引起注意，同時(shí)“猶抱琵琶半遮面”的(de)方式制(z∑±δ✔hì)造更多(duō)懸念，引起觀衆興趣及思考。具體(tǐ)運用(yòng)在運營設計(jì)‌÷中又(yòu)是(shì)怎麽做(zuò)的≤<÷(de)呢(ne)？我們來(lái)看(↕δ‍kàn)幾個(gè)例子(zǐ)來(lái)體(tǐ)會(huì)其中的(d÷ ♥₽e)設計(jì)思路(lù)。

　　以上(shàng)的(de)例子(zǐ)都(dōu)是(shì)通(tōng)過✘™♣截取局部來(lái)吸引眼球，這(zhè)種某個(gè)局部特征α$€¶被放(fàng)大(dà)強調的(de)方式推翻我們常規的(de)視(shì)覺習→↑π↔(xí)慣從(cóng)而讓感情集中強化(h€®✔₹uà)，視(shì)覺充滿神秘感瞬間(jiān)抓住了(le)用× →(yòng)戶的(de)眼球，頁面的(de)目的(de)也(yě)就(jiù)達到(dà₹÷€o)了(le)。這(zhè)種方法可(kě)以多(duō)從(cóng)電(diàn)π₩影(yǐng)、攝影(yǐng)中借鑒手法，通(tōng)過 ↔特殊的(de)視(shì)角打造出精彩的(de)畫(huà↕$)面。

　　小(xiǎo)結

　　制(zhì)造頁面中情景體(tǐ)驗主要(yào)通(tōng)過還(há♦λ™™i)原現(xiàn)實場(chǎng)景再加✘™÷λ以藝術(shù)化(huà)的(de)表達來(lái)增強頁面的(de ✘)整體(tǐ)氣氛，讓用(yòng)戶不(bù)用(yòng)去(qù)閱讀(dú)文(wén)α₩§÷字就(jiù)能(néng)很(hěn)快(kuài)明(míng)白(bái)這(zh¥♠↓è)是(shì)個(gè)跟主題相(xiàng)關的(de)頁面，代入感極強，βᮣ能(néng)比較直觀獲取信息；同時(shí)拟物(wù)具象的(de)方式↑π∏也(yě)減少(shǎo)了(le)用(yòng)戶認 λ‍知(zhī)成本，親和(hé)的(de)設計(jì)形式在情感上(shàng)給∞→&×用(yòng)戶更多(duō)情共鳴。當然這(zhè)種方式需要(β→yào)設計(jì)師(shī)日(rì)常要(yào)注意觀察生(shē §←×ng)活中的(de)細節，多(duō)聯想與各場(± •chǎng)景相(xiàng)關的(de)事(shì)物(wù)，₽★↑不(bù)一(yī)定需要(yào)靠素材的(de)堆積也(yě)能(né£αng)打造出動人(rén)的(de)頁面一(yī)擊擊中用(£ yòng)戶。

　　運營設計(jì)現(xiàn)在越來(lái)越注重個(gè)€↑ ¥性、趣味性以及視(shì)覺沖擊力，頁面的(de)形式和(hé)技(j≈λ✘£ì)巧也(yě)是(shì)多(duō)種多(duō)樣，以上(sh™"àng)總結的(de)方法希望能(néng)幫助大(dà)家(jiā)在設計(jì)遭遇瓶頸∑© ←時(shí)找尋一(yī)些(xiē)解決思路₹Ω¥φ(lù)。設計(jì)師(shī)需要(±¥yào)時(shí)刻靈活創新汲取靈感，¶↓Ωσ才能(néng)夠避免按習(xí)慣性的(de)思維↓÷φ→去(qù)設計(jì)，不(bù)斷創造®✔出新的(de)視(shì)覺表現(xiàn)。當然還≠$λ(hái)有(yǒu)更重要(yào)的(dφ↔→​e)是(shì)運用(yòng)方法多(duō)多(duō)↕♣ £進行(xíng)實踐轉化(huà)成自(zì)己的(de)東(dōng)≠"÷西(xī)，才能(néng)得(de)到(dào)←↕能(néng)力上(shàng)的(de)有(yǒu)更大(dà)ε≈↕®地(dì)提高(gāo)。