淺談移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)理念

王昊

摘 要：科技的發(fā)展改變了人們的生活方式，也逐漸改變了人們的觀念。移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)理念在傳統(tǒng)平面設(shè)計(jì)的基礎(chǔ)上產(chǎn)生了許多新的變化。探討了如果做好頁(yè)面設(shè)計(jì)、用戶喜愛(ài)什么樣的網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)端網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)的特點(diǎn)，以期為相關(guān)單位的從業(yè)者帶來(lái)一些思考和啟發(fā)。

關(guān)鍵詞：移動(dòng)設(shè)備；網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)；市場(chǎng)營(yíng)銷；客戶資源

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.15913/j.cnki.kjycx.2016.08.033

目前，移動(dòng)媒體的發(fā)展方興未艾，人們常通過(guò)智能手機(jī)、平板電腦瀏覽網(wǎng)絡(luò)頁(yè)面。移動(dòng)端的網(wǎng)絡(luò)頁(yè)面與臺(tái)式電腦的網(wǎng)頁(yè)在視覺(jué)設(shè)計(jì)上的基本規(guī)律是相同的。但是移動(dòng)端有自身的特點(diǎn)，比如人們可在移動(dòng)中利用其瀏覽頁(yè)面。因此，在移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)過(guò)程中，需要注意其具有的特殊性。無(wú)論是企業(yè)的管理者，還是市場(chǎng)營(yíng)銷的實(shí)施者和網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)者，都需要不斷適應(yīng)社會(huì)的發(fā)展，滿足市場(chǎng)的需求，探索移動(dòng)端網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)的新理念。

1 如何做好頁(yè)面設(shè)計(jì)

美觀度高的設(shè)計(jì)不等于優(yōu)秀的設(shè)計(jì)。在網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)中，美觀度只是一方面，更為重要的是實(shí)用性。大多數(shù)設(shè)計(jì)師都在研究頁(yè)面的美術(shù)形式，認(rèn)為美觀度高的頁(yè)面能吸引更多的用戶，從而獲得更好的營(yíng)銷效果。這是一種傳統(tǒng)的觀念，也是一種落后的理念。一個(gè)非常美觀的網(wǎng)絡(luò)頁(yè)面可能會(huì)吸引很多用戶的目光，但這些用戶是否可方便地獲取更多的產(chǎn)品信息，瀏覽頁(yè)面的用戶是否會(huì)成為產(chǎn)品的消費(fèi)者，這是設(shè)計(jì)者需要考慮的問(wèn)題。新的設(shè)計(jì)理念應(yīng)以提高頁(yè)面的轉(zhuǎn)化率為核心，即瀏覽頁(yè)面的普通用戶通過(guò)視覺(jué)感受以及對(duì)營(yíng)銷活動(dòng)的參與，進(jìn)而轉(zhuǎn)化為實(shí)際的消費(fèi)者。因此，從管理者到頁(yè)面設(shè)計(jì)者，都需要以營(yíng)銷策略來(lái)指導(dǎo)視覺(jué)設(shè)計(jì)的具體形式。只有這樣，才能設(shè)計(jì)出既美觀又實(shí)用的頁(yè)面。

在移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)過(guò)程中，有很多技巧可提高消費(fèi)者的轉(zhuǎn)化率。具體而言，不能單純地依靠美術(shù)形式，而應(yīng)從營(yíng)銷的視角來(lái)布局網(wǎng)頁(yè)和思考設(shè)計(jì)，指導(dǎo)每一個(gè)細(xì)節(jié)的圖形、文字處理，認(rèn)真思考頁(yè)面的結(jié)構(gòu)布局、圖形的創(chuàng)意、色彩的搭配、每個(gè)按鈕的位置。此外，設(shè)計(jì)師需要從企業(yè)和消費(fèi)者兩個(gè)角度進(jìn)行雙向思考，從而真正提高頁(yè)面設(shè)計(jì)的轉(zhuǎn)化率。

要想提高消費(fèi)者轉(zhuǎn)化率，實(shí)現(xiàn)營(yíng)銷目標(biāo)，就需要設(shè)計(jì)便于互動(dòng)的用戶界面，從而形成一套完備的站內(nèi)咨詢系統(tǒng)。比如，在互動(dòng)界面中，用戶可通過(guò)點(diǎn)擊“查詢”按鈕直接咨詢客服人員，并通過(guò)掃描二維碼方便地獲取信息。這些咨詢、互動(dòng)的入口設(shè)計(jì)應(yīng)設(shè)置在頁(yè)面中明顯的位置，且應(yīng)出現(xiàn)多次，從而使不同頁(yè)面的互動(dòng)按鈕與咨詢?nèi)肟诠餐M建成一個(gè)便捷的交互系統(tǒng)。在頁(yè)面中，便捷的站內(nèi)咨詢系統(tǒng)為用戶提供了進(jìn)一步獲得信息的渠道，也為商家留住用戶提供了平臺(tái)。用戶通過(guò)該系統(tǒng)可查詢到更多的產(chǎn)品的圖片信息，還可直接咨詢客服人員，參加預(yù)約報(bào)名等各種活動(dòng)。此外，客服人員通過(guò)與用戶的進(jìn)一步溝通，可有效解答用戶的問(wèn)題和深入介紹產(chǎn)品，從而促成消費(fèi)。當(dāng)用戶輸入了個(gè)人信息或咨詢問(wèn)題后，后臺(tái)的客服軟件系統(tǒng)將會(huì)自動(dòng)記錄并分類統(tǒng)計(jì)這些信息，最終匯總到用戶資料庫(kù)中。在此情況下，便捷的頁(yè)面設(shè)計(jì)形式、方便的咨詢?nèi)肟凇⒂脩魯?shù)據(jù)的收集和分析等共同建立了一套完整的客服系統(tǒng)。這不僅可促進(jìn)產(chǎn)品銷售，也可通過(guò)大數(shù)據(jù)分析制訂出更加科學(xué)、合理的營(yíng)銷策略。

2 用戶喜愛(ài)什么樣的網(wǎng)頁(yè)設(shè)計(jì)

移動(dòng)端瀏覽頁(yè)面的設(shè)計(jì)者需要充分考慮用戶會(huì)選擇什么樣的設(shè)計(jì)產(chǎn)品。對(duì)于設(shè)計(jì)者而言，應(yīng)運(yùn)用文字、圖形、色彩等元素對(duì)頁(yè)面內(nèi)容進(jìn)行視覺(jué)表現(xiàn)，并運(yùn)用消費(fèi)大眾能理解和接受的視覺(jué)語(yǔ)言。由此可見(jiàn)，頁(yè)面的視覺(jué)設(shè)計(jì)不僅需要運(yùn)用合理的藝術(shù)手段和媒體技術(shù)，還涉及營(yíng)銷學(xué)、心理學(xué)、市場(chǎng)學(xué)、設(shè)計(jì)學(xué)、美學(xué)等多種學(xué)科的理論知識(shí)。網(wǎng)絡(luò)頁(yè)面是企業(yè)的展示臺(tái)，每一位瀏覽頁(yè)面的用戶都是企業(yè)的客戶資源，且這種資源是非常寶貴的，但很多企業(yè)還未認(rèn)識(shí)到這種客戶資源的重要性。很多網(wǎng)絡(luò)銷售人員將這種客戶資源稱為“網(wǎng)絡(luò)客資”，其中，很大一部分用戶可轉(zhuǎn)化為消費(fèi)者。隨著人們生活方式的逐漸改變，網(wǎng)絡(luò)客資成為越來(lái)越重要的用戶來(lái)源。這就需要企業(yè)建立一套互動(dòng)咨詢系統(tǒng)，充分利用能吸引訪客的先進(jìn)技術(shù)，比如對(duì)網(wǎng)頁(yè)后臺(tái)軟件、大數(shù)據(jù)分析軟件等整合各種資源，從而吸引更多的用戶，最終將其轉(zhuǎn)化為消費(fèi)者。

很多網(wǎng)頁(yè)設(shè)計(jì)產(chǎn)品能為用戶提供某種服務(wù)，比如網(wǎng)頁(yè)上信息咨詢、專業(yè)技術(shù)指導(dǎo)等。在網(wǎng)絡(luò)頁(yè)面中，每一個(gè)細(xì)節(jié)的視覺(jué)設(shè)計(jì)都應(yīng)從用戶的角度出發(fā)，從而為用戶提供更好的服務(wù)。此外，在實(shí)現(xiàn)服務(wù)功能的同時(shí)，頁(yè)面的視覺(jué)設(shè)計(jì)還應(yīng)吸引潛在用戶，促使其消費(fèi)。用戶在瀏覽頁(yè)面的過(guò)程中，應(yīng)能方便、快捷地獲取所需要的信息，并能咨詢相關(guān)問(wèn)題、參與營(yíng)銷活動(dòng)，從而通過(guò)系統(tǒng)化的視覺(jué)設(shè)計(jì)自然而然地享受貼心的服務(wù)。

