淺談網(wǎng)頁(yè)情景化設(shè)計(jì)方法

在信息高速發(fā)展的當(dāng)下，互聯(lián)網(wǎng)對(duì)人們的生活產(chǎn)生了巨大的影響力，同時(shí)也改變著人們的生活習(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ì)是一門綜合性極強(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)中。

巧用情景化表現(xiàn)方式

圖一：桌球類頁(yè)面設(shè)計(jì)，信息承載量相對(duì)比較大，頁(yè)面設(shè)計(jì)以內(nèi)容為主，表現(xiàn)形式作為輔助。烘托頁(yè)面整體氛圍，同時(shí)也突出主題信息的內(nèi)容。

圖二：qipai類頁(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è)情景化優(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à)值。

做”情境化”的視覺(jué)呈現(xiàn)，這樣一方面把頁(yè)面的詳情流程注意事項(xiàng)等內(nèi)容既完整清晰的陳列出來(lái)， 并且再一方面能夠抓住用戶的眼球，感染到用戶的心田，擊中用戶。情景化=情緒+場(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)甚至是傷感等等，從而和用戶的情感銜接，感染到用戶的情緒，神不知鬼不覺(jué)中完成活動(dòng)目標(biāo)，擊中你的用戶。

工作中的思索和嘗試

網(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í)的一種技巧，掌握好這門技巧，將給你的設(shè)計(jì)思路開(kāi)辟一條無(wú)限創(chuàng)意之路。

網(wǎng)頁(yè)標(biāo)題：淺談網(wǎng)頁(yè)情景化設(shè)計(jì)方法
網(wǎng)站地址：http://muchs.cn/news/163648.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)站導(dǎo)航、微信小程序、搜索引擎優(yōu)化、定制開(kāi)發(fā)、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)