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

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

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

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

圖二：qipai類頁面設(shè)計，在較少的內(nèi)容信息情況下，通常將第一屏作為首要信息顯示區(qū)域。頁面設(shè)計除了營造強烈的氛圍以之外，設(shè)計師對頁面細節(jié)設(shè)計有很高的要求，桌面質(zhì)感處理的比較細膩。在這樣的靜態(tài)頁面中，也可以體驗到較強的游戲感。

圖三：射擊類頁面設(shè)計，虛擬現(xiàn)實場景的方式，結(jié)合了游戲內(nèi)部元素。模擬頁面場景，具有較強的帶入感。重點內(nèi)容明確?？勺鳛榻梃b游戲獎品禮包領(lǐng)取類頁面的設(shè)計。

網(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)，這樣一方面把頁面的詳情流程注意事項等內(nèi)容既完整清晰的陳列出來， 并且再一方面能夠抓住用戶的眼球，感染到用戶的心田，擊中用戶。情景化=情緒+場景。我小提煉了自己的方法：STEP1:提煉當(dāng)前需求的核心目的和核心操作，STEP2:提供一個可以被好承載的場景， STEP3:賦予一個適宜的氛圍和內(nèi)在情緒。

詳細的說是首先充分了解這個項目背景，找準需求目的、受眾人群;從而提煉一個可以把這些元素巧妙的融合串聯(lián)的承載場景;最后用適宜的視覺元素、色彩鋪陳等等為頁面注入合適主題的情緒——或熱烈、或清新可愛甚至是傷感等等，從而和用戶的情感銜接，感染到用戶的情緒，神不知鬼不覺中完成活動目標，擊中你的用戶。

工作中的思索和嘗試

網(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)意之路。

網(wǎng)站題目：淺談網(wǎng)頁情景化設(shè)計方法
轉(zhuǎn)載源于：http://www.bm7419.com/news48/163648.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、動態(tài)網(wǎng)站、做網(wǎng)站、微信小程序、云服務(wù)器、定制網(wǎng)站

廣告

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