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

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

關鍵詞

網站主題

分析資料

網頁設計的本質

用戶體驗

網頁文案

設計切入點

主要內容包括

網站的主題一定要明確

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

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

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

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

網站(zhan)文(wen)案寫(xie)作的4項技巧

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

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

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

網站(zhan)的(de)設(she)計首先要有一(yi)個(ge)明(ming)確(que)的(de)主題(ti)，明(ming)確(que)地告知瀏覽者(zhe)，網站(zhan)主要提(ti)供的(de)服(fu)務是什么，網站(zhan)可以解(jie)決的(de)問題(ti)是什么？否則，忽略(lve)了自身(shen)的(de)特(te)點，一(yi)味(wei)(wei)使用絢麗的(de)圖像來(lai)堆疊，一(yi)味(wei)(wei)使用眼(yan)花(hua)繚(liao)亂的(de)動(dong)畫來(lai)點綴(zhui)都是不(bu)可取的(de)。

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

首(shou)先網(wang)站(zhan)明確了訪問(wen)的3類用(yong)戶群：

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

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

3 潛在的培訓人(ren)員(yuan)。

對于意向特別強烈的瀏覽者，以(yi)“免費(fei)試聽”+“實訓案例展示”作(zuo)為(wei)載體，設計既簡單又實用(yong)的網站界面(mian)。同時，為(wei)了(le)便于瀏覽者選(xuan)擇，采用(yong)了(le)明度、飽和度較(jiao)高的黃色按(an)鈕來提示瀏覽者點擊，如(ru)圖(tu)2.1所(suo)示。

對于猶豫不決的瀏覽者，通過解答疑問、課程展示、培訓形式多樣化等作為載體(ti)，運用高明度(du)、輕松(song)的色彩來(lai)設計(ji)網站的界(jie)面，無形中為瀏覽者營造一種輕松(song)的學習氛圍(wei)，如圖2.2、圖2.3所示。

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

2.1.2 明確的主題清晰的內(nei)容(rong)

一(yi)個(ge)(ge)(ge)優秀的(de)(de)(de)風站(zhan)(zhan)(zhan)要(yao)有(you)(you)一(yi)個(ge)(ge)(ge)明(ming)確(que)的(de)(de)(de)主(zhu)(zhu)題(ti),整(zheng)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)(zhan)都要(yao)圍(wei)(wei)繞(rao)這個(ge)(ge)(ge)主(zhu)(zhu)題(ti),也就是(shi)(shi)我(wo)們在之前(qian)要(yao)明(ming)確(que)這個(ge)(ge)(ge)網(wang)站(zhan)(zhan)(zhan)有(you)(you)什(shen)么目的(de)(de)(de),用來(lai)做什(shen)么。例如大(da)眾化的(de)(de)(de)電商網(wang)站(zhan)(zhan)(zhan)主(zhu)(zhu)要(yao)以(yi)(yi)銷售大(da)眾化的(de)(de)(de)商品(pin)為主(zhu)(zhu)，所(suo)以(yi)(yi)設計(ji)(ji)的(de)(de)(de)主(zhu)(zhu)題(ti)自然(ran)就要(yao)圍(wei)(wei)繞(rao)簡單、易用來(lai)展開，反之，如果是(shi)(shi)設計(ji)(ji)奢華、高(gao)(gao)端(duan)的(de)(de)(de)珠寶、皮(pi)草等產品(pin)的(de)(de)(de)網(wang)站(zhan)(zhan)(zhan)，自然(ran)就要(yao)圍(wei)(wei)繞(rao)高(gao)(gao)端(duan)產品(pin)所(suo)表(biao)達(da)的(de)(de)(de)生活質量(liang)、商品(pin)所(suo)包含(han)的(de)(de)(de)藝術性、商品(pin)的(de)(de)(de)拓展價值等方面(mian)來(lai)確(que)定設計(ji)(ji)的(de)(de)(de)主(zhu)(zhu)題(ti)。然(ran)后，在具(ju)體的(de)(de)(de)設計(ji)(ji)中所(suo)有(you)(you)頁面(mian)都是(shi)(shi)圍(wei)(wei)繞(rao)著這個(ge)(ge)(ge)設計(ji)(ji)主(zhu)(zhu)題(ti)來(lai)制作頁面(mian)的(de)(de)(de)具(ju)體容(rong)。具(ju)體來(lai)說，我(wo)們所(suo)設計(ji)(ji)、提供的(de)(de)(de)內容(rong)應(ying)該準確(que)的(de)(de)(de)回答好(hao)以(yi)(yi)下4個(ge)(ge)(ge)問(wen)題(ti)的(de)(de)(de)答案：

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

2 企(qi)業能提供什(shen)么樣的產品和服務(wu)（信息）；

3 網站的目的消費者(zhe)和受眾的特點是什么；

4 企業產品和(he)服(fu)務適合什么樣的表現方式（風格），如圖2.6所示。

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

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

2.2.1 網站所(suo)屬行(xing)業(ye)的(de)資料分析(xi)

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

01 平面媒體(ti)資料的(de)分(fen)析(xi)，主要包(bao)括對行業(ye)內(nei)(nei)同類(lei)企(qi)業(ye)的(de)宣(xuan)傳冊資料的(de)分(fen)析(xi)及同類(lei)行業(ye)的(de)VI形象設計資料的(de)分(fen)析(xi)，因為(wei)這些資料代(dai)表(biao)了行業(ye)內(nei)(nei)企(qi)業(ye)的(de)基本形象和對外展示(shi)的(de)基本內(nei)(nei)容

02 分析(xi)網站所(suo)屬行(xing)業(ye)的(de)同類(lei)電視、網絡、移動(dong)(dong)媒體(ti)類(lei)視頻廣(guang)(guang)告(gao)(gao)。在(zai)目(mu)前(qian)移動(dong)(dong)化(hua)信息共享時代(dai)，這些(xie)視頻類(lei)廣(guang)(guang)告(gao)(gao)是人們(men)接觸最多的(de)廣(guang)(guang)告(gao)(gao)，通過分析(xi)這些(xie)廣(guang)(guang)告(gao)(gao)，我們(men)可(ke)以了解企業(ye)對外宣傳(chuan)的(de)主要訴(su)求點及廣(guang)(guang)告(gao)(gao)創(chuang)意的(de)表現形式，當然也(ye)包括一些(xie)基本(ben)的(de)色(se)彩搭配(pei)，如圖2.9、圖2.10所(suo)示(shi)。

03 分(fen)析行業的發(fa)展歷(li)史及前(qian)景。

這些資料(liao)一般可(ke)參(can)考(kao)一些具有權威(wei)性的網站所發布(bu)的數據統計。作為設計師，了解(jie)一些基(ji)本(ben)的行業數據，便于(yu)設計出既(ji)符合企業當前需要，又(you)預留未來網站改版(ban)和更新(xin)的余(yu)地。

2.2.2 同類網站(zhan)及競爭(zheng)對手網站(zhan)的分析

對于(yu)網(wang)站所屬行(xing)(xing)業競(jing)爭(zheng)對手資料的(de)分析，有助于(yu)加深設計(ji)師(shi)對整體(ti)行(xing)(xing)業的(de)把控，同時(shi)還(huan)可(ke)以(yi)提醒(xing)客戶，當資料不(bu)完整時(shi)給予必(bi)要(yao)的(de)提示，當網(wang)站的(de)功(gong)能不(bu)完善或不(bu)完整時(shi)也(ye)便于(yu)與客戶展開必(bi)要(yao)的(de)交流。

當設(she)計(ji)師對競(jing)爭對手(shou)的(de)網(wang)(wang)站(zhan)(zhan)資料進行分析(xi)完成以后，基(ji)本(ben)上就可以對企(qi)業(ye)網(wang)(wang)站(zhan)(zhan)的(de)風(feng)格(ge)定位、基(ji)本(ben)需求、同類網(wang)(wang)站(zhan)(zhan)的(de)優缺點(dian)等有(you)(you)了一定的(de)認識，這樣(yang)更(geng)便于設(she)計(ji)師按照企(qi)業(ye)的(de)需要(yao)找(zhao)到創意的(de)切入點(dian)，發(fa)(fa)揮(hui)自己的(de)優勢，設(she)計(ji)出更(geng)為(wei)完善(shan)和符(fu)合瀏(liu)覽者喜好的(de)網(wang)(wang)站(zhan)(zhan)。如圖2.11所示為(wei)韓國最(zui)大的(de)化妝(zhuang)品(pin)(pin)(pin)集團Amore Pacific愛(ai)茉(mo)莉(li)太平洋(yang)旗(qi)下的(de)品(pin)(pin)(pin)牌網(wang)(wang)站(zhan)(zhan)，主要(yao)代表性產品(pin)(pin)(pin)有(you)(you)夢妝(zhuang)多效礦物(wu)修容BB霜、夢妝(zhuang)隔離(li)霜、夢妝(zhuang)眼霜、夢妝(zhuang)粉餅等。我們(men)(men)發(fa)(fa)現該網(wang)(wang)站(zhan)(zhan)十分簡練，在突出產品(pin)(pin)(pin)的(de)質量(liang)和功效的(de)同時，通(tong)過(guo)健康(kang)、清秀的(de)模特(te)，也為(wei)我們(men)(men)傳達出了靚(jing)麗、健康(kang)、時尚的(de)生活觀念，如圖2.11所示。

所以，設計師明白了(le)競(jing)爭對手(shou)及同(tong)類(lei)網站的資料(liao)就可(ke)以在設計產品(pin)內容頁面的同(tong)時(shi)還可(ke)以設計出企業所包含更深層次的傳播訴求。

TIPS

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

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

就像一位網友(you)說的(de)那(nei)樣(yang)，美女(nv)長得(de)(de)美，但是后天的(de)美容同(tong)樣(yang)很重要。網頁設(she)計(ji)(ji)師如果希望獲得(de)(de)更大的(de)發(fa)展和設(she)計(ji)(ji)作品質量的(de)提升同(tong)樣(yang)需要注重對(dui)設(she)計(ji)(ji)資料的(de)自我積累。

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

01 手機(ji)電子(zi)商務:主要是(shi)考慮到4G時代的到來，移動互聯(lian)網(wang)(wang)必然會引起(qi)各個企業和(he)商家的重視，那么一(yi)直(zhi)相對應的手機(ji)網(wang)(wang)站的設計也就(jiu)隨之(zhi)升溫(wen)。

02 淘(tao)寶(bao)(bao)商(shang)城(cheng)：移動互(hu)聯時(shi)代，人們的(de)(de)(de)碎片(pian)時(shi)間也將(jiang)成為商(shang)家必爭的(de)(de)(de)領域之一(yi)，而類似B2B、B2C這種成熟的(de)(de)(de)網(wang)絡銷售模(mo)式(shi)必然(ran)需要及時(shi)地改版和服(fu)務質量的(de)(de)(de)提(ti)升，那么與(yu)之相(xiang)對應的(de)(de)(de)淘(tao)寶(bao)(bao)界面設(she)計、淘(tao)寶(bao)(bao)商(shang)城(cheng)界面設(she)計也就成為網(wang)頁設(she)計師可以拓展自我(wo)技能的(de)(de)(de)“白領”領域。如(ru)果您(nin)有興趣，可閱讀一(yi)下本系列圖書的(de)(de)(de)另一(yi)本姊妹書《淘(tao)寶(bao)(bao)店面設(she)計從入門到提(ti)高》。