作為一個(gè)Web設(shè)計(jì)師,更重要的一點(diǎn)是要有創(chuàng)意,沒(méi)有創(chuàng)意的網(wǎng)站是不成功的.
網(wǎng)站設(shè)計(jì)所需遵循的理念
1.要考慮帶寬的問(wèn)題;
2.要考慮適應(yīng)不同瀏覽器.不同分辨率的情況;
3.要注重色彩的搭配問(wèn)題;
4.要讓瀏覽者容易找到要找的東西,網(wǎng)頁(yè)內(nèi)容便于閱讀;
5.站點(diǎn)內(nèi)容要精.專.及時(shí)更新;
6.提供交互性
7.簡(jiǎn)單即為美
網(wǎng)站策劃設(shè)計(jì)
當(dāng)人們?cè)L問(wèn)你的站點(diǎn)時(shí),他們都會(huì)立即下意識(shí)地判斷:這個(gè)站點(diǎn)怎么樣？值不值的當(dāng)回事兒？是否值的把他加入到我的bookmark中去，要知道，在網(wǎng)絡(luò)信息的虛擬世界里，互聯(lián)網(wǎng)提供了天下大同的機(jī)會(huì)，同時(shí)也讓這個(gè)虛擬世界充斥著數(shù)不清的商業(yè)站點(diǎn)、垃圾站點(diǎn)，大多數(shù)站點(diǎn)缺乏靈魂、主旨，東一榔頭西一棒子，松散、混亂，原因就在于缺乏策劃設(shè)計(jì)。因此要想使你的網(wǎng)站從那些數(shù)不清的站點(diǎn)中脫穎而出，就必須對(duì)整個(gè)站點(diǎn)作好統(tǒng)籌安排，規(guī)劃，對(duì)所有的內(nèi)容進(jìn)行細(xì)意斟酌，把所有的意念合情合理的組織起來(lái)設(shè)計(jì)一個(gè)合理的頁(yè)面樣式。下面我們就具體的來(lái)探討一下網(wǎng)站策劃設(shè)計(jì).
首先確定web站點(diǎn)的營(yíng)銷目標(biāo):
1、市場(chǎng)調(diào)查階段
了解一下目前internet的發(fā)展?fàn)顩r以及同類站點(diǎn)的發(fā)展、經(jīng)營(yíng)狀況，吸取他們的長(zhǎng)處，找出自己的優(yōu)勢(shì)，對(duì)市場(chǎng)作個(gè)調(diào)查，明確自己網(wǎng)站的主題，尋找一個(gè)好的出發(fā)點(diǎn)。
2、你設(shè)想中的網(wǎng)站規(guī)模有多大？
作網(wǎng)站并不是盲目的想做多大就作多大，而要根據(jù)自身的現(xiàn)階段能力，以及企業(yè)的規(guī)模大小，確定你的網(wǎng)站是小型、中型、大規(guī)模的網(wǎng)站，還是從小規(guī)模的開(kāi)始，然后逐步發(fā)展。這主要的是關(guān)系到網(wǎng)站的后期維護(hù)以及網(wǎng)站的發(fā)展方向來(lái)考慮的。
3、確定網(wǎng)站的類別，你希望網(wǎng)站有怎樣的設(shè)計(jì)特色
根據(jù)主題、形式以及本身企業(yè)的特點(diǎn)，網(wǎng)站的設(shè)計(jì)也有不同的類別，大概可分為：以內(nèi)容為主，設(shè)計(jì)為輔，注重速度這種大型的專業(yè)網(wǎng)站，它一般體現(xiàn)在專業(yè)的icp，isp供應(yīng)商制作的網(wǎng)站，在設(shè)計(jì)這類網(wǎng)站時(shí)不要太花哨，應(yīng)注重信息量；**種大多數(shù)企業(yè)為了更好的宣傳自己的產(chǎn)品，擴(kuò)大銷路，使自己的產(chǎn)品走向世界，提高自己企業(yè)的形象而制作的網(wǎng)站，這種網(wǎng)站制作應(yīng)結(jié)合本身產(chǎn)品特點(diǎn)而制作的特色網(wǎng)站，相對(duì)來(lái)說(shuō)比較注重產(chǎn)品的營(yíng)銷；第三種是形象類的網(wǎng)站，一般這種網(wǎng)站相對(duì)體現(xiàn)在政府部門，作為對(duì)外一個(gè)窗口，相對(duì)來(lái)說(shuō)這種網(wǎng)站設(shè)計(jì)比較嚴(yán)肅；第四種是個(gè)人主頁(yè)網(wǎng)站，這種網(wǎng)站相對(duì)比較自由，不受什么約束，可以根據(jù)每個(gè)人自己的特長(zhǎng)自由發(fā)揮。因此我們?cè)谥谱髦黜?yè)時(shí)先明確自己的定位方向，設(shè)計(jì)出適合自己的站點(diǎn)。
4、你的主要目標(biāo)受眾是誰(shuí)？
根據(jù)網(wǎng)站的類別不同，目標(biāo)受眾也不一樣，有工商業(yè)者、專業(yè)人士、學(xué)生；女性，男性；兒童，青少年，中年人，老人；還是所有的人，比如教育類的網(wǎng)站相對(duì)來(lái)說(shuō)是目標(biāo)受眾是院校的老師和學(xué)生?；b類、護(hù)膚產(chǎn)品類的網(wǎng)站相對(duì)來(lái)說(shuō)是女性等。
5、確定整個(gè)網(wǎng)站的整體風(fēng)格
其實(shí)，這個(gè)原則和傳統(tǒng)的印刷出版物沒(méi)什么區(qū)別。你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一"很專業(yè)"的印象。
舉個(gè)簡(jiǎn)單例子。如果你在列示一二三四若干條的情況下，在每條前面用黑圓點(diǎn)加強(qiáng)視覺(jué)效果，那么其他類似地方，也應(yīng)該用保持同樣的風(fēng)格。色彩斑斕的站點(diǎn)，尤其要注意風(fēng)格的統(tǒng)一。顏色可以變，不過(guò)字體、主體文本對(duì)齊風(fēng)格、標(biāo)題、背景效果以及特殊圖像效果等等都應(yīng)保持統(tǒng)一。
很多缺乏編輯、出版背景的網(wǎng)友，很容易忽視這點(diǎn)，特別是網(wǎng)頁(yè)一多，更容易忘。
6、你準(zhǔn)備投入多少資金、如何經(jīng)營(yíng)這個(gè)網(wǎng)站？
對(duì)所作的網(wǎng)站大概的作個(gè)估價(jià)，需要多少資金，你準(zhǔn)備投入多少資金來(lái)運(yùn)營(yíng)這個(gè)網(wǎng)站，假設(shè)網(wǎng)站制作好以后如何經(jīng)營(yíng)這個(gè)網(wǎng)站，是全部由自己來(lái)做，還是委托專業(yè)服務(wù)來(lái)做，自己定期指導(dǎo)，還是設(shè)定要求、目標(biāo)完全由別人代勞。這是不可忽略的問(wèn)題，如果一個(gè)網(wǎng)站前期作的再好，后期沒(méi)人維護(hù)也是空的，就好比一條剛建好的街道，干干凈凈的，人們也比較喜磺凹復(fù)這里逛街，日久了，人走的人多了，垃圾多了這時(shí)沒(méi)人來(lái)管里，這樣垃圾越堆越多，走的人肯定也越來(lái)越少了。日久了也逐漸被人遺忘了。網(wǎng)站經(jīng)營(yíng)也是這個(gè)原理。
7、根據(jù)目標(biāo)框架整理出站點(diǎn)的內(nèi)容框架以及邏輯結(jié)構(gòu)圖
①把目標(biāo)細(xì)化以整理出站點(diǎn)內(nèi)容框架
基本確定的目標(biāo)，您就應(yīng)該把目標(biāo)細(xì)化，并初步整理出為達(dá)到這些目的，站點(diǎn)所需要包含的所有內(nèi)容了。例如，站點(diǎn)應(yīng)該發(fā)布什么信息，站點(diǎn)需要提供什么應(yīng)用程序，等等。然后，你應(yīng)該把初步定下的內(nèi)容綱要寫(xiě)下來(lái)，交給上級(jí)或業(yè)務(wù)人員審核批準(zhǔn)。這實(shí)際上就形成了站點(diǎn)設(shè)計(jì)的需求報(bào)告。在你的內(nèi)容綱要里，還應(yīng)該注明這些內(nèi)容的信息來(lái)源，哪個(gè)部門應(yīng)該提供哪方面的信息。把這些羅列下來(lái)，會(huì)使得上級(jí)以及各個(gè)相關(guān)部門清楚"誰(shuí)應(yīng)該為這些內(nèi)容負(fù)責(zé)"。
②進(jìn)一步整理出站點(diǎn)邏輯結(jié)構(gòu)圖
定下內(nèi)容綱要后，你應(yīng)該能夠大致畫(huà)出站點(diǎn)的結(jié)構(gòu)圖了。結(jié)構(gòu)圖也有很多種，順序結(jié)構(gòu)，網(wǎng)狀結(jié)構(gòu)，繼承結(jié)構(gòu)，WEB結(jié)構(gòu)等，應(yīng)依據(jù)你的內(nèi)容而定。例如，如果你是在編一個(gè)教程，那么可能用表示順序的流程圖就比較合適。多數(shù)復(fù)雜的網(wǎng)站會(huì)綜合應(yīng)用到幾種不同的結(jié)構(gòu)圖。畫(huà)出結(jié)構(gòu)圖的目的，主要是便于有邏輯地組織站點(diǎn)和鏈接，同時(shí)，將來(lái)你會(huì)用這個(gè)圖去分配工作和任務(wù)。
例如:
你可以告訴某個(gè)開(kāi)發(fā)人員，讓他完成結(jié)構(gòu)圖中某個(gè)分支的內(nèi)容；
你可以把這個(gè)圖遞交給業(yè)務(wù)人員，告訴他們哪些頁(yè)面，需要他們進(jìn)一步提供內(nèi)容或資料；
你可以把結(jié)構(gòu)圖給專業(yè)美工看，讓美工人員考慮以什么樣的形式來(lái)表現(xiàn)你要表達(dá)的內(nèi)容等等。
簡(jiǎn)而言之，這個(gè)框架圖，將為你下一步進(jìn)行工作分配，人員安排提供依據(jù)。
網(wǎng)站制作過(guò)程中把握的幾點(diǎn)
1、重點(diǎn)信息放在突出醒目的位置，整個(gè)網(wǎng)站空間排序適當(dāng)
一個(gè)網(wǎng)站很重要的就是標(biāo)題，標(biāo)題就像路牌一樣，人家在你的網(wǎng)站上逛來(lái)逛去，全靠它指路了。給人的前幾印象是否能夠馬上注意到標(biāo)題，標(biāo)題要意義清晰、描述性強(qiáng)，把更吸引人的地方放在突出顯眼的位置，然后再慢慢展開(kāi)。或者說(shuō)，把你的前幾特內(nèi)容包裹成一個(gè)懸念，吸引人家注意。讀者看一篇文章，前三段注意力更集中，如果這"**"的前三段用不好，人家就要和你拜拜嘍！
留出可調(diào)整的位置，用于滿足臨時(shí)性或短期營(yíng)銷活動(dòng)的宣傳需要。如，福州電信局12月11日舉辦的"福建省前幾屆信息網(wǎng)絡(luò)展示會(huì)"展覽，需要在網(wǎng)頁(yè)中放在更突出的位置。這就需要調(diào)整原有的結(jié)構(gòu)，既讓新的內(nèi)容有突出的體現(xiàn)，還要不至于淹沒(méi)其他重點(diǎn)。
在每屏中的文字與圖形的布局既要考慮到重點(diǎn)的突出，還要給人以和諧的感覺(jué)。不能讓圖形淹沒(méi)文字，也不能圖形太少而讓人覺(jué)得單調(diào)。視覺(jué)的吸引和誘惑力是不能低估的。
2、網(wǎng)頁(yè)應(yīng)該易懂，控制沒(méi)個(gè)模塊的信息量。
網(wǎng)站設(shè)計(jì)更重要的訣竅，恐怕就是你的網(wǎng)頁(yè)要易讀。
這就意味著，你必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺(jué)效果，別用花里胡哨的色睬凹擱合，讓人看起你的網(wǎng)頁(yè)來(lái)很費(fèi)勁。一般來(lái)說(shuō)，淺色背景下的深色文字為佳。
這個(gè)原則也意味著，你更好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來(lái)難受；文字太大，或者文字視覺(jué)效果變化頻繁，像是沖著人大喊大叫，看起來(lái)不舒服。
另外，更好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。
在內(nèi)容上著筆盡量要細(xì)致，讓人家能在更短的時(shí)間內(nèi)，了解你想呈現(xiàn)給人家什么。給人家一幅清晰的畫(huà)卷，別云山霧罩的。開(kāi)門見(jiàn)山，直接了當(dāng)。大家都知道，網(wǎng)友的耐心尤其少。你能提供的信息或許對(duì)他們有裨益，但如果要人家沒(méi)完沒(méi)了地翻下去才能找到，恐怕更少有人有這份耐心。
立體規(guī)劃內(nèi)容，將所有部分按一定的構(gòu)架各就其位、分別納入不同層次的頁(yè)面。注意先要把更重要的內(nèi)容放到首頁(yè)上，其他的依次就緒。
然后，你就可以勾劃頁(yè)面藍(lán)圖、編HTML了。就文本內(nèi)容的表現(xiàn)而言，記住盡量別讓其一行文字的寬度，橫跨整個(gè)屏幕。段落一多，這樣子看起來(lái)很費(fèi)勁，而且別人的瀏覽器還可能和你的差別很大。更好別超過(guò)屏幕寬度的一半。
3、網(wǎng)頁(yè)頁(yè)面越小越好，更好別超過(guò)50k，盡量精簡(jiǎn)
有研究顯示，如果一個(gè)網(wǎng)站頁(yè)面的主體在15秒之內(nèi)顯現(xiàn)不出來(lái)，訪客會(huì)很快失去對(duì)該站的興趣。當(dāng)然，也有例外，比如內(nèi)容實(shí)在太精彩，人家不去不行。再像視覺(jué)藝術(shù)類站點(diǎn)，也不能以"快"為**設(shè)計(jì)標(biāo)準(zhǔn)。不過(guò)，即使這類站點(diǎn)，也該在加個(gè)導(dǎo)引頁(yè)，給讀者一個(gè)提示，別不理睬人家的心情。但是大多數(shù)網(wǎng)站還是以內(nèi)容為主，大部分人感興趣的還是信息量，追求的是速度。
要限定頁(yè)面的大小，就得從各個(gè)角度考慮節(jié)省。更大的一頭是圖像，有的好東西，只得割愛(ài)了。想想看，在創(chuàng)意表達(dá)、品牌形象、掙錢幾個(gè)目標(biāo)之中，哪個(gè)更重要？
4、網(wǎng)站導(dǎo)航要清晰，容易查找，
所有的超鏈接應(yīng)清晰無(wú)誤地向讀者標(biāo)識(shí)出來(lái)，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬(wàn)別光顧視覺(jué)效果的熱鬧的，而讓人家不知東西南北。
鏈接文本的顏色更好用約定俗成的：未訪問(wèn)的，藍(lán)色；點(diǎn)擊過(guò)的，紫色或栗色。如果你一定要?jiǎng)e出心裁，鏈接的文本就要想著以什么方式加以突出，比如說(shuō)加粗體？加字號(hào)？?jī)蓚?cè)加豎標(biāo)？或者幾者兼用?？傊谋炬溄右欢ㄒ晚?yè)面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。
清晰導(dǎo)航還要求：讀者進(jìn)入目的頁(yè)的點(diǎn)擊次數(shù)，不能超過(guò)三次。如果三次以上還找不到，人家可就沒(méi)有耐心陪你玩了！
網(wǎng)站推廣
網(wǎng)上世界黑漆無(wú)邊，你怎么讓人家找到你？很多有些經(jīng)驗(yàn)的網(wǎng)友知道這個(gè)問(wèn)題的份量，不過(guò)對(duì)于一波一波興奮上網(wǎng)的新手，他們腦中的概念大多是："有了網(wǎng)站，自然有人來(lái)"。不怪他們，商家們的欺騙宣傳太成功了，他們哪里知道，網(wǎng)上有數(shù)不清的網(wǎng)站像"無(wú)人區(qū)"一樣死寂。因此我們?cè)谧骱镁W(wǎng)站以后，后期的推廣宣傳工作也不可忽略，主要的可以從以下幾個(gè)方面來(lái)宣傳。
1、傳統(tǒng)媒體：廣播、報(bào)紙、電視都是很好的方法?，F(xiàn)在我們已經(jīng)看到很多在傳統(tǒng)媒體中的商家廣告，就是以網(wǎng)址為廣告內(nèi)容的主體。同時(shí)，商家所有的印刷品，包括名片，都是宣傳網(wǎng)址的良好介質(zhì)。
2、因特網(wǎng)本身的方法：諸如導(dǎo)航臺(tái)、新聞組、電子郵件群組、圖標(biāo)廣告、分類廣告等等，都是宣傳網(wǎng)址的好方法。提高你網(wǎng)站在導(dǎo)航站點(diǎn)的排名、Banner廣告、有技巧得利用傳統(tǒng)媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。充分利用網(wǎng)頁(yè)的交互性，增強(qiáng)與客戶之間的聯(lián)系，及時(shí)得到客戶的反饋信息，了解客戶的需求，不斷的改進(jìn)網(wǎng)站，提高整個(gè)網(wǎng)站的信譽(yù)。
網(wǎng)站設(shè)計(jì)實(shí)務(wù)，謝謝圍觀。
