十年專注于品牌網站建設 十年專注于品牌網站建設,低調、有情懷的網絡應用服務商!
南昌百恒網絡微信公眾號 掃一掃關注
小程序
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡微信小程序

百恒網絡

南昌百恒網絡

10條優秀的網站設計經驗

百恒網絡 2010-10-02 2516

一個設計良好的網頁應該能夠被寬帶網上的多媒體高檔電腦或者依然使用慢速MODEM連接的低檔電腦上安裝的瀏覽器閱讀。然而,很多新的網站設計者均不是非常的了解如何盡量的讓這些HTML文件保持很好的兼容性。

當然,這里有太多的不確定因素影響網頁最后呈現的結果。首先,計算機的顯示器有不同的分辨率和顯示質量,其次,運行著各種各樣的操作系統,使用著不通版本的WEB瀏覽器 ,不同INTERNET連接方式和各種速度的MODEM。我們不能想當然的去武斷地判定瀏覽者的喜好。我們還是花點時間來測試頁面,這樣可以讓每一個訪問者感到愉快。然而,遺憾的是我們沒有辦法為每一個訪問者來優化頁面,但是下面講述的幾個步驟將有助于您保證大多數訪問者的瀏覽效果。

1、確定受眾

一般的來說,絕大多數普通受眾圖形,插件,applets和其它有關的高級Web瀏覽器特性。對我們來說,頁面的實用可能比漂亮更重要,對于用戶來說,沒有什么比頁面能夠快速下載更重要了,簡而言之,精簡你的站點,這是一條最佳的捷徑。

波士頓一位圖形設計者兼美術講師說:"你必須考慮什么,這一切都應該來自自于你的觀眾"!

為了讓每個人滿意,一個站點的實用比漂亮更加重要。并且首先,它必須能夠快速的被用戶端的較老版本的瀏覽器快速解釋。簡化你的站點,然而,那未必是最好的辦法。

考慮一下站點訪問者的操作系統,監視器,瀏覽器,和的連接類型。然后,想想理論上他們需要從你的站點獲得什么?他們是想獲得連接還是需要實際的內容?如果是普通的站點是否會失望,是否需要為瀏覽下載特別的插件。有一個竅門就是沒有必要為每一個人優化你的站點,要滿足每一個訪問者顯然不可能,你必須為訪問者采取適當的技術。

2、不要依賴圖形

就站點設計而言,的確能夠通過成功的圖形設計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片,某些人為了加快存取網絡的速度已經關閉了瀏覽器端的圖形。簡而言之,圖形并不能正確的在客戶端加載。 然而,圖形經常被用來作為導航按鈕。舉例來說,訪問者經常按向左的箭頭返回上一頁,或者一個包含問號的圖形可以得到更多的信息,或者按公司的標志(LOGO)會告訴用戶公司的地址和電話號碼。圖形映射(IMAGE MAP)允許你按圖像的不同區域連接到不同的地方,這個經常被用來用作站點地圖,你給訪問者提供站點內容指引。但是如果你僅僅通過圖片來提供站點導航的話,某些訪問者將不能完全或者正確的離開你的站點。


總是告訴用戶你的站點需要什么樣類型的技術才能正確瀏覽你的網站是一個非常愚笨的方法。如果訪問者需要安裝插件才能處理,如果你僅僅給出一個連接讓訪問者去下載。這個自認為非??岬捻撁鎸τ脩魜碚f根本不是什么幽默的事情,這是和用戶的期待所恰恰相反的。至于為什么恰恰相反,希望你能反思一下,如果是你,你會為了瀏覽一個你根本不知道什么樣的站點而去下載一堆你不知道的插件么?

如何解決這個矛盾呢?你可能想到的解決方法有二種:一個是單純的文本,另外就是完全的圖形方式。其實不然。如果你使用一個圖形映射的方式給內容列表,可以在該頁的最后使用一個純文本方式的表格來處理,這樣會好很多。如果使用圖形按鈕,最好還是包括簡單的導航文字提示。

大多數的時候,通常我們要養成使用"ALT"標記的習慣,這樣當圖形未能正確顯示的時候可用預備的文本替代顯示。這樣,用戶至少可以看到關于這個圖形的表述,便知道這個圖形究竟意味著什么。舉例來說某個圖象標記的預備文本就可以這樣寫:

使用"ALT"標記也有另外一個好處。文字將顯示在圖象的上面,這樣會給用戶造成一個頁面快說引導的感覺。

3、保持頁面小巧

這個小節我們談論的是關于圖形的處理。最好的方法是我們呼吁廣大的讀者保持讓圖形文件的尺寸盡量的小。即使是那些僥幸擁有快速Internet連接的用戶,他們不會抱怨說你的站點加載速度太快。

第一個基本原則是讓每一個圖形文件的尺寸小于30KB。這絕對不是一個壞的建議。更"極端"的某些頁面設計專家說,保持整個頁面的尺寸大概在30KB, 40KB左右(也就是包含圖形和文本以及其它多媒體對象之后的整個頁面)才是比較合適的。并忠告我們"千萬不要使用非常大的頁面"。

要保持頁面尺寸小巧,花些時間來處理一下圖形,在保證圖形質量的情況下使用盡量高的壓縮比例,讓圖形盡量的小。

另外,讓圖形使用較少的色彩也是一個讓圖形盡量小的辦法。使用單調的顏色比使用梯度的顏色要好。使用梯度顏色可以在瀏覽器端快速填充顏色調色板供客戶端顯示。此外,減少圖形的色彩深度進而可以使用較少的色彩樹也是可以的。

如果你需要提供較大的圖象和多媒體文件,盡量不要插入頁面里面,提供一個連接就可以了。這樣,如果使用快速的連接點擊圖象就可以立刻看到,低速的連接不看圖象也可以看到他最關心的內容,瀏覽感覺上沒有什么延遲是最好的。

4、不要假設用戶的顯示器和分辨率大小

一個常見的錯誤的是好多的網頁設計師都認為訪問者都有一個他們一樣顯示效果良好的大屏幕顯示器。按照目前的狀況,你可以為你的站點優化設計為標準的800×600分辨率,這是現在主流顯示器的的默認顯示分辨率。

搜索引擎,比如Excite,我們可以發現一些為增加大量用戶訪問量的好主意。舉例來說,多使用表格單元格顏色填充。該頁的網頁設計師為該網頁添加了背景色,這樣用戶就不會在感覺上覺得下載頁面耗費的時間過多。另外,大多數的顯示器只能顯示256色,而不是設計師所使用的真彩上百萬種顏色設置。瀏覽器能顯示的顏色在瀏覽器"安全色彩范圍",即256色以內。后面我們將詳細討論這個問題。

5、小心使用插件(plug-ins)和Applets

突出交互性或者多媒體特性的站點通常使用plug-ins和applets。Plug-ins是Web瀏覽器功能的擴展。瀏覽者如果安裝了Plug-ins,他們就能夠運行不同類型的文件,比如動畫,視頻和音頻。Applets是小的程序片斷或者是工具,經常用Java語言編寫,可以借助諸如瀏覽器這樣的大型程序完成一些有用的功能。

雖然plug-ins和applets能大大增強站點的交互性和多媒體性能,但是對于一些較老配置的機器來說,這無疑又是一個多余的功能。舉例來說,Java applets僅能工作在32位的操作系統下,Windows 3.

雖然plug-ins和applets能大大增強站點的交互性和多媒體性能,但是對于一些較老配置的機器來說,這無疑又是一個多余的功能。舉例來說,Java applets僅能工作在32位的操作系統下,Windows 3.x就行不通(雖然現在很少有人使用了)。另外,plug-ins需要花費時間下載安裝,但并不是每一個用戶都能熟練的完成下載后安裝這樣一個過程。不熟練的用戶安裝plug-ins的時候可能會遇到故障,不熟練的用戶不需要這樣的煩惱。

如果你判斷你的受眾可以安裝plug-ins和applets,你必須要在相關的部分提示用戶,下載plug-ins和applets的時間和地址,并且安裝過程中需要注意哪些方面的內容。這樣可以方便用戶的使用。如果是非常重要的信息,建議你提供一個可用的如純文本型的可用信息,以方便那些確實無法安裝plug-ins和applets的訪問者。

6、僅僅在需要的時候使用幀(FRAME)

使用幀可以把一個瀏覽器分成幾個不同的窗口,對于站點的結構的把握是一個不錯的方法。但是,你還是必須知道,還是有人在使用不支持幀的瀏覽器。在你開始打算設計一個幀的時候,你該仔細的考慮考慮你是否的確真的需要。經常,你這樣的需求可以通過表格來組織站點的結構。當然,有些特別特別老的瀏覽器的確連表格也不支持。哎,這樣說來,我們似乎真的是沒有辦法了。

如果你必須使用幀,設法為還在使用那些古董瀏覽器的用戶提供其它的解決辦法。最壞的打算就是,如果真的沒有辦法解決,給這些用戶一些道歉的信息,不要讓他們感覺到你忽視了他們的存在。

7、不要忘記Web瀏覽器

你應該知道,最終的瀏覽者有很多的方法可以控制網頁在客戶端瀏覽器的顯示效果(包括字體大小,顏色等等),不過從市場占有率來看,網景公司的航海家(Navigator)相比微軟公司的探險家(Internet Explorer)的份額正逐漸減小。

對一個指定的站點來說,如果考慮到某些訪問者不喜歡使用圖形方式的導航條,測試的時候你就需要關閉圖形顯示。所以,在制作的時候,你就必須要考慮到大部分(不是全部,當是至少應該考慮到導航條圖形)的圖形必須要使用文字提示,這樣即使在瀏覽者客戶端不顯示導航圖片的時候還有文字給予適當的提示,這樣的感覺,會好很多,至少面對無法顯示圖形的紅叉而言,這樣的文字提示就給人以友好的感覺二不至于無所適從。

