99久久精品免费观看国产_久久无码人妻一区二区三区_50岁熟妇的呻吟声对白_毛很浓密超多黑毛的少妇

網(wang)站的(de)設計和(he)(he)建設離不開高質量的(de)前期策劃，網(wang)站策劃做得好，可以(yi)避(bi)免(mian)很(hen)多無謂的(de)返工和(he)(he)重復(fu)，而且(qie)對于(yu)網(wang)站的(de)后期推廣、維護(hu)等也(ye)具有(you)非常重要的(de)作用。本章(zhang)內容谷設計與(yu)大家一起(qi)分享網(wang)站策劃必知的(de)6項要點(dian)。

關鍵詞

網站主題

分析資料

網頁設計的本質

用戶體驗

網頁文案

設計切入點

主要內容包括

網站的主題一(yi)定要明確

分析背(bei)景材料3種途徑

用(yong)戶(hu)體驗(yan)設計4個要點

達到“設(she)計”目的5個要點

網頁界面設計的4個切入(ru)點(dian)

網站文案寫作的4項(xiang)技巧

2.1 網站的(de)主題一(yi)定要(yao)明確(que)

網(wang)站(zhan)的設(she)計，最終(zhong)是要給瀏覽者一(yi)(yi)個(ge)實(shi)實(shi)在在的獲取有效信息的載體，因(yin)此就必(bi)須要有一(yi)(yi)個(ge)十分明(ming)確的主(zhu)(zhu)題，然后在設(she)計主(zhu)(zhu)題的指導(dao)下，運用各種設(she)計技巧(qiao)來表(biao)現網(wang)站(zhan)的內(nei)容。本節內(nei)容，我們一(yi)(yi)起從瀏覽者類型、主(zhu)(zhu)題、內(nei)容3方(fang)面一(yi)(yi)起來體驗如何明(ming)確網(wang)站(zhan)的設(she)計主(zhu)(zhu)題。

2.1.1 按照用(yong)戶類(lei)型確定表現形式

網(wang)站(zhan)(zhan)的設計首先要有一個(ge)明確的主題(ti)，明確地告知瀏覽(lan)者，網(wang)站(zhan)(zhan)主要提(ti)供(gong)的服務是(shi)什么，網(wang)站(zhan)(zhan)可(ke)以解決的問題(ti)是(shi)什么？否則，忽略了自(zi)身(shen)的特點，一味使用絢麗的圖像來堆疊，一味使用眼花繚亂(luan)的動(dong)畫(hua)來點綴都是(shi)不可(ke)取的。

如(ru)圖(tu)2.1所示(shi)是(shi)一家教育培(pei)訓網站，該網站就是(shi)要滿(man)足有培(pei)訓需求(qiu)、希望獲得(de)一份滿(man)意工作的(de)應往屆大學畢業生、初入職場的(de)年輕人，所以在內容的(de)表現上(shang)采用了多入口、多形式的(de)交互(hu)方(fang)式，便于網站訪(fang)問(wen)者快速進行(xing)培(pei)訓咨詢。

首先網站明確(que)了訪問的3類用戶群：

1 參加(jia)培訓意向特別(bie)強烈的瀏覽者；

2 猶豫不決的(de)瀏(liu)覽者；

3 潛(qian)在的培訓人員。

對(dui)于意向特別(bie)強烈的瀏(liu)覽者(zhe)，以“免費試(shi)聽(ting)”+“實訓案例展示(shi)”作(zuo)為載體，設計既簡單又實用(yong)的網(wang)站界面(mian)。同時(shi)，為了(le)便于瀏(liu)覽者(zhe)選(xuan)擇，采用(yong)了(le)明(ming)度(du)、飽和(he)度(du)較高的黃色按鈕(niu)來(lai)提示(shi)瀏(liu)覽者(zhe)點(dian)擊，如圖2.1所示(shi)。

對于猶豫不(bu)決的(de)(de)瀏覽者，通過解答(da)疑問、課程展示(shi)、培(pei)訓形式多樣化等作為載體，運用高(gao)明(ming)度、輕松的(de)(de)色(se)彩來設計網站的(de)(de)界面，無形中為瀏覽者營(ying)造一種輕松的(de)(de)學習氛(fen)圍，如(ru)圖2.2、圖2.3所示(shi)。