想要通過(guò)網(wǎng)絡(luò)頁(yè)面的視覺(jué)設(shè)計(jì)吸引用戶，則必須在網(wǎng)頁(yè)中體現(xiàn)風(fēng)格迥異的品牌形象、新穎獨(dú)特的圖形創(chuàng)意、絢麗紛呈的色彩搭配以及靈活多樣的版式編排。具體而言，視覺(jué)設(shè)計(jì)中應(yīng)明確在哪種載體上傳達(dá)信息、產(chǎn)品傳遞給用戶的方式，且這種視覺(jué)傳達(dá)的過(guò)程必須是有策略、有步驟的。只有這樣，才能確保達(dá)到預(yù)期目標(biāo)。

以婚紗攝影公司的網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)為例，設(shè)計(jì)者可從營(yíng)銷策略的角度分析，按照季節(jié)的不同、節(jié)假日安排、流行元素等外在因素進(jìn)行視覺(jué)設(shè)計(jì)。值得注意的是，移動(dòng)端的網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)不可能同時(shí)滿足所有用戶的要求。如果設(shè)計(jì)者以滿足所有用戶的要求為設(shè)計(jì)目標(biāo)，則其很可能創(chuàng)作出平庸的設(shè)計(jì)產(chǎn)品。企業(yè)應(yīng)按照自身的營(yíng)銷策略，在不同的時(shí)期突出不同的營(yíng)銷重點(diǎn)，在圖片、文字上突出自身的優(yōu)勢(shì)特征。獨(dú)特的產(chǎn)品優(yōu)勢(shì)可源于很多方面，因此，企業(yè)應(yīng)因勢(shì)利導(dǎo)地選擇和應(yīng)用某一產(chǎn)品優(yōu)勢(shì)。具體而言，應(yīng)在視覺(jué)設(shè)計(jì)中突出產(chǎn)品的賣點(diǎn)，或別出心裁地介紹產(chǎn)品的功能。總而言之，設(shè)計(jì)者應(yīng)體現(xiàn)產(chǎn)品獨(dú)特的優(yōu)勢(shì)。該優(yōu)勢(shì)既可以是商品自身具有的，也可以是企劃人員策劃和設(shè)計(jì)出來(lái)的，即專門用于包裝、宣傳的優(yōu)勢(shì)特征。

3 移動(dòng)端網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)的特點(diǎn)

3.1 視覺(jué)設(shè)計(jì)應(yīng)簡(jiǎn)潔、醒目

移動(dòng)端的頁(yè)面設(shè)計(jì)與電腦網(wǎng)頁(yè)的設(shè)計(jì)不完全相同。由于移動(dòng)設(shè)備的顯示屏幕較小，所以，在頁(yè)面中不需要設(shè)計(jì)過(guò)多的裝飾和點(diǎn)綴。此外，移動(dòng)端頁(yè)面中的圖片、文字的設(shè)計(jì)形式會(huì)受到后臺(tái)程序的限制，因此，圖片應(yīng)清晰，文字標(biāo)題應(yīng)言簡(jiǎn)意賅，字體應(yīng)醒目。如果移動(dòng)端網(wǎng)絡(luò)頁(yè)面中的圖片過(guò)多、色彩變化過(guò)大、細(xì)節(jié)過(guò)多，則可能破壞視覺(jué)效果，導(dǎo)致頁(yè)面主題含糊不清，重點(diǎn)不明確。

3.2 在色彩搭配中強(qiáng)調(diào)反差和對(duì)比

一些設(shè)計(jì)效果較好的移動(dòng)端頁(yè)面設(shè)計(jì)，尤其是智能手機(jī)上的頁(yè)面設(shè)計(jì)多采用大紅、橙黃、鈷藍(lán)等較為明快、艷麗的色彩作為主色調(diào)。其頁(yè)面多利用補(bǔ)色關(guān)系進(jìn)行色彩搭配，形成了強(qiáng)烈的色彩對(duì)比，且強(qiáng)調(diào)了圖片、文字與背景色調(diào)的反差。比如，在中黃色的背景上使用紫色的文字和藍(lán)紫色的圖片時(shí)，黃色與紫色便形成了補(bǔ)色關(guān)系，這也是反差最強(qiáng)烈的色彩關(guān)系之一。此外，由于移動(dòng)設(shè)備的顯示屏幕較小，所以，常采用黑色、白色、灰色為背景色，這些顏色的個(gè)性隨和，易與其他顏色搭配，且易襯托出頁(yè)面主體。

3.3 完善互動(dòng)入口

