01.明確內容
如果妳想成為壹個網站設計者,並正想建壹個網站的話,首先應該考慮網站的內容,包括網站功能和妳的用戶需要什麽。妳的整個設計都應該圍繞這些方面來進行。
02.抓住用戶
如果用戶不能夠迅速地進入妳的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向妳的對手的網站。
03.優化內容
內容是核心。大約在兩年以前,企業網站就像壹本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。
Chanels網站(www.emju.com)在設計的某些方面是成功的,但是內容太貪乏,並且要花很長時間才能找到所要的東西,因此不能算是壹個成功的網站。
04.快速下載
沒有什麽比要花很長時間下載頁面更槽糕的了。作為壹條經驗,壹個標準的網頁應不大於60K,通過56K調制解調器加載花30秒的時間。有的設計者說網頁加載應在15秒內。
05.網站升級
時刻註意網站的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果妳不想失去訪問者的話,壹定要仔細計劃好妳的升級計劃。
06.堅持基本原則
即使妳不懂HTML語言,妳只需購買壹個有版權的所見即所得的網頁設計工具,如Adobe PageMill或Microsoft FrontPage Express,就可以創建壹個看起來很合理的網站。但是,在設計時,這些軟件包雖然不需要HTML,卻使網站速度下降。
為了成功地設計網站,妳必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案,用Notepad制作網頁。
07.學習HTML
用HTML設計網站,可以控制設計的整個過程。但是,如果妳僅僅是網站設計的新手,妳應該尋找壹個允許修改HTML的軟件包。HomeSite4是壹個很好的Web設計工具。在設計過程中,HomeSite4能幫助妳學習HTML。它還允許妳切換到所見即所得的模式,以便妳在把網站發送到Web之前,預覽妳的網站。
08.用筆畫壹個網站的框架
聖人雲:筆比劍更強大。在用計算機之前,用筆畫壹個網站的框架,顯示出所有網頁的相互關系。計劃好妳的用戶如何以最少的時間瀏覽妳的網站。
09.“在計算機上永遠也找不到好的方案”。——專家忠告
10.網站地圖
許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找壹些特別的信息,他們對於妳的網站是如何工作的,並沒有興趣。如果妳覺得妳的網站需要地圖,那很可能是需要改進妳的導航和工具條。
11.“睜大妳的眼睛,留意所有的事情。
對最不相關的東西的觀察可以得到最好的靈感。觀察壹個站點的結構和設計。理解站點結構的關鍵元素,確保妳的設計是圍繞站點瀏覽進行的。” ——專家忠告
12.點擊規則 聽說過3次點擊規則嗎?對於小型網站,在妳的主頁上,沒有任何壹條信息,需要點擊次數超過3次的。對於大型網站,使用導航和工具條來改善操作。
13.特殊字體的應用
雖然妳可以在妳的HTML中使用特殊的字體,但是,妳不可能預測妳的訪問者在他們的計算機上將看到什麽。在妳的計算機裏看起來相當好的頁面,在另壹個不同的平臺上看起來可能非常糟糕。壹些網站設計員喜歡使用來定義特性,這雖然允許妳使用特殊的字體,但是仍需要壹些變通的方法,以免妳所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的瀏覽器才支持CSS。
14.“使用切合實際的簡便的命名規則。” ——專家忠告
15.檢查錯別字
好的拼寫是人們壹生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保妳拼寫正確,並且格外註意平常容易誤寫的錯別字。
16.避免長文本頁面
在壹個站點上有許多只有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果妳有大量的基於文本的文檔,應當以Adobe Acrobat格式的文件形式來放置,以便妳的訪問者能離線閱讀。
17.不要使用卷滾條
人們厭惡在網上使用卷滾條。Trouble網站(www.Trouble.co.uk)是壹個典型的設計很差的網站。它基於壹個浮動的架構,為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
18.專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTMLValidator等。
19.網站介紹
妳應當有壹個很清晰的網站介紹,告訴訪問者妳的網站能夠提供些什麽,以便訪問者能找到想要的東西。但是,許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者妳所提供的正是他們想要的信息。
20.“網站壹旦發布,網站設計的優點和缺陷全都公布於世。
沒有什麽法使妳能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到多的東西。”——專家忠告
21.閃爍讓人頭痛
通過使用標識可以吸引訪問者對妳的主頁特殊部分的註意,但這也讓妳的訪問者頭痛。如果妳想使訪問者再次光顧妳的網站,就少用此方法。
22.背景顏色
背景顏色也會產生壹些問題,可能會使網頁難於閱讀。妳應當堅持使用白色的背景和黑色的文本,另外還應當堅持使用通用字體。
23.向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。妳的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每壹頁同樣的位置上都有相同的導航條,使瀏覽者能夠從每壹頁上訪問網站的任何部分。
24.“堅持妳的信念。嚴格遵守各種規則。避免想當然。絕不停止學習” ——專家忠告
25.點擊記數器
不要輕易考慮在妳的網站上放置壹個醒目的點擊記數器。妳設計網站是為了給訪問者提供服務,而不是推銷妳自己認為重要的東西。大多數瀏覽者認為計數器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果妳顯示妳的網站是多麽受歡迎,妳最好提供壹個鏈接,顯示訪問日誌。
26.不要用框架
與記數器壹樣,框架在網頁上越來越流行。在大多數網站上,在屏幕的左邊有壹個框架。但是設計者立刻就發現,在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出妳的網站。
27.去掉圖像
在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在妳的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者,還能獲得好的網頁加載性能。可以通過在網頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
28.重復使用圖像
壹些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時,在網頁上多次使用同樣的圖像是壹個好的方法,並且壹旦它們被裝入,以後重新載入就會很快。
29.避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是壹個好的建議。
30.“避免使用炫耀的技巧。” ——專家忠告
31.選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源,使網站的操作變得很困難,因此,應該給用戶壹個跳過使用Flash動畫的選擇。
32.盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大,並且Netscape5.0將支持Flash,在使用時不必再下載任何插件。
但是,最好還是取消使用Flash做各接口的想法。
33.讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預覽效果顯示出來,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
34.動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然壹體,而不是幹巴巴的。動畫並不只是Macromedia Director等制作的東西的簡單堆積。
35.慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另壹個禁地。因為過多地使用聲音會使下載速度很慢,同時並沒有帶給瀏覽者多少好處。首次聽到鼠標發出聲音可能會很有趣,但是多次以後肯定會很煩人。使用聲音前,應該仔細考慮聲音將會給妳帶來什麽。
36.少用Java和AxtiveX
在網頁上應盡量少使用Java和AxtiveX。因為並不是每壹種瀏覽器都需要使用它,只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。
37.設計成功的網站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viaduct.co.uk
38.慎用插件
在Web設計中,如果依賴於壹些特別的插件,會減少網站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點去下載,這樣訪問者有可能就不會返回了。
39.使用著名的插件
如果網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用壹次的插件。
40.使用先進技術
跟上新的技術。Web技術的進步絕不會停止,所以應花壹些時間來研究新產品和開發技術。
41.自己創建圖像和聲音
使用妳自己創建的或從某個商業網站上下載的圖像和聲音。在制作商業網站時,應該花足夠的資金來創建圖形,以增強公司的宣傳。——專家忠告
43.平臺的兼容性
要為用戶著想,必須最少在壹臺PC和壹臺Mac機上測試妳的網站,看看兼容性如何。
44.用軟件分析工具找錯
使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果妳有許多網頁需要檢查,可選用軟件分析工具。在網址www.weblint.org/validation.html中,妳能夠找到更多有效的HTML工具。
45.避免錯誤鏈接
網站中可能與其它壹些有用的站點作了鏈接。但是,如果在妳的網頁上有鏈接,壹定要經常檢查它們,保證鏈接有效。鏈接的網站可能很多,但不要鏈接到與妳的內容無關的網站上。
46.給觀眾成熟的東西
如果網站沒有完成,就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。
47.在搜索引擎上登記網站
任何壹個人發現妳的網站的機會都很少,除非妳把妳的網站在主要的搜索引擎上進行登記。
48.設計壹個留言板
瀏覽者願意把時間花在好的網站上,所以最好有壹個留言本,這能激勵訪問者再次回到妳的網站,還有助於擴充網站內容。
49.測試網站
在妳的網站正式發布之前,必須進行有用的測試。在設計網站時要使用最新的軟件,但是不要忘了人們並不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50.“盡妳所能反復測試所設計的網站,直到妳不能發現新的東西為止”——專家忠告
51.演示即將發布的網站
在網站正式運行之前,讓人演示它。演示中人們會告訴妳所設計的網站是否容易使用。
52.動畫點綴 網頁上的動畫最多只用壹個。
53.“傾斜的按鈕看起來不會太好,最好不要使用。”——專家忠告
54.內容組織
在開始創建新的網頁前,仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容,然後設計導航系統。
55.“空白萬歲”
註意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
56.“利用空白去吸引註意力。
為了吸引眼球,Web設計者使用各種方法, 比如:閃爍、旋轉等,但是利用空白會吸引更多的註意力。”——專家忠告
57.圖像壓縮
為了保持小的圖像,可以使用類似GIF向導的程序,它能自動對圖像進行壓縮。先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性,可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58.設計失敗的網站
——在它上面找壹件T恤衫要花壹個小時;
——給顧客承諾的服務太多,但真正實現的太少;
——二年以前的設計水平,忽視了顧客的需要;
——不吸引人,主頁太雷同
——設計太差
.
——沒有新意
——導航不知所雲
59.圖像大小屬性 可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢,因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
60.用戶註冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麽就能得到大量有用的信息。但是,要求訪問者在瀏覽網站之前進行註冊,這樣做是要冒風險的,因為這將趕走壹批不願意註冊的人。獲得信息的另壹種方法是進行有獎競猜或金錢獎勵,讓用戶能主動填壹些信息反饋表。
61.使網站具有交互功能 在網站上提供壹些回答問題的工具,使得訪問者能從網站上獲得交互的信息。
62.圖片更新
盡可能經常更換網站上的圖片,人們更願意點擊的是圖片而不是文本。
63.在網站上提供遊戲
遊戲是很好的交互工具,它是使訪問者能再次光顧網站的好方法。
64.挑選工具軟件
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟件。
65.使用最新版本的軟件
盡量使用Web設計軟件的最新版本。
如果覺得好的話,記得留言哦。
來源: 第二人生
參考資料: