最全面的網(wǎng)站設(shè)計要素

發(fā)布：2017-12-03 16:39:47 瀏覽：4116

設(shè)計一個網(wǎng)站,應(yīng)該考慮以下基本因素,這些因素對網(wǎng)站的成功與否有著重要影響。

1.布局清晰

網(wǎng)頁應(yīng)該力求抓住瀏覽者的注意力,好的網(wǎng)站應(yīng)該給人以干凈整潔、條理清楚、專業(yè)水準、引人入勝的感覺。

1)謹慎使用框架框架在網(wǎng)頁上越來越流行。大多數(shù)網(wǎng)站在屏幕的左邊有一個框架。但是使用框架時會產(chǎn)生一些問題,如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站。搜索引擎常常被框架混淆,從而不能列出的網(wǎng)站。

2)注意留白

注意留空白,不要用圖像、文本和不必要的動畫來充斥網(wǎng)頁,利用空白會吸引更多的注意力。

2.內(nèi)容正確

1)信息應(yīng)該有價值

無論商業(yè)站點還是個人主頁,只有提供有一定價值的內(nèi)容才能留住訪問者。所謂有價值并不是說必須提供某些免費的物品,而可以是信息、娛樂、勸告、對一些問題的幫助、提供志趣相投者聯(lián)絡(luò)的機會、鏈接到有用的網(wǎng)頁等。如果是企業(yè)網(wǎng)站,應(yīng)該提供容易理解、容易查詢的產(chǎn)品服務(wù)信息。

2)詞語無錯誤

一個網(wǎng)站如果詞語錯誤連篇、語法混亂,一定是失敗的,會給人粗心大意、懶惰、外行、沒水平等印象。

3)可讀性好

文字要在廣告牌上突出,周圍應(yīng)該留有足夠的空間。某些背景色令人閱讀困難,而紫色、橙色和紅色讓人眼花繚亂。參考報紙的編排方式,為方便或快速閱讀將你的內(nèi)容分欄設(shè)計,甚至兩欄也要比一滿頁的視覺效果要好。除了分欄之外(將頁面縱向分割).的內(nèi)容需要利用標題和副標題將文檔分段。也可以將整句采用粗體或用不同的顏色突出某另外,特殊字體的應(yīng)用也要慎重。在一臺計算機里看起來相當好的頁面,在另一個不同的平臺上看起來可能非常糟糕。最后,避免長文本頁面,如果有大量的基于文本的文檔。當以Adobeacrobat格式的文件形式來放置,以便訪問者能離線閱讀。

3.注意速度

頁面下載速度是網(wǎng)站留住訪問者的關(guān)鍵因素,如果幾十秒還不能打開一個網(wǎng)頁,一般人就會沒有耐心。至少應(yīng)該確保主頁速度盡可能快,最好不要用大的圖片網(wǎng)站首頁就像一個廣告牌,當開車經(jīng)過一個廣告牌時,廣告標志從眼前一閃而過,處須在一瞬間給人留下印象。網(wǎng)上訪問者也是“一閃而過",必須保證首頁簡單而快速。

4.科學(xué)地使用圖形和動畫

圖形的版面設(shè)計關(guān)系到對主頁的第一印象,圖像應(yīng)集中反映主頁所期望傳達的主要信息,如果有系列商業(yè)站點,不必讓過分顯眼的動畫出現(xiàn)在首頁,但如果網(wǎng)站是游戲站點,動畫將是必不可少的一部分內(nèi)容。圖片是影響網(wǎng)頁下載速度的重要原因,把每頁全部內(nèi)容控制在30KB左右可以保證比較理想的下載時間.圖像在6~8KB之間為宜,每增加2KB會延長1秒的下載時間.閱讀西方格式文本時,眼睛從左上方開始,逐行瀏覽到達右下方,插入圖像時不要忘記這種特性.任何具有方向性的圖片應(yīng)該放置在網(wǎng)頁中對眼睛最重要的地方,如果在左上角放置一幅小鳥的圖片,鳥嘴應(yīng)該放在把瀏覽者目光引向頁面中部的地方,而不是把視線引走這種思路可以用于所有圖片,例如:面部應(yīng)該朝向網(wǎng)頁中部,汽車面向網(wǎng)頁中部;道路、領(lǐng)帶等圖片的放置都應(yīng)該有助于吸引目光從左向右、從上向下移動。

對于圖像的使用,還有以下幾點需要注意：

1)避免使用過大的圖像

不要使用橫跨整屏的圖像,避免訪問者向右滾動屏幕,占75%屏寬是一個好的尺寸。

2)選擇使用Flash動畫

許多速度較慢計算機的訪問者發(fā)現(xiàn)動畫容易耗盡系統(tǒng)資源,使網(wǎng)站的操作變得很困難。因此,應(yīng)該給用戶一個跳過使用Flash動畫的選擇。

3)讓用戶先預(yù)覽縮略圖像

如果不得不放置大的圖像在網(wǎng)站上,最好使用Thumbnails軟件,把圖像的縮略版本顯示出來,這樣用戶就不必浪費時間去下載他們根本不想看的大圖像

4)動畫與內(nèi)容應(yīng)有機結(jié)合

確保動畫和內(nèi)容有關(guān)聯(lián),它們應(yīng)和網(wǎng)頁渾然一體.

5.合理地設(shè)置導(dǎo)航

有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要

1)網(wǎng)站介紹

應(yīng)當有一個很清晰的網(wǎng)站介紹,告訴訪問者你的網(wǎng)站能夠提供些什么,以便訪問者能找到想要的東西。

2)導(dǎo)航按鈕

人們習(xí)慣于從左到右、從上到下閱讀,所以,主要的導(dǎo)航條應(yīng)放置在頁面左邊,對于較長頁面來說,在最底部設(shè)置一個簡單導(dǎo)航也很有必要。

3)向前和向后按鈕

應(yīng)當避免強迫用戶使用向前和向后按鈕。設(shè)計應(yīng)當使用戶能夠很快地找到他們所要的東西,絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導(dǎo)航條,使瀏覽者能夠從每頁上訪問網(wǎng)站的任何部分

4)計數(shù)器

不要輕易在網(wǎng)站上放置一個醒目的單擊計數(shù)器,大多數(shù)瀏覽者認為計數(shù)器毫無意義,且容易被做假。設(shè)計網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認為重要的東西

6.良好的用戶互動

1)保護用戶隱私對于商業(yè)網(wǎng)站來講,最重要的事情之一是確保潛在客戶的信心。應(yīng)該明確地告訴人們,如何對其興趣、愛好,尤其個人隱私保密,很有必要專門用一個頁面詳細陳述你的保護個人信息聲明,包括對訪問者的Email地址保密,如何接受訂單,如何匯總信息、匯總這些信息的目的、誰可以看到這些信息等基本內(nèi)容

2)設(shè)計留言板

瀏覽者愿意把時間花在好的網(wǎng)站上,所以最好有一個留言板,這能激勵訪問者再次回你的網(wǎng)站,還有助于擴充網(wǎng)站內(nèi)容。訪問者也想知道你的產(chǎn)品或服務(wù)現(xiàn)有客戶的反映,所以如果能引用與你關(guān)系融洽的客戶對你的積極評價,對可信度將很有幫助。

3)用戶注冊

如果能知道誰測覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的,那么就能得到大量有用的信息。但要求訪問者在瀏覽網(wǎng)站之前進行注冊。這樣做是有風(fēng)險的,因為這將趕走一批不愿意注冊的人

7.其他方面

1)測試與升級網(wǎng)站

在網(wǎng)站正式發(fā)布之前,必須進行有用的測試。在設(shè)計網(wǎng)站時要使用最新的軟件,但是人們并不會使用最新的測覽器,所以要考慮到以前的瀏覽器,在上載網(wǎng)站時還要測試所有的鏈接和導(dǎo)航工具條定要有升級計劃。

2)慎用聲音

聲音的運用也應(yīng)警惕,內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計者的另一個禁地,過多地使用聲音會使下載速度很慢。首次聽到鼠標發(fā)出聲音可能會很有趣,但是多次以后肯定會很煩人。

3)慎用插件

在Web設(shè)計中,如果依賴于一些特別的插件,會減少網(wǎng)站的吸引力。如果訪問者沒有所要求的插件,將不得不到其他站點去下載,這樣訪問者有可能就不會返回了。如果網(wǎng)站上有聲音或視頻,要保證使用者通過某個知名的插件就能聽到或看到

4)避免錯誤鏈接

網(wǎng)站中可能與其他一些站點做了鏈接,一定要經(jīng)常檢查它們,保證鏈接有效。鏈接的網(wǎng)站可能很多,但不要鏈接到與內(nèi)容無關(guān)的網(wǎng)站上。

以上所述幾乎包含了所有的網(wǎng)站設(shè)計的內(nèi)容，那么具體的就需要操作性和細節(jié)性的工作了。