雖然移動(dòng)端的頁(yè)面設(shè)計(jì)應(yīng)簡(jiǎn)潔，圖、文應(yīng)盡量壓縮，但需要設(shè)計(jì)一個(gè)互動(dòng)交流系統(tǒng)。當(dāng)用戶找到感興趣的內(nèi)容或有問(wèn)題需要解答時(shí)，通過(guò)該系統(tǒng)能很方便地找到導(dǎo)航入口，進(jìn)入內(nèi)容更加詳細(xì)的頁(yè)面或直接與客服人員溝通。由此可見(jiàn)，在移動(dòng)端網(wǎng)絡(luò)頁(yè)面中設(shè)計(jì)互動(dòng)交流系統(tǒng)尤為重要。目前，多數(shù)移動(dòng)設(shè)備的顯示屏幕較小，用戶需要不斷點(diǎn)擊進(jìn)入下一級(jí)頁(yè)面才能看到更加詳細(xì)的內(nèi)容。因此，移動(dòng)端網(wǎng)頁(yè)每一級(jí)頁(yè)面的文字應(yīng)簡(jiǎn)短、明確。只有這樣，才能使用戶快速地獲得信息，以最快的速度瀏覽全部?jī)?nèi)容，并便捷地與客服人員交流。

3.4 通過(guò)設(shè)計(jì)占據(jù)客戶資源

在移動(dòng)端頁(yè)面設(shè)計(jì)中，頁(yè)面的形式必須能被后臺(tái)程序支持，圖片、文字、編排版式都有一定的設(shè)計(jì)標(biāo)準(zhǔn)，具有獨(dú)特的設(shè)計(jì)規(guī)律。設(shè)計(jì)者雖然不能完全自由地進(jìn)行頁(yè)面設(shè)計(jì)，但可通過(guò)優(yōu)惠券、禮品券以及抽獎(jiǎng)活動(dòng)等不同的營(yíng)銷方式吸引用戶，從而提高用戶對(duì)頁(yè)面的關(guān)注度。此外，還可邀請(qǐng)用戶至實(shí)體店參與線下活動(dòng)，體驗(yàn)現(xiàn)實(shí)中的服務(wù)，從而進(jìn)一步了解商品。值得注意的是，應(yīng)設(shè)計(jì)可輸入用戶信息的入口，用戶在此入口輸入個(gè)人信息后可獲得優(yōu)惠券或禮物，從而提升用戶的參與度。

3.5 豐富設(shè)計(jì)形式

交互設(shè)計(jì)師應(yīng)綜合運(yùn)用多種設(shè)計(jì)工具，采用靈活的設(shè)計(jì)方法，融入更多的時(shí)尚元素，從而使頁(yè)面設(shè)計(jì)具有生動(dòng)、多變的特點(diǎn)。由于移動(dòng)多頁(yè)面可分為多個(gè)層次，所以，可充分利用時(shí)間差穿插布設(shè)圖形，從而使視覺(jué)設(shè)計(jì)的效果絢麗奪目。目前，多數(shù)移動(dòng)端的網(wǎng)絡(luò)頁(yè)面采用了動(dòng)態(tài)設(shè)計(jì)，可自動(dòng)適合不同尺寸的顯示屏幕。

在一些新型營(yíng)銷模式的要求下，頁(yè)面設(shè)計(jì)的形式更加多樣化。比如，在私人訂制類型的產(chǎn)品頁(yè)面中，用戶可在一定范圍內(nèi)自由選擇產(chǎn)品的風(fēng)格、材質(zhì)、顏色，并輸入個(gè)性的參數(shù)值，下單之后企業(yè)會(huì)按照用戶的要求設(shè)計(jì)產(chǎn)品。這就要求企業(yè)提供的網(wǎng)絡(luò)頁(yè)面能按照用戶的操作快速進(jìn)行三維渲染，并制作相應(yīng)的產(chǎn)品效果圖。因此，在移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)中，應(yīng)圍繞構(gòu)圖、文字、圖形編排及后臺(tái)程序等創(chuàng)新。

4 結(jié)束語(yǔ)

科技的發(fā)展改變了人們的生活方式，也逐漸地改變了人們的觀念。移動(dòng)端網(wǎng)絡(luò)頁(yè)面的設(shè)計(jì)理念在傳統(tǒng)平面設(shè)計(jì)的基礎(chǔ)上產(chǎn)生了許多新的變化。本文探討了優(yōu)秀的頁(yè)面設(shè)計(jì)需要具備的特征，以期為相關(guān)單位的設(shè)計(jì)者提供參考和借鑒。

〔編輯：張思楠〕