事實上,微軟公司出品的WEB探險家和美國Netscape公司航海家已經有越來越多的相似之處了,其實,早在一年前,他們之間的兼容已經不是一個大問題了。但是在細節上還是有區別的,某些在某個瀏覽器看上去的效果用另外一個瀏覽器看就完全不是那么一回事了。你可以理解這些差別,但是你無法支配他,不同的瀏覽器看上去就是不同,就象不同的人眼里的某個人各自會有不同的印象一樣。你所需要的,就是知道他們存在差別,你應該盡量的去避免使用導致巨大差別的代碼或者方法。 好消息是,這二個瀏覽器都可以免費下載,對用戶來說,完全可以嘗試用二個瀏覽器去看看你的站點有什么不同的瀏覽感受,選擇的權利在于瀏覽者,而你作為站點設計者,要做的只是去傾聽瀏覽者可能的反饋。壞消息就是,你不能控制訪問者使用什么樣的瀏覽器,或者額外的去改變瀏覽器窗口的大小,設置字體類型、顏色和大小。你能作的就是當訪問者不能訪問某些部分的時候建議他們使用什么樣的配置,怎么樣看你的站點,這樣他們就可以使用默認的設置或者你建議的瀏覽器。

8、保持蘋果和PC格式兼容

很多的頁面在蘋果環境中設計而瀏覽者使用的確是PC。對大部分頁面來說,這個理由。實際上,瀏覽器比操作系統更多的影響站點的瀏覽效果。有一個需要指出的事實,在IBM兼容PC機上看到的圖片似乎比蘋果機上的小,而且顏色稍深。如果你的站點圖形大部分在蘋果機上設計,建議在發布之前,在PC機上進行預覽,看是否有較大的效果差異。

蘋果機和PC上顯示的同樣的顏色在某種程度上看上去往往有些差別。說的更精確些就是我們早前提到的關于調色板的區別在起著決定性的作用。這二個不同的平臺,有216個通用的顏色,所以,網頁設計師在設計的時候盡量使用這通用的216色就可以最大程度的保證這二個平臺的頁面色彩顯示效果基本一致。

9、測試、測試、再測試

不要為我的羅嗦而感到厭煩。為了保證在眾多的瀏覽者瀏覽器里面能正確的看到我們所想表達的頁面效果,所以正式發布站點之前的測試顯得非常的重要,是重中之重。從你自己的電腦開始,一遍又一遍的開始測試,使用不同的瀏覽器,試著調整瀏覽器窗口的寬度和高度,關閉圖形顯示,試著使用不同的顯示分辨率。然后,在朋友、同事甚至鄰居的電腦上重復剛才作過的事情。

有專業的網頁設計師建議我們將測試工作交給熟識的普通的用戶去進行,因為這樣才符合大多數的使用者的習慣,而且這些用戶使用的瀏覽器版本較老,這樣可以保證最終用戶的瀏覽效果。有必要強調這一步的重要性。在辦公室里面,我們經??梢钥吹揭恍┧坪跏亲鳛辄c綴使用的古老的機器(幾乎能見證電腦的發展歷史),我們不妨用作我們的測試機器,似乎更能體現這些古董機器的價值。而這些古董機器得出的測試結果,往往比我們使用的專業的設計師所有的電腦測試的效果更加客觀,更加具有代表性。

10、可以通知你的訪問者了

即使我們作了上面我們要作的一切工作,你必須明白,我們還是無法保證這個精心設計的站點能讓每一個訪問者都有很好的顯示效果。如果你在首頁上明確指出瀏覽你的站點需要具備什么什么樣的條件,你必須明白并非所有的用戶都能具備你所要求的條件。你可以為這些不能滿足你認為的基本條件的用戶一個另外的選擇,這樣可以讓他們知道你并沒有忽視他們。你可以告訴他們如何通過電話,書信或者電子郵件的方式與你取得聯系,這樣也不至于讓他們空手而歸。

最后,經過測試、驗收合格的站點才能向全世界發布。瀏覽者是否有興趣瀏覽你的站點或者在你的站點停留很長事件已經完全擺脫你的控制了。有些用戶由于使用速度過慢的調制解調器而變得煩躁不安,或者是頁面無法顯示圖形或者,或者用戶使用了他們個性化的瀏覽器無法正常顯示站點……這些問題都將存在,一點也不用感到驚奇。我們現在所能作的,就是從客戶的反饋信息當中分析和測試用戶的多樣性和可能性不斷的進行調整。

無論如何,你已經從你的站點得到某種心理上的滿足。在開始繼續作這件事情以前,你可以坐下來清楚的想想你究竟是為了什么創建這個站點的。仔細的列出你的連接,并不是所有的用戶都有耐心在你的站點上尋找他所關心的內容。讓他們知道什么時候什么地方將提供什么,比如你準備在什么時候提供一個重要資料的下載等等。尤其重要的是,要讓那些相關的宣傳對象滿意,因為一旦他們發現一些對他們有用的東西,他們將向他們周圍的朋友、同學或者親戚進行擴散,這樣你的站點的知名度就會慢慢的打開。

恭喜你,你已經成功了一半,接下來要告訴你的就是"持之以恒,精益求精"。希望你能記住。

400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡小程序

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
售后服務 售后服務
 
備案專線 備案專線
 
×
免费网站看v片在线