對于潛(qian)在的(de)培訓人員，通過采用視覺沖擊(ji)力(li)較強的(de)banner圖(tu)像為瀏(liu)覽(lan)者(zhe)創造一個良好的(de)印象(xiang)，通過就業實例展示、師資力(li)量展示等作(zuo)為設計載體(ti)，最大限(xian)度的(de)降低瀏(liu)覽(lan)者(zhe)的(de)內心顧慮，提升網站(zhan)的(de)可(ke)信度，如圖(tu)2.4、圖(tu)2.5所示。

2.1.2 明(ming)確(que)的主題清(qing)晰的內容

一個(ge)(ge)優秀的(de)(de)(de)(de)風站(zhan)要(yao)有(you)一個(ge)(ge)明(ming)確(que)的(de)(de)(de)(de)主題(ti)(ti)(ti),整個(ge)(ge)網(wang)站(zhan)都要(yao)圍(wei)繞這(zhe)個(ge)(ge)主題(ti)(ti)(ti),也就(jiu)是(shi)我(wo)們(men)(men)在(zai)之前要(yao)明(ming)確(que)這(zhe)個(ge)(ge)網(wang)站(zhan)有(you)什么(me)目的(de)(de)(de)(de),用來做(zuo)什么(me)。例如大眾(zhong)化(hua)的(de)(de)(de)(de)電商(shang)網(wang)站(zhan)主要(yao)以銷售(shou)大眾(zhong)化(hua)的(de)(de)(de)(de)商(shang)品為主，所以設計(ji)(ji)的(de)(de)(de)(de)主題(ti)(ti)(ti)自然就(jiu)要(yao)圍(wei)繞簡單、易用來展(zhan)開，反之，如果是(shi)設計(ji)(ji)奢華(hua)、高端(duan)的(de)(de)(de)(de)珠(zhu)寶(bao)、皮(pi)草(cao)等產品的(de)(de)(de)(de)網(wang)站(zhan)，自然就(jiu)要(yao)圍(wei)繞高端(duan)產品所表(biao)達的(de)(de)(de)(de)生活質量、商(shang)品所包含的(de)(de)(de)(de)藝術性(xing)、商(shang)品的(de)(de)(de)(de)拓展(zhan)價值(zhi)等方面來確(que)定設計(ji)(ji)的(de)(de)(de)(de)主題(ti)(ti)(ti)。然后，在(zai)具體(ti)(ti)的(de)(de)(de)(de)設計(ji)(ji)中(zhong)所有(you)頁面都是(shi)圍(wei)繞著這(zhe)個(ge)(ge)設計(ji)(ji)主題(ti)(ti)(ti)來制作(zuo)頁面的(de)(de)(de)(de)具體(ti)(ti)容。具體(ti)(ti)來說，我(wo)們(men)(men)所設計(ji)(ji)、提(ti)供的(de)(de)(de)(de)內容應(ying)該準(zhun)確(que)的(de)(de)(de)(de)回(hui)答好以下4個(ge)(ge)問題(ti)(ti)(ti)的(de)(de)(de)(de)答案：

1 為(wei)誰提供服務和產(chan)品(pin)（信息）；

2 企業能提供(gong)什么樣(yang)的產品和服務（信(xin)息）；

3 網(wang)站的目的消費(fei)者和受眾的特(te)點(dian)是什么(me)；

4 企業產品和服(fu)務(wu)適(shi)合什(shen)么樣(yang)的表現方(fang)式（風(feng)格(ge)），如(ru)圖2.6所示。

2.2 分析背(bei)景材料(liao)3種(zhong)途徑

任何企業(ye)設計(ji)網(wang)(wang)站(zhan)都應(ying)該站(zhan)在(zai)瀏覽者(zhe)的角度去(qu)思考(kao)(kao)問題，而作為設計(ji)師(shi)，更應(ying)該考(kao)(kao)慮到(dao)用戶的特征和需求，這(zhe)樣才(cai)可以(yi)制作出可以(yi)為企業(ye)帶(dai)來(lai)盈利的網(wang)(wang)站(zhan)。所以(yi)，作為初學者(zhe)的我們在(zai)開始接觸網(wang)(wang)站(zhan)設計(ji)工作之前應(ying)該首(shou)先找到(dao)目標企業(ye)的相關資料(liao)進行(xing)必要的分(fen)析(xi)，做到(dao)了解資料(liao)、熟悉背(bei)(bei)景、明白(bai)需求。本節內容筆(bi)者(zhe)與大家一(yi)起分(fen)享分(fen)析(xi)背(bei)(bei)景材料(liao)的3個途徑。

2.2.1 網站(zhan)所屬行業的資料(liao)分析

設計網(wang)站之前首先需要對(dui)網(wang)站所屬行業的(de)(de)資料進行分析(xi)，做到明(ming)白行業的(de)(de)網(wang)站基(ji)本特征。對(dui)此，筆者認為可從(cong)以下3方面展開。

01 平(ping)面媒(mei)體資料(liao)(liao)的(de)(de)分(fen)析(xi)，主要(yao)包括對(dui)行(xing)業(ye)內(nei)同類(lei)企業(ye)的(de)(de)宣(xuan)傳(chuan)冊資料(liao)(liao)的(de)(de)分(fen)析(xi)及同類(lei)行(xing)業(ye)的(de)(de)VI形象設計資料(liao)(liao)的(de)(de)分(fen)析(xi)，因為這(zhe)些資料(liao)(liao)代表了行(xing)業(ye)內(nei)企業(ye)的(de)(de)基本形象和對(dui)外展(zhan)示(shi)的(de)(de)基本內(nei)容

02 分析網站(zhan)所(suo)屬行(xing)業的同類電視、網絡、移動媒體類視頻廣(guang)(guang)告。在目前移動化信息共享時代，這些視頻類廣(guang)(guang)告是人們(men)接觸最多的廣(guang)(guang)告，通(tong)過(guo)分析這些廣(guang)(guang)告，我們(men)可(ke)以了解企業對(dui)外宣傳的主要訴求點及(ji)廣(guang)(guang)告創意的表現形(xing)式，當然(ran)也包(bao)括一些基本的色彩搭配(pei)，如圖2.9、圖2.10所(suo)示。

03 分(fen)析行業(ye)的發(fa)展歷史(shi)及前景(jing)。

這些資(zi)料一(yi)般可參考(kao)一(yi)些具(ju)有權威性的(de)(de)網站所發布的(de)(de)數(shu)據統(tong)計。作為設(she)計師(shi)，了解一(yi)些基本(ben)的(de)(de)行業(ye)數(shu)據，便于設(she)計出既(ji)符合(he)企(qi)業(ye)當前需要，又預留未來網站改版和更新的(de)(de)余地。

2.2.2 同類網站及競爭對手網站的分(fen)析(xi)

對(dui)于(yu)網站所屬行業競爭對(dui)手(shou)資料的分析(xi)，有助于(yu)加深設計(ji)師(shi)對(dui)整體(ti)行業的把控，同時(shi)還可(ke)以提醒(xing)客(ke)戶(hu)，當資料不完整時(shi)給予必要(yao)(yao)的提示，當網站的功能不完善或(huo)不完整時(shi)也便于(yu)與客(ke)戶(hu)展(zhan)開必要(yao)(yao)的交(jiao)流。

當(dang)設計師對競(jing)爭(zheng)對手(shou)的(de)(de)(de)(de)(de)(de)網(wang)(wang)站資(zi)料(liao)進行分(fen)(fen)析完(wan)成以(yi)后，基本上就(jiu)可以(yi)對企業網(wang)(wang)站的(de)(de)(de)(de)(de)(de)風格定位(wei)、基本需(xu)求、同類(lei)網(wang)(wang)站的(de)(de)(de)(de)(de)(de)優(you)缺點(dian)等(deng)有(you)了(le)一定的(de)(de)(de)(de)(de)(de)認(ren)識，這樣更(geng)便于(yu)設計師按(an)照企業的(de)(de)(de)(de)(de)(de)需(xu)要找到創意的(de)(de)(de)(de)(de)(de)切入點(dian)，發(fa)揮自己的(de)(de)(de)(de)(de)(de)優(you)勢，設計出更(geng)為完(wan)善和符合(he)瀏覽者喜好的(de)(de)(de)(de)(de)(de)網(wang)(wang)站。如圖(tu)(tu)2.11所示為韓國最大(da)的(de)(de)(de)(de)(de)(de)化妝(zhuang)品(pin)集團Amore Pacific愛茉莉太平(ping)洋旗下的(de)(de)(de)(de)(de)(de)品(pin)牌網(wang)(wang)站，主要代表性產品(pin)有(you)夢(meng)妝(zhuang)多效(xiao)礦物修容BB霜(shuang)(shuang)、夢(meng)妝(zhuang)隔離霜(shuang)(shuang)、夢(meng)妝(zhuang)眼霜(shuang)(shuang)、夢(meng)妝(zhuang)粉餅等(deng)。我們發(fa)現該網(wang)(wang)站十分(fen)(fen)簡練，在(zai)突出產品(pin)的(de)(de)(de)(de)(de)(de)質量和功效(xiao)的(de)(de)(de)(de)(de)(de)同時，通過健康、清秀的(de)(de)(de)(de)(de)(de)模特，也為我們傳達(da)出了(le)靚麗、健康、時尚的(de)(de)(de)(de)(de)(de)生活觀(guan)念，如圖(tu)(tu)2.11所示。

