一、網(wǎng)站設(shè)計(jì)是什么
網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式,以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來的一種方式,在建設(shè)網(wǎng)站的過程中,網(wǎng)站設(shè)計(jì)是不可或缺的一步。
二、網(wǎng)站設(shè)計(jì)包括哪些內(nèi)容
網(wǎng)站設(shè)計(jì)的內(nèi)容眾多,一般主要包括五個(gè)方面:
1、文字設(shè)計(jì)
文字在表達(dá)含義的同時(shí)也能傳達(dá)情感,是網(wǎng)站必不可少的元素,文字設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中占據(jù)非常大的比重,網(wǎng)站文字的設(shè)計(jì)必須要簡潔清晰、具備視覺美感,并與網(wǎng)站整體風(fēng)格相適應(yīng)。
2、圖形圖像設(shè)計(jì)
圖片可以美化頁面,可以增強(qiáng)網(wǎng)站的宣傳效果,也是網(wǎng)站的重要組成部分,網(wǎng)站的圖形圖像設(shè)計(jì)要求能直觀形象地表達(dá)網(wǎng)站主題,并能與文字和諧統(tǒng)一,此外,也要注意適當(dāng)安排圖片的位置、面積、數(shù)量等。
3、版式設(shè)計(jì)
網(wǎng)站的版式設(shè)計(jì)一般指對(duì)網(wǎng)站文字、圖像等元素的組合編排,注重技術(shù)性和藝術(shù)性的統(tǒng)一,要求導(dǎo)向清晰、便于瀏覽,效果美觀、便于吸引用戶。
4、色彩搭配
色彩也在一定程度上決定了網(wǎng)站的用戶吸引力,網(wǎng)站設(shè)計(jì)的色彩搭配一般要求合理自然,并與網(wǎng)站整體風(fēng)格和諧統(tǒng)一。
5、多媒體元素搭配
多媒體一般指視頻、音頻、動(dòng)畫等,網(wǎng)站設(shè)計(jì)中運(yùn)用多媒體元素,可以豐富網(wǎng)站觀賞效果,增強(qiáng)用戶的瀏覽興趣。
三、網(wǎng)站設(shè)計(jì)常犯的錯(cuò)誤有哪些
網(wǎng)站設(shè)計(jì)的過程中,非專業(yè)的網(wǎng)站設(shè)計(jì)師可能會(huì)犯一些錯(cuò)誤,影響設(shè)計(jì)效果,比較常見的錯(cuò)誤主要有:
1、導(dǎo)航菜單使用圖片、flash
導(dǎo)航菜單使用圖片、flash當(dāng)然比純文本來得好看一些,但是搜索引擎并不認(rèn)識(shí)你的圖片和flash。如果你非要使用漂亮的圖片來做導(dǎo)航的話,可以使用背景替換的方法。建議做一個(gè)導(dǎo)航菜單鏈接的xml文提交到搜索引擎。
2、不恰當(dāng)?shù)厥褂脠D片
為了網(wǎng)頁美觀,經(jīng)常會(huì)到處貼滿圖片,這樣做是不正確的,與內(nèi)容無關(guān)的圖片能少就少吧。我們可以把這些圖片做成容器的背景。
3、內(nèi)容里使用特殊字體
特殊字體很好看,但是不是所有人的電腦都安裝有這些字體。如果使用這些特殊字體的話,在別人的電腦里看到的網(wǎng)頁可能不顯示。
4、新窗口打開
設(shè)計(jì)者打開新窗口的本意是要讓用戶留在他的站點(diǎn)上。但是卻忽略了控制用戶的機(jī)器所帶來的負(fù)面效應(yīng),這種策略恰恰弄巧成拙,因?yàn)楫?dāng)用戶想通過“后退”按鈕返回先前的站點(diǎn)時(shí),已經(jīng)做不到了。用戶通常注意不到新窗口已經(jīng)被打開,尤其當(dāng)他們的顯示器很小,而窗口又正好是最大化時(shí)。因此,當(dāng)用戶想要返回原來的站點(diǎn)時(shí),面對(duì)的卻只是一個(gè)不可用的灰色“后退”按鈕。
5、無實(shí)際意義的特效
避免使用炫耀的技巧,這些特效對(duì)你的網(wǎng)站沒有任何實(shí)際意義,反而顯得華而不實(shí)。
6、內(nèi)容滾動(dòng)
內(nèi)容滾動(dòng)可以在比較小的空間里展示比較多的內(nèi)容,這是它的一個(gè)好處。但內(nèi)容滾動(dòng)卻是弊大于利的,不是所有平臺(tái)和瀏覽器都支持滾動(dòng)的,而且內(nèi)容滾動(dòng)會(huì)降低用戶體驗(yàn)。
7、用戶難以獲取自己想要的內(nèi)容
如果一個(gè)用戶訪問你的網(wǎng)站跟走入迷宮一樣,那就是網(wǎng)站設(shè)計(jì)的大忌,聽說過3次點(diǎn)擊規(guī)則嗎?對(duì)于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點(diǎn)擊次數(shù)超過3次的。對(duì)于大型網(wǎng)站,使用導(dǎo)航和工具條來改善操作。
8、文件名命名不規(guī)范
不要忽視這一點(diǎn),例如新聞頁面可以用:news.html,而不是類似2323123.html這樣的無規(guī)范的命名方式。使用規(guī)范的命名方式不僅有利于搜索引擎,而且有利于網(wǎng)站日后的維護(hù)管理。
9、長篇文章未設(shè)置分頁
長篇文章不分頁,會(huì)導(dǎo)致網(wǎng)頁加載速度慢,用戶閱讀疲勞,所以建議長篇文章設(shè)置分頁。
10、顏色搭配錯(cuò)誤,網(wǎng)頁難于閱讀
如無必要,你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本,另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。
11、沒有返回指向
“返回指向”是網(wǎng)絡(luò)用戶的生命線,同時(shí)也是繼超文本連接后最常使用的導(dǎo)航特征。用戶可以隨意嘗試網(wǎng)頁所指向的任何地方,而只需點(diǎn)擊一兩次“返回”按鈕就可以回到先前的頁面。
12、顯眼的點(diǎn)擊計(jì)數(shù)器
不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個(gè)鏈接,顯示訪問日志。
13、使用框架
與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn),在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站。框架也使得網(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。
14、不恰當(dāng)?shù)厥褂寐曇?/strong>
聲音的運(yùn)用也應(yīng)該小心,內(nèi)聯(lián)聲音是網(wǎng)站設(shè)計(jì)者的另一個(gè)禁地,因?yàn)檫^多地使用聲音會(huì)使下載速度很慢,同時(shí)并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會(huì)很有趣,但是多次以后肯定會(huì)很煩人。使用聲音前,應(yīng)該仔細(xì)考慮聲音將會(huì)給你帶來什么。
15、兼容性不佳
不是所有人的顯示器都用同一種分辨率的。無論是誰,都無法做出所有分辨率下完美的網(wǎng)頁,但我們要做出能確保所有分辨率下不出錯(cuò)的網(wǎng)頁。還有兩點(diǎn)就是:不要以為只有電腦才能看網(wǎng)頁。不要以為世界上只有一種瀏覽器,網(wǎng)站兼容性一定要好。
17、急于發(fā)布網(wǎng)站
網(wǎng)站沒有內(nèi)容、網(wǎng)站程序bug,這些問題解決后再發(fā)布吧。內(nèi)容較為充實(shí)、程序bug基本沒有的網(wǎng)站才會(huì)讓用戶停留。
18、發(fā)布網(wǎng)站后未登錄搜索引擎
你發(fā)布網(wǎng)站后要到各大搜索引擎的登錄口提交一下你的網(wǎng)站信息,不然是搜不到的。
19、不留空白
網(wǎng)站設(shè)計(jì)時(shí),注意留空白。不要用圖像、文本和不必要的動(dòng)畫來充斥網(wǎng)頁,即使有足夠的空間,在設(shè)計(jì)時(shí)也應(yīng)該避免使用。
20、缺乏互動(dòng)性
讓用戶與網(wǎng)站能夠互動(dòng),讓用戶與用戶之間能夠互動(dòng)。所以最少要有一個(gè)留言本,這能激勵(lì)訪問者再次回到你的網(wǎng)站,還有助于擴(kuò)充網(wǎng)站內(nèi)容。
21、存在死鏈
有死鏈的網(wǎng)站對(duì)搜索引擎的蜘蛛爬取不利,同時(shí)影響網(wǎng)站的正規(guī)性、影響網(wǎng)站關(guān)鍵詞名次、降低網(wǎng)站權(quán)重值,而且會(huì)造成不良好的用戶體驗(yàn)。