網(wǎng)站的設(shè)計(jì)和建設(shè)離不開(kāi)高質(zhì)量的前期策劃,網(wǎng)站策劃做得好,可以避免很多無(wú)謂的返工和重復(fù),而且對(duì)于網(wǎng)站的后期推廣、維護(hù)等也具有非常重要的作用。本章內(nèi)容圭谷設(shè)計(jì)與大家一起分享網(wǎng)站策劃必知的6項(xiàng)要點(diǎn)。
關(guān)鍵詞
網(wǎng)站主題
分析資料
網(wǎng)頁(yè)設(shè)計(jì)的本質(zhì)
用戶(hù)體驗(yàn)
網(wǎng)頁(yè)文案
設(shè)計(jì)切入點(diǎn)
主要內(nèi)容包括
網(wǎng)站的主題一定要明確
分析背景材料3種途徑
用戶(hù)體驗(yàn)設(shè)計(jì)4個(gè)要點(diǎn)
達(dá)到“設(shè)計(jì)”目的5個(gè)要點(diǎn)
網(wǎng)頁(yè)界面設(shè)計(jì)的4個(gè)切入點(diǎn)
網(wǎng)站文案寫(xiě)作的4項(xiàng)技巧
2.1 網(wǎng)站的主題一定要明確
網(wǎng)站的設(shè)計(jì),最終是要給瀏覽者一個(gè)實(shí)實(shí)在在的獲取有效信息的載體,因此就必須要有一個(gè)十分明確的主題,然后在設(shè)計(jì)主題的指導(dǎo)下,運(yùn)用各種設(shè)計(jì)技巧來(lái)表現(xiàn)網(wǎng)站的內(nèi)容。本節(jié)內(nèi)容,我們一起從瀏覽者類(lèi)型、主題、內(nèi)容3方面一起來(lái)體驗(yàn)如何明確網(wǎng)站的設(shè)計(jì)主題。
2.1.1 按照用戶(hù)類(lèi)型確定表現(xiàn)形式
網(wǎng)站的設(shè)計(jì)首先要有一個(gè)明確的主題,明確地告知瀏覽者,網(wǎng)站主要提供的服務(wù)是什么,網(wǎng)站可以解決的問(wèn)題是什么?否則,忽略了自身的特點(diǎn),一味使用絢麗的圖像來(lái)堆疊,一味使用眼花繚亂的動(dòng)畫(huà)來(lái)點(diǎn)綴都是不可取的。
如圖2.1所示是一家教育培訓(xùn)網(wǎng)站,該網(wǎng)站就是要滿(mǎn)足有培訓(xùn)需求、希望獲得一份滿(mǎn)意工作的應(yīng)往屆大學(xué)畢業(yè)生、初入職場(chǎng)的年輕人,所以在內(nèi)容的表現(xiàn)上采用了多入口、多形式的交互方式,便于網(wǎng)站訪(fǎng)問(wèn)者快速進(jìn)行培訓(xùn)咨詢(xún)。
首先網(wǎng)站明確了訪(fǎng)問(wèn)的3類(lèi)用戶(hù)群:
1 參加培訓(xùn)意向特別強(qiáng)烈的瀏覽者;
2 猶豫不決的瀏覽者;
3 潛在的培訓(xùn)人員。
對(duì)于意向特別強(qiáng)烈的瀏覽者,以“免費(fèi)試聽(tīng)”+“實(shí)訓(xùn)案例展示”作為載體,設(shè)計(jì)既簡(jiǎn)單又實(shí)用的網(wǎng)站界面。同時(shí),為了便于瀏覽者選擇,采用了明度、飽和度較高的黃色按鈕來(lái)提示瀏覽者點(diǎn)擊,如圖2.1所示。
對(duì)于猶豫不決的瀏覽者,通過(guò)解答疑問(wèn)、課程展示、培訓(xùn)形式多樣化等作為載體,運(yùn)用高明度、輕松的色彩來(lái)設(shè)計(jì)網(wǎng)站的界面,無(wú)形中為瀏覽者營(yíng)造一種輕松的學(xué)習(xí)氛圍,如圖2.2、圖2.3所示。
對(duì)于潛在的培訓(xùn)人員,通過(guò)采用視覺(jué)沖擊力較強(qiáng)的banner圖像為瀏覽者創(chuàng)造一個(gè)良好的印象,通過(guò)就業(yè)實(shí)例展示、師資力量展示等作為設(shè)計(jì)載體,最大限度的降低瀏覽者的內(nèi)心顧慮,提升網(wǎng)站的可信度,如圖2.4、圖2.5所示。
2.1.2 明確的主題清晰的內(nèi)容
一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站都要圍繞這個(gè)主題,也就是我們?cè)?a target="_blank">青島網(wǎng)頁(yè)設(shè)計(jì)之前要明確這個(gè)網(wǎng)站有什么目的,用來(lái)做什么。例如大眾化的電商網(wǎng)站主要以銷(xiāo)售大眾化的商品為主,所以設(shè)計(jì)的主題自然就要圍繞簡(jiǎn)單、易用來(lái)展開(kāi),反之,如果是設(shè)計(jì)奢華、高端的珠寶、皮草等產(chǎn)品的網(wǎng)站,自然就要圍繞高端產(chǎn)品所表達(dá)的生活質(zhì)量、商品所包含的藝術(shù)性、商品的拓展價(jià)值等方面來(lái)確定設(shè)計(jì)的主題。然后,在具體的設(shè)計(jì)中所有頁(yè)面都是圍繞著這個(gè)設(shè)計(jì)主題來(lái)制作頁(yè)面的具體容。具體來(lái)說(shuō),我們所設(shè)計(jì)、提供的內(nèi)容應(yīng)該準(zhǔn)確的回答好以下4個(gè)問(wèn)題的答案:
1 為誰(shuí)提供服務(wù)和產(chǎn)品(信息);
2 企業(yè)能提供什么樣的產(chǎn)品和服務(wù)(信息);
3 網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么;
4 企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式(風(fēng)格),如圖2.6所示。
2.2 分析背景材料3種途徑
任何企業(yè)設(shè)計(jì)網(wǎng)站都應(yīng)該站在瀏覽者的角度去思考問(wèn)題,而作為設(shè)計(jì)師,更應(yīng)該考慮到用戶(hù)的特征和需求,這樣才可以制作出可以為企業(yè)帶來(lái)盈利的網(wǎng)站。所以,作為初學(xué)者的我們?cè)陂_(kāi)始接觸網(wǎng)站設(shè)計(jì)工作之前應(yīng)該首先找到目標(biāo)企業(yè)的相關(guān)資料進(jìn)行必要的分析,做到了解資料、熟悉背景、明白需求。本節(jié)內(nèi)容筆者與大家一起分享分析背景材料的3個(gè)途徑。
2.2.1 網(wǎng)站所屬行業(yè)的資料分析
設(shè)計(jì)網(wǎng)站之前首先需要對(duì)網(wǎng)站所屬行業(yè)的資料進(jìn)行分析,做到明白行業(yè)的網(wǎng)站基本特征。對(duì)此,筆者認(rèn)為可從以下3方面展開(kāi)。
01 平面媒體資料的分析,主要包括對(duì)行業(yè)內(nèi)同類(lèi)企業(yè)的宣傳冊(cè)資料的分析及同類(lèi)行業(yè)的VI形象設(shè)計(jì)資料的分析,因?yàn)檫@些資料代表了行業(yè)內(nèi)企業(yè)的基本形象和對(duì)外展示的基本內(nèi)容
02 分析網(wǎng)站所屬行業(yè)的同類(lèi)電視、網(wǎng)絡(luò)、移動(dòng)媒體類(lèi)視頻廣告。在目前移動(dòng)化信息共享時(shí)代,這些視頻類(lèi)廣告是人們接觸最多的廣告,通過(guò)分析這些廣告,我們可以了解企業(yè)對(duì)外宣傳的主要訴求點(diǎn)及廣告創(chuàng)意的表現(xiàn)形式,當(dāng)然也包括一些基本的色彩搭配,如圖2.9、圖2.10所示。
03 分析行業(yè)的發(fā)展歷史及前景。
這些資料一般可參考一些具有權(quán)威性的網(wǎng)站所發(fā)布的數(shù)據(jù)統(tǒng)計(jì)。作為設(shè)計(jì)師,了解一些基本的行業(yè)數(shù)據(jù),便于設(shè)計(jì)出既符合企業(yè)當(dāng)前需要,又預(yù)留未來(lái)網(wǎng)站改版和更新的余地。
2.2.2 同類(lèi)網(wǎng)站及競(jìng)爭(zhēng)對(duì)手網(wǎng)站的分析
對(duì)于網(wǎng)站所屬行業(yè)競(jìng)爭(zhēng)對(duì)手資料的分析,有助于加深設(shè)計(jì)師對(duì)整體行業(yè)的把控,同時(shí)還可以提醒客戶(hù),當(dāng)資料不完整時(shí)給予必要的提示,當(dāng)網(wǎng)站的功能不完善或不完整時(shí)也便于與客戶(hù)展開(kāi)必要的交流。
當(dāng)設(shè)計(jì)師對(duì)競(jìng)爭(zhēng)對(duì)手的網(wǎng)站資料進(jìn)行分析完成以后,基本上就可以對(duì)企業(yè)網(wǎng)站的風(fēng)格定位、基本需求、同類(lèi)網(wǎng)站的優(yōu)缺點(diǎn)等有了一定的認(rèn)識(shí),這樣更便于設(shè)計(jì)師按照企業(yè)的需要找到創(chuàng)意的切入點(diǎn),發(fā)揮自己的優(yōu)勢(shì),設(shè)計(jì)出更為完善和符合瀏覽者喜好的網(wǎng)站。如圖2.11所示為韓國(guó)最大的化妝品集團(tuán)Amore Pacific愛(ài)茉莉太平洋旗下的品牌網(wǎng)站,主要代表性產(chǎn)品有夢(mèng)妝多效礦物修容BB霜、夢(mèng)妝隔離霜、夢(mèng)妝眼霜、夢(mèng)妝粉餅等。我們發(fā)現(xiàn)該網(wǎng)站十分簡(jiǎn)練,在突出產(chǎn)品的質(zhì)量和功效的同時(shí),通過(guò)健康、清秀的模特,也為我們傳達(dá)出了靚麗、健康、時(shí)尚的生活觀(guān)念,如圖2.11所示。
所以,設(shè)計(jì)師明白了競(jìng)爭(zhēng)對(duì)手及同類(lèi)網(wǎng)站的資料就可以在設(shè)計(jì)產(chǎn)品內(nèi)容頁(yè)面的同時(shí)還可以設(shè)計(jì)出企業(yè)所包含更深層次的傳播訴求。
TIPS
提示:很多時(shí)候,客戶(hù)只會(huì)說(shuō)我們想要和某個(gè)公司類(lèi)似的網(wǎng)站,具體的規(guī)劃及要求都不會(huì)十分明確,需要我們?cè)诹私馄髽I(yè)資料的基礎(chǔ)上給予必要的引導(dǎo)。
2.2.3 背景資料的自我積攢
就像一位網(wǎng)友說(shuō)的那樣,美女長(zhǎng)得美,但是后天的美容同樣很重要。網(wǎng)頁(yè)設(shè)計(jì)師如果希望獲得更大的發(fā)展和設(shè)計(jì)作品質(zhì)量的提升同樣需要注重對(duì)設(shè)計(jì)資料的自我積累。
在信息技術(shù)飛速發(fā)展的今天,設(shè)計(jì)師已經(jīng)不是簡(jiǎn)單地通過(guò)套用幾個(gè)模板就可以得到用戶(hù)認(rèn)可的初級(jí)階段了,更多時(shí)候需要我們加強(qiáng)自我的知識(shí)積累。例如,在目前情況下,我們可注意搜集一些與手機(jī)網(wǎng)站、Ipad平板電腦等移動(dòng)網(wǎng)站有關(guān)的行業(yè)資料,這樣我們的設(shè)計(jì)價(jià)值也會(huì)隨著時(shí)代的發(fā)展而不斷發(fā)展。下面筆者為大家總結(jié)了關(guān)于網(wǎng)頁(yè)設(shè)計(jì)師需要關(guān)注的兩個(gè)領(lǐng)域。
01 手機(jī)電子商務(wù):主要是考慮到4G時(shí)代的到來(lái),移動(dòng)互聯(lián)網(wǎng)必然會(huì)引起各個(gè)企業(yè)和商家的重視,那么一直相對(duì)應(yīng)的手機(jī)網(wǎng)站的設(shè)計(jì)也就隨之升溫。
02 淘寶商城:移動(dòng)互聯(lián)時(shí)代,人們的碎片時(shí)間也將成為商家必爭(zhēng)的領(lǐng)域之一,而類(lèi)似B2B、B2C這種成熟的網(wǎng)絡(luò)銷(xiāo)售模式必然需要及時(shí)地改版和服務(wù)質(zhì)量的提升,那么與之相對(duì)應(yīng)的淘寶界面設(shè)計(jì)、淘寶商城界面設(shè)計(jì)也就成為網(wǎng)頁(yè)設(shè)計(jì)師可以拓展自我技能的“白領(lǐng)”領(lǐng)域。如果您有興趣,可閱讀一下本系列圖書(shū)的另一本姊妹書(shū)《淘寶店面設(shè)計(jì)從入門(mén)到提高》。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號(hào)-3