網際論壇 - 寬頻使用 / 防毒防駭討論 - 網頁設計應該考慮的問題
» 遊客:  註冊 | 登錄 | 會員 | 幫助
 

免費線上小說
動漫分類 : 最新上架熱門連載全本小說最新上架玄幻奇幻都市言情武俠仙俠軍事歷史網游競技科幻靈異 ... 更多小說

<<  [1] [2]  >>
作者:
標題: 網頁設計應該考慮的問題 上一主題 | 下一主題
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#1  網頁設計應該考慮的問題

網頁設計應該考慮的問題

當你在INTERNET這個信息的海洋中盡情遨遊時,會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁,不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件,又萌發了製作主頁的念頭,那麼就應該注意網頁設計時應考慮哪些方面的問題,包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐實作中的使用體會來談談網頁設計時應該考慮哪些問題,希望能給初建網站的用戶帶來一定的作用。

1、頁面內容要新穎

網頁內容的選擇要不落俗套,要重點突出一個「新」字,這個原則要求我們在設計網站內容時不能照抄別人的內容,要結合自身的實際情況創作出一個獨一無二的網站。放眼望去,網上的許多個人主頁簡直就是雜貨店,內容包羅萬象,題材千篇一律,人人都是軟件下載,個個都有網絡導航,從頭到尾找不出一絲「鮮」意。所以,我們在設計網頁時,要把功夫下在選材上。選材要盡量做到「少」而「精」,又必須突出「新」,如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。

2、網頁命名要簡潔

由於一個網站不可能就是由一個網頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁,在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時,最好使用自己常用的或符合頁面內容的小寫英文字母,這直接關係到頁面上的連接。




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:50 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#2  

3、要及時更新網頁

網頁製作好後,不能說萬事大吉了,其實事後的工作量更大。因為網頁製作是一時的,而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉,比如用戶無意中點擊了頁面中的一個連接,在苦苦的等待之後,換來的是無法訪問的結果,那麼他們會對你的網頁大失所望,可能以後再也不會光顧你的網頁了。若不能及時更新,也最好在主頁上發佈信息,告訴前來訪問的朋友,因有特殊情況需要離開一段時間,未能及時更新主頁,希望各位見諒,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。

4、注意視覺效果

設計Web頁面時,一定要用640×480和800×600的分辨率來分別觀察。許多瀏覽器使用640×480的分辨率,儘管在800×600高分辨率下一些Web頁面看上去很具吸引力,但在640×480的模式下可能會黯然失色。作一點小小的努力,設計一個在不同分辨率下都能正常顯示的網頁

5、隨時注意網站升級

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。

6、網頁內容要易讀

網站設計最重要的訣竅,恐怕就是你的網頁要易讀。這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果,別用花裡胡哨的色彩組合,讓人看起來你的網頁來很費勁。一般來說,淺色背景下的深色文字為佳。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是衝著人大喊大叫,看起來不舒服。另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:50 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#3  

7、善用表格來佈局

不要把一個網站的內容象作報告似的一二三四地羅列出來,要注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。

8、少用特殊字體

雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機裡看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。

9、多學習和使用HTML

為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。因為用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。

10、盡量少用Java程序

不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設計便毫無效果啦。




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:50 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#4  

11、少放網站地圖

許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。

12、要為圖片附加註釋文字

給每個圖形加上文字的說明,在出現之前就可以看到相關內容,尤其是導航按鈕和大圖片更應如此。這樣一來,用戶在訪問你的站點時就有一種親切感覺,認為你心細,比較善解人意,時時刻刻為他人著想,相信你的好心會有好報的。

13、做個網站介紹

一個簡單明瞭的網站介紹,不僅能讓別人對你的網站能夠提供些什麼有個瞭解,引發共鳴或是表達你的誠意,常常最能打動讀者,而且還能使訪問者能快速找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

14、考慮瀏覽器的兼容性

當然現在IE所佔的市場份額越來越大,但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮,如色彩的搭配,圖形、線條的使用等等。要時刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:50 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#5  

15、不宜多用閃爍文字

有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會影響用戶去訪問該網站的其他內容,正所謂「物極必反」也,

16、每個頁面都要有導航按鈕

應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每一頁上訪問網站的任何部分。

17、避免長文本頁面

在一個站點上有許多只有文本的冗長頁面,是令人乏味的,人們為了閱讀這些長文本,不得不使用捲滾條,從而也浪費了用戶在網上衝浪的時間。如果你有大量的基於文本的文檔,應當以AdobeAcrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節省寶貴的時間。

18、網頁風格要統一

你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、註腳什麼的,要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:50 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#6  

19、動畫最多只用一個

大家都喜歡用GIF動畫來裝飾網頁,它的確很吸引人,但我們在選擇時,是否能確定必須用GIF動畫,如果答否,那麼就選擇靜止的圖片,因為它的容量要小得多。同樣的尺寸的LOGO,GIF動畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會影響下載的速度,所以,如果有些不是必須的,就選擇最小的。

20、善用圖像

用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟件設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重複表達幾次,同時要注意避免使用過大的圖像,如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。

21、網站導航要清晰

所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向。

22、最好不用記數器

由於計數器也是由程序設計成的,顯示計數器的過程其實就是在執行一個程序的過程,它需要佔用用戶寶貴的上網時間,況且大多數瀏覽者認為計數器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務,而不是推銷你自己認為重要的東西。如果你顯示你的網站是多麼受歡迎,你最好提供一個鏈接,顯示訪問日誌。

