在信息化時代的現(xiàn)在，網(wǎng)絡(luò)在人們生活已經(jīng)產(chǎn)生了巨大的影響力，網(wǎng)絡(luò)也在逐漸改變著人們的生活和習(xí)慣。然而，在如今信息大爆炸的今天，面對海量的網(wǎng)絡(luò)信息，怎樣才能實現(xiàn)既能吸引用戶眼球，又能快速準確地傳達信息呢?這不僅需要內(nèi)容本身具備較強吸引力，關(guān)鍵還在于一種比較常見的表達方式——網(wǎng)頁情景化設(shè)計。
什么是情景化設(shè)計?
特點：虛擬現(xiàn)實，給人以親切感，交互友好度較高，應(yīng)用領(lǐng)域廣泛涉及軟件、游戲、網(wǎng)頁等應(yīng)用。
情景化設(shè)計是一門綜合性極強的表現(xiàn)方式，它涉及到現(xiàn)實社會、文化、經(jīng)濟、市場、科技等諸多方面的因素。設(shè)計在很大程度上是既具藝術(shù)性，又有經(jīng)濟性的一種實用的藝術(shù)形態(tài)。
以上圖1-2都有共同的相似之處，并且我們都知道，網(wǎng)絡(luò)是個虛擬世界，而這個虛擬世界已經(jīng)逐步的深入到我們現(xiàn)實生活當(dāng)中，成為不可缺少的一部分。對于網(wǎng)頁設(shè)計來說，設(shè)計不僅僅是“平”的，而是多姿多彩的情景化世界。情景化網(wǎng)頁設(shè)計的未來發(fā)展趨勢就是這一切虛擬體驗正在成為現(xiàn)實感受，讓用戶快速融入頁面重點內(nèi)容當(dāng)中，直觀獲取有用信息。這對于提高產(chǎn)品運營信息傳遞起到了很好作用，使頁面信息表現(xiàn)的更加準確順暢，快速有效的把目標用戶帶入到頁面氛圍當(dāng)中。
網(wǎng)頁情景化優(yōu)勢
首先，情景化在網(wǎng)頁中運用，起到了提高信息傳輸和接收速率的作用，使信息的傳達更加順暢。情景化設(shè)計適用于各種領(lǐng)域及產(chǎn)品的網(wǎng)頁設(shè)計創(chuàng)意中，比如活動專題、新品推薦、游戲?qū)ｎ}、等等。情景化設(shè)計可以準確體現(xiàn)出頁內(nèi)容主題，并且能夠滿足目標用戶的各種需求，從而更大化的實現(xiàn)轉(zhuǎn)化率。
其次，情景化在網(wǎng)頁中運用，使得每個頁面呈現(xiàn)方式、布局畫面、整體效果增添了個性化色彩。如今，人們的生活方式開始個性化，所以走在潮流前線的設(shè)計理念和戰(zhàn)略也愈加復(fù)雜和個性化。在網(wǎng)頁中應(yīng)用情景化方式，不同的設(shè)計師對同一種產(chǎn)品有不同的展示方式，這樣做出的網(wǎng)頁永遠不會重復(fù)。
再次，情景化設(shè)計方式對設(shè)計師的創(chuàng)意開發(fā)起到一個促進作用，讓設(shè)計師主動融入這個作品，不是為了設(shè)計而設(shè)計，而是要全方位考慮該頁面中任何一個元素存在之合理性。不論哪種領(lǐng)域的設(shè)計，它都是一個互動的過程，設(shè)計的過程也不僅僅是設(shè)計師借助技術(shù)和發(fā)揮想象力的過程，還是設(shè)計師與使用者不斷對話表達使用者愿望的過程。情景化設(shè)計不僅讓設(shè)計師在設(shè)計風(fēng)格視野更開闊，而且這種發(fā)散思維更深一步的挖掘設(shè)計師潛能，在不斷摸索和創(chuàng)新中，實現(xiàn)自我的提升與價值。
巧用情景化表現(xiàn)方式
圖一：桌球類頁面設(shè)計，信息承載量相對比較大，頁面設(shè)計以內(nèi)容為主，表現(xiàn)形式作為輔助。烘托頁面整體氛圍，同時也突出主題信息的內(nèi)容。
圖二：棋牌類頁面設(shè)計，在較少的內(nèi)容信息情況下，通常將第一屏作為首要信息顯示區(qū)域。頁面設(shè)計除了營造強烈的氛圍以之外，設(shè)計師對頁面細節(jié)設(shè)計有很高的要求，桌面質(zhì)感處理的比較細膩。在這樣的靜態(tài)頁面中，也可以體驗到較強的游戲感。
圖三：射擊類頁面設(shè)計，虛擬現(xiàn)實場景的方式，結(jié)合了游戲內(nèi)部元素。模擬頁面場景，具有較強的帶入感。重點內(nèi)容明確。可作為借鑒游戲獎品禮包領(lǐng)取類頁面的設(shè)計。
工作中的思索和嘗試
網(wǎng)頁設(shè)計如同做文章一樣，不是一味的素材疊加，情景化網(wǎng)頁設(shè)計中包含著人、物、環(huán)境等各因素及其相互作用所形成的情景，其過程主要圍繞網(wǎng)頁主題內(nèi)容來進行情景描述，而網(wǎng)頁設(shè)計師在整個創(chuàng)意過程中至始至終都要保持局部與整體存在的合理性，不多不少恰到好處的運用素材修飾整體效果。 下面就是學(xué)習(xí)和嘗試的一些過程：
通常領(lǐng)取禮包的活動頁面，都會運用到游戲相關(guān)人物、標題、禮包、LOGO等素材，一般我們會簡單的將頁面的信息做好布局。在這個階段中，我們已經(jīng)給頁面基本的方向做了定位，當(dāng)然是需要和產(chǎn)品同事一起討論確認的。接著就是增加視覺細節(jié)和禮包內(nèi)容，并完成最終的設(shè)計稿。但是，我們有沒有花一點時間去思考一下，活動頁面的關(guān)鍵詞“四重好禮”。是否有其他更為貼切的設(shè)計方式呢?經(jīng)過一番思考，我們可以探索性的去嘗試，將禮包放在盒子里的設(shè)計思路。
討論后，我們需要將“禮包領(lǐng)取”按鈕和內(nèi)容保證首屏顯示，然而我們設(shè)想的打開盒子場景也是可行的，只需要把高度和內(nèi)容布局做調(diào)整。于是完成產(chǎn)品需求重點內(nèi)容顯示，融合產(chǎn)品運營的特點，是思考和探索嘗試的目的。但需求內(nèi)容比較多，首先除了對文字方案優(yōu)化，還需要設(shè)計師在視覺上進行優(yōu)化，強調(diào)視覺傳遞的重點。目的希望當(dāng)用戶打開頁面，可以直接操作領(lǐng)取按鈕，使用戶得到更友好的交互體驗。
最終我們完成情景化設(shè)計的嘗試。在這個過程中，設(shè)計需要和產(chǎn)品運營思路達成一致，然而必須是要求我們設(shè)計師主動和產(chǎn)品進行有效的溝通。保證設(shè)計符合視覺要求的同時，滿足產(chǎn)品內(nèi)容運營需求和目的。
網(wǎng)頁設(shè)計基于特定情景中用戶與產(chǎn)品或服務(wù)之間的互動，然而具體采用何總表達方式是設(shè)計師研究的關(guān)鍵之處。情景化設(shè)計是值得每一個網(wǎng)頁設(shè)計師深入研究和學(xué)習(xí)的一種技巧，掌握好這門技巧，將給你的設(shè)計思路開辟一條無限創(chuàng)意之路
注：更多精彩教程請關(guān)注三聯(lián)網(wǎng)頁設(shè)計教程 欄目，