所以(yi)，設(she)計師明白了競爭對(dui)手及同類網(wang)站的(de)資料就可(ke)以(yi)在設(she)計產品(pin)內容頁面的(de)同時還可(ke)以(yi)設(she)計出(chu)企業所包含更(geng)深層(ceng)次的(de)傳播(bo)訴求。

TIPS

提示(shi)：很多時候，客戶只會說我們想(xiang)要(yao)和某個公司類(lei)似的(de)(de)網(wang)站(zhan)，具(ju)體的(de)(de)規(gui)劃(hua)及要(yao)求都不會十分(fen)明確，需(xu)要(yao)我們在了解企業資料的(de)(de)基礎上(shang)給予必要(yao)的(de)(de)引導。

2.2.3 背景資料的(de)自我積攢

就像一(yi)位網友說的(de)那樣，美(mei)(mei)女(nv)長得美(mei)(mei)，但是后天的(de)美(mei)(mei)容同樣很(hen)重要。網頁設計師(shi)如(ru)果希望獲得更(geng)大的(de)發展和設計作品(pin)質量(liang)的(de)提升同樣需要注重對設計資料(liao)的(de)自我積累。

在信息(xi)技術飛速發(fa)展的(de)(de)(de)今天，設(she)計師已經不是簡單地通過套用幾個模板就(jiu)可(ke)以得到用戶認可(ke)的(de)(de)(de)初(chu)級階段了，更多時(shi)候(hou)需(xu)要我(wo)們加強自(zi)我(wo)的(de)(de)(de)知識積累。例(li)如，在目前情況(kuang)下，我(wo)們可(ke)注意搜(sou)集一些與手機(ji)網站(zhan)、Ipad平(ping)板電腦等移動(dong)網站(zhan)有關(guan)的(de)(de)(de)行業資料，這樣我(wo)們的(de)(de)(de)設(she)計價值也會隨著時(shi)代的(de)(de)(de)發(fa)展而不斷發(fa)展。下面筆者為大(da)家總結(jie)了關(guan)于(yu)網頁(ye)設(she)計師需(xu)要關(guan)注的(de)(de)(de)兩(liang)個領域。

01 手機(ji)電子(zi)商(shang)務:主要是考慮到4G時代的(de)到來，移動互聯網(wang)必然(ran)會(hui)引(yin)起(qi)各個企業和商(shang)家的(de)重視，那(nei)么一直(zhi)相對(dui)應(ying)的(de)手機(ji)網(wang)站(zhan)的(de)設(she)計也就隨(sui)之(zhi)升溫。

02 淘寶(bao)(bao)商城：移動互聯時(shi)代，人們(men)的碎片時(shi)間也將成(cheng)為(wei)商家必(bi)爭的領域之(zhi)一(yi)(yi)，而類似B2B、B2C這種(zhong)成(cheng)熟(shu)的網(wang)絡銷售模式必(bi)然需要(yao)及時(shi)地改(gai)版(ban)和服務(wu)質量的提升，那(nei)么與之(zhi)相對應的淘寶(bao)(bao)界面(mian)設計(ji)、淘寶(bao)(bao)商城界面(mian)設計(ji)也就(jiu)成(cheng)為(wei)網(wang)頁設計(ji)師(shi)可以拓展(zhan)自我(wo)技能的“白領”領域。如果您有興趣，可閱讀一(yi)(yi)下(xia)本(ben)系(xi)列圖書的另一(yi)(yi)本(ben)姊妹書《淘寶(bao)(bao)店(dian)面(mian)設計(ji)從入門到(dao)提高(gao)》。