做”情境化”的視覺(jué)呈現(xiàn)，這樣一方面把頁(yè)面的詳情流程注意事項(xiàng)等內(nèi)容既完整清晰的陳列出來(lái)，并且再一方面能夠抓住用戶(hù)的眼球，感染到用戶(hù)的心田，擊中用戶(hù)。青島網(wǎng)站設(shè)計(jì)中，情景化=情緒+場(chǎng)景。我小提煉了自己的方法：STEP1:提煉當(dāng)前需求的核心目的和核心操作，STEP2:提供一個(gè)可以被完美承載的場(chǎng)景, STEP3:賦予一個(gè)適宜的氛圍和內(nèi)在情緒。

詳細(xì)的說(shuō)是首先充分了解這個(gè)項(xiàng)目背景，找準(zhǔn)需求目的、受眾人群；從而提煉一個(gè)可以把這些元素巧妙的融合串聯(lián)的承載場(chǎng)景；最后用適宜的視覺(jué)元素、色彩鋪陳等等為頁(yè)面注入合適主題的情緒——或熱烈、或清新可愛(ài)甚至是傷感等等，從而和用戶(hù)的情感銜接，感染到用戶(hù)的情緒，神不知鬼不覺(jué)中完成活動(dòng)目標(biāo)，擊中你的用戶(hù)。

青島網(wǎng)站設(shè)計(jì)上為大眾所喜聞樂(lè)見(jiàn)的活動(dòng)專(zhuān)題頁(yè)面基本是：以漂亮精美有視覺(jué)張力的人物及卡通形象做視覺(jué)主體+有效襯托主題的場(chǎng)景元素做渲染背景，結(jié)合活動(dòng)的主題、操作詳情等等元素，達(dá)成體驗(yàn)上清晰便捷、視覺(jué)上有沖擊力和感染力的頁(yè)面，像這些：

問(wèn)題：

這類(lèi)的頁(yè)面往往乍一看很吸引，但沒(méi)有太多內(nèi)在力量，并且我本身負(fù)責(zé)的項(xiàng)目之前以紅鉆營(yíng)收為主，常面臨素材缺失的問(wèn)題（受紅鉆特性所限，QQ秀形象和場(chǎng)景均比較單薄，缺少像游戲、品牌專(zhuān)題那類(lèi)有飽滿(mǎn)的原畫(huà)、麻豆形象做視覺(jué)主體）并且頁(yè)面中的文字內(nèi)容常常比較繁冗；少了形象主體加持，還要承載相對(duì)繁瑣的文字元素，如何把頁(yè)面做的吸引用戶(hù)、并經(jīng)得起長(zhǎng)時(shí)間停留？再者即便有了主體素材，如何將內(nèi)容清晰條理的呈現(xiàn)？讓頁(yè)面少一些俗氣，真正的感染到用戶(hù)的心里?

舉例：

01  財(cái)付通網(wǎng)銀開(kāi)通鉆中獎(jiǎng)活動(dòng)  (2011.9)

(這是去年剛?cè)肼毜囊粋€(gè)需求，有些糙，但也是從這里引發(fā)情境化的設(shè)計(jì)方法）。這是個(gè)常見(jiàn)的抽獎(jiǎng)活動(dòng),只要用戶(hù)在這里開(kāi)通業(yè)務(wù):就得到游戲權(quán)限以翻牌的形式抽取獎(jiǎng)品。先看看前期產(chǎn)品給到的相關(guān)：

只有一個(gè)感覺(jué)：平淡 沒(méi)意思 。這個(gè)路線的最終輸出絕對(duì)會(huì)被用戶(hù)無(wú)視。并且用來(lái)吸引用戶(hù)的獎(jiǎng)品（虛擬徽章什么的)元素也不具備充足的吸引力…想來(lái)想去,略有吸引力的也就是翻牌的游戲會(huì)有一定的趣味性，并且這又是本活動(dòng)的核心操作，值得凸顯?；谶@個(gè)思路，不如就直接來(lái)個(gè)玩牌的場(chǎng)景，突出翻牌操作，頂視圖的視角又能夠巧妙的把活動(dòng)獎(jiǎng)品，繁瑣的事項(xiàng)、名單展示等等說(shuō)明一起融合在場(chǎng)景中；最后用皮革、金筆等元素烘托出華麗貴氣的氣氛，讓用戶(hù)進(jìn)到這頁(yè)面就有一秒鐘變有錢(qián)人，看到賭場(chǎng)就想甩錢(qián)出愿意玩一把的感覺(jué)…

輸出：

02  Q秀拼圖開(kāi)啟紅鉆特權(quán)活動(dòng)  (2012.4)

這個(gè)活動(dòng)也是個(gè)輕量小游戲：紅鉆品牌圖被分割成小方塊，通過(guò)鼠標(biāo)點(diǎn)擊拼裝成完整的圖片；客觀的講沒(méi)啥好玩兒。這個(gè)拼圖的核心操作怎么讓用戶(hù)有玩的興趣，想了很久，包括做個(gè)很酷炫的場(chǎng)景什么的，但是一方面時(shí)間成本太高，一方面輕量到不行的小游戲怎么撐的起…

靈光一閃（周?chē)袀€(gè)交互同學(xué)在炫耀新鮮牛排）想到包裝成一個(gè)iPad版的游戲…讓廣大屌絲用戶(hù)有種在玩iPad游戲的幻覺(jué)。4月份的深圳草長(zhǎng)鶯飛藍(lán)天白云，是游戲時(shí)最喜歡的清爽舒服無(wú)壓力的環(huán)境，用來(lái)做頁(yè)面背景也自然是極好的，同時(shí)加上略帶童話幻想的天空之城元素… 希望點(diǎn)進(jìn)來(lái)的用戶(hù)一進(jìn)來(lái)就放松，看到iPad就想玩，就算不好玩兒在這里多呆一會(huì)兒也舒服；

輸出：

03  情侶紅鉆 尋找愛(ài)的另一半  (2012.4)

本活動(dòng)提供出一個(gè)平臺(tái)：?jiǎn)紊淼娜艘部梢蚤_(kāi)通情侶紅鉆，在海量的用戶(hù)一定有另一個(gè)單身的人有緣和你綁定（第一反應(yīng)想到是非誠(chéng)勿擾陌陌什么的）。

經(jīng)過(guò)交互大臉文筆包裝：尋找愛(ài)的另一半。給我感覺(jué)勇敢和傷感并存。為了避免以“愛(ài)“之名的活動(dòng)輕浮草率，同時(shí)也拉攏玩游戲有購(gòu)買(mǎi)習(xí)慣的用戶(hù)，決定拋棄常規(guī)活動(dòng)熱鬧、營(yíng)銷(xiāo)的感覺(jué)，用憂(yōu)傷、浪漫、有情感渲染力量的視覺(jué)做主調(diào)（人類(lèi)的快樂(lè)轉(zhuǎn)眼就忘記，傷感的東西反而更有力感人）。詩(shī)人依賴(lài)月亮，戀人依賴(lài)肩膀… 有什么比和相愛(ài)的人依偎著看歲月變遷宇宙洪荒什么的更感人? 場(chǎng)景出來(lái)了，情緒明確了，設(shè)計(jì)就好做了。

輸出：

>

總結(jié)：

1. 素材不充分的時(shí)候，可以自己創(chuàng)作一些元素。不需要像游戲原畫(huà)那么精妙的小畫(huà).只要適應(yīng)主題就會(huì)有很好的效果。

2. 多看多看再多看… 這也是之前很多前輩都講過(guò)的設(shè)計(jì)師最有效的方法。

3. 保持感性的心，忘記哪位大神說(shuō)的：永遠(yuǎn)年輕，永遠(yuǎn)熱淚盈眶。設(shè)計(jì)師更應(yīng)該如此，能夠感動(dòng)自己的東西才有感染別人的可能。