[ Last edited by 布爾喬亞 on 2005-9-24 at 12:29 AM ]




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:51 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#7  

23、不能忽視錯別字

一個好的網站對設計的每一個細節都不會放過,哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。

24、不要用框架

與記數器一樣,框架在網頁上越來越流行。在大多數網站上,在屏幕的左邊有一個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英吋的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書籤。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網站。

25、使用著名的插件

如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

26、使網站具有交互功能

一個靜態網頁始終給人一種呆板的感覺,缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計,使得訪問者能從網站上獲得交互的信息,從而使訪問者有一種參與網絡建設的新鮮感和成就感。

[ Last edited by 布爾喬亞 on 2005-9-24 at 12:29 AM ]




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:51 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  布爾喬亞
  進階會員 
 


 
  積分 2350
  發文 451
  註冊 2005-9-6
  來自 未知的明天
  狀態 離線
#8  

27、測試網站

在你的網站正式發佈之前,必須進行有用的測試。在設計網站時要使用最新的軟件,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。

28、屏蔽圖像時仍要保證網頁的完整

在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網站上獲得滿意的效果,呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者,還能獲得好的網頁加載性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。

29、注意收集用戶註冊信息

如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的信息。但是,要求訪問者在瀏覽網站之前進行註冊,這樣做是要冒風險的,因為這將趕走一批不願意註冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。

[ Last edited by 布爾喬亞 on 2005-9-24 at 12:30 AM ]




如果你看到一篇文章還值得一看再看的話,那麼你一定要回覆,
因為你的回覆會給人繼續前進的勇氣會給人很大的激勵。同時也會讓人感激你。
2005-9-12 09:51 AM
查看資料  發送郵件  訪問主頁  發短消息  QQ   編輯文章  引用回覆
  freesoul
  一般會員 
 


  積分 254
  發文 27
  註冊 2005-9-8
  狀態 離線
#9  

謝謝如此完善的描述網頁設計應該考慮的問題

2005-9-14 01:25 PM
查看資料  發送郵件  發短消息   編輯文章  引用回覆
  sun
  VIP會員 
 


  積分 3559
  發文 134
  註冊 2005-9-7
  狀態 離線
#10  

感謝大大分享...........受益匪淺

2005-9-18 10:12 PM
查看資料  發短消息   編輯文章  引用回覆
  Smiler
  高級會員 
 


  積分 6333
  發文 987
  註冊 2005-9-7
  狀態 離線
#11  感謝分享

其實這是很多網頁設計者都容易犯的錯誤,在設計時,想將所有自己覺得最炫、最能表現自己功力的東西放上去,忽略了瀏覽者的期望而不知取捨!!

2005-9-23 11:18 AM
查看資料  發送郵件  發短消息   編輯文章  引用回覆
  TS
  中級會員 
 



  積分 1347
  發文 107
  註冊 2005-9-25
  狀態 離線
#12  



2005-9-27 01:43 PM
查看資料  發送郵件  發短消息   編輯文章  引用回覆
  jj
  一般會員 
 



  積分 580
  發文 38
  註冊 2005-9-6
  狀態 離線
#13  

非常感謝大大分享.

2005-10-11 04:29 PM
查看資料  發短消息   編輯文章  引用回覆
  Lynnea0330
  基本會員 
 


  積分 111
  發文 4
  註冊 2005-10-17
  來自 深幽的海洋
  狀態 離線
#14  

嗯嗯..感謝大大的提醒..讓我避免也犯這些錯誤..謝謝~

2005-11-4 10:39 AM
查看資料  發短消息   編輯文章  引用回覆
  0707
  一般會員 
 



  積分 204
  發文 10
  註冊 2005-9-7
  來自 台北
  狀態 離線
#15  

感謝大大提醒

2006-3-26 08:04 PM
查看資料  發短消息   編輯文章  引用回覆
  cobrazoe
  基本會員 
 



  積分 187
  發文 28
  註冊 2006-3-18
  來自 台灣省台中市
  狀態 離線
#16  

感謝大大的提醒.收下了.....

2006-3-27 08:50 PM
查看資料  發短消息   編輯文章  引用回覆
  robert0937
  基本會員 
 


  積分 103
  發文 6
  註冊 2006-3-17
  來自 Taipei
  狀態 離線
#17  

太棒了!
真的要收起來鑽研鑽研!


2006-3-29 04:14 PM
查看資料  發送郵件  發短消息   編輯文章  引用回覆
  sfreedom
  中級會員 
 


  積分 1145
  發文 104
  註冊 2006-2-13
  狀態 離線
#18  

感謝大大的分享!!

2006-3-30 10:30 PM
查看資料  發送郵件  發短消息   編輯文章  引用回覆
  0707
  一般會員 
 



  積分 204
  發文 10
  註冊 2005-9-7
  來自 台北
  狀態 離線
#19  

感謝大大的分享!!

2006-5-7 10:14 PM
查看資料  發短消息   編輯文章  引用回覆
  水煌絕影
  一般會員 
 



  積分 280
  發文 42
  註冊 2006-5-14
  狀態 離線
#20  

感謝大大講解~~
這讓我要做網頁時能夠少犯這些錯誤....


2006-5-28 09:22 PM
查看資料  發短消息   編輯文章  引用回覆
<<  [1] [2]  >>

可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題

論壇跳轉選單: