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