當(dāng)前位置: 首頁 > 網(wǎng)站入門

網(wǎng)站入門

網(wǎng)站設(shè)計(jì)時候的一些基本原則

來源: 做網(wǎng)站,建網(wǎng)站    發(fā)布日期: 2011-10-31 20:39    點(diǎn)擊量: 7110
設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設(shè)計(jì)專家,讓你共享他們的秘密,告訴你:使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站。
  01 明確內(nèi)容
  如果你想成為一個網(wǎng)站設(shè)計(jì)者,并正想建一個網(wǎng)站的話,首先應(yīng)該考慮網(wǎng)站的內(nèi)容,包括網(wǎng)站功能和你的用戶需要什么。你的整個設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。
  02 抓住用戶
  如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站,或操作不便捷,網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。
  03 內(nèi)容
  內(nèi)容是核心。大約在兩年以前,企業(yè)網(wǎng)站就像一本廣告冊子,更槽糕的是,網(wǎng)站使用了大量的圖片,似乎要幾個世紀(jì)才能下載完。
  Chanels網(wǎng)站在設(shè)計(jì)的某些方面是成功的,但是內(nèi)容太貪乏,并且要花很長時間才能找到所要的東西,因此不能算是一個成功的網(wǎng)站。
  04 快速下載
  沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn),一個標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K,通過56K調(diào)制解調(diào)器加載花30秒的時間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。
  05 網(wǎng)站升級
  時刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加,可能會運(yùn)行緩慢。但是,如果你不想失去訪問者的話,一定要仔細(xì)計(jì)劃好你的升級計(jì)劃。
  06 堅(jiān)持基本原則
  即使你不懂HTML語言,你只需購買一個有版權(quán)的所見即所得的網(wǎng)頁設(shè)計(jì)工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是,在設(shè)計(jì)時,這些軟件包雖然不需要HTML,卻使網(wǎng)站速度下降。
  為了成功地設(shè)計(jì)網(wǎng)站,你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案,用Notepad制作網(wǎng)頁。
  07 學(xué)習(xí)HTML
  用HTML設(shè)計(jì)網(wǎng)站,可以控制設(shè)計(jì)的整個過程。但是,如果你僅僅是網(wǎng)站設(shè)計(jì)的新手,你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中,HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式,以便你在把網(wǎng)站發(fā)送到Web之前,預(yù)覽你的網(wǎng)站。
  08 用筆畫一個網(wǎng)站的框架
  圣人云:筆比劍更強(qiáng)大。在用計(jì)算機(jī)之前,用筆畫一個網(wǎng)站的框架,顯示出所有網(wǎng)頁的相互關(guān)系。計(jì)劃好你的用戶如何以最少的時間瀏覽你的網(wǎng)站。
  09 “在計(jì)算機(jī)上永遠(yuǎn)也找不到好的方案”?!獙<抑腋?
  10 網(wǎng)站地圖
  許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上,這種做法,卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息,他們對于你的網(wǎng)站是如何工作的,并沒有興趣。如果你覺得你的網(wǎng)站需要地圖,那很可能是需要改進(jìn)你的導(dǎo)航和工具條。
  11 “睜大你的眼睛,留意所有的事情。對最不相關(guān)的東西的觀察可以得到最好的靈感。觀察一個站點(diǎn)的結(jié)構(gòu)和設(shè)計(jì)。理解站點(diǎn)結(jié)構(gòu)的關(guān)鍵元素,確保你的設(shè)計(jì)是圍繞站點(diǎn)瀏覽進(jìn)行的?!?——專家忠告
  12 點(diǎn)擊規(guī)則
  聽說過3次點(diǎn)擊規(guī)則嗎?對于小型網(wǎng)站,在你的主頁上,沒有任何一條信息,需要點(diǎn)擊次數(shù)超過3次的。對于大型網(wǎng)站,使用導(dǎo)航和工具條來改善操作。
  13 特殊字體的應(yīng)用
  雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預(yù)測你的訪問者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來相當(dāng)好的頁面,在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題,但是只有最新版的瀏覽器才支持CSS。
  14 “使用切合實(shí)際的簡便的命名規(guī)則?!?——專家忠告
  15 檢查錯別字
  好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確,并且格外注意平常容易誤寫的錯別字。
  16 避免長文本頁面
  在一個站點(diǎn)上有許多只有文本的頁面,是令人乏味的,且也浪費(fèi)Web的潛力。如果你有大量的基于文本的文檔,應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀。
  17 不要使用卷滾條
  人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站是一個典型的設(shè)計(jì)很差的網(wǎng)站。它基于一個浮動的架構(gòu),為了閱讀所有的文本,瀏覽者不得不使用卷滾條。
  18 專家最喜愛的Web設(shè)計(jì)工具
  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,HTML Validator等。
  19 網(wǎng)站介紹
  你應(yīng)當(dāng)有一個很清晰的網(wǎng)站介紹,告訴訪問者你的網(wǎng)站能夠提供些什么,以便訪問者能找到想要的東西。但是,許多設(shè)計(jì)者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息,這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
  20 “網(wǎng)站一旦發(fā)布,網(wǎng)站設(shè)計(jì)的優(yōu)點(diǎn)和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學(xué)到更多的東西?!?——專家忠告
  21 閃爍讓人頭痛
  通過使用標(biāo)識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站,就少用此方法。
  22 背景顏色
  背景顏色也會產(chǎn)生一些問題,可能會使網(wǎng)頁難于閱讀。你應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本,另外還應(yīng)當(dāng)堅(jiān)持使用通用字體。
  23 向前和向后按鈕
  應(yīng)當(dāng)避免強(qiáng)迫用戶使用向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條,使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。
  24 “堅(jiān)持你的信念。嚴(yán)格遵守各種規(guī)則。避免想當(dāng)然。絕不停止學(xué)習(xí)?!?——專家忠告
  25 點(diǎn)擊記數(shù)器
  不要輕易考慮在你的網(wǎng)站上放置一個醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認(rèn)為重要的東西。大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個鏈接,顯示訪問日志。
  26 不要用框架
  與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn),在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站??蚣芤彩沟镁W(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站。
  27 去掉圖像
  在瀏覽器中即使去掉了圖像功能,也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關(guān)掉了圖像功能的訪問者,還能獲得好的網(wǎng)頁加載性能??梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字,而不是圖像來滿足訪問者的需要。
  28 重復(fù)使用圖像
  一些網(wǎng)站由于使用大量不重復(fù)的圖像而錯過了使用更好的技巧的機(jī)會。在創(chuàng)建商標(biāo)時,在網(wǎng)頁上多次使用同樣的圖像是一個好的方法,并且一旦它們被裝入,以后重新載入就會很快。
  29 避免使用過大的圖像
  不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是一個好的建議。
  30 “避免使用炫耀的技巧?!?——專家忠告
  31 選擇使用Flash動畫
  許多使用比較慢的計(jì)算機(jī)的訪問者發(fā)現(xiàn)動畫圖標(biāo)很容易耗盡系統(tǒng)資源,使網(wǎng)站的操作變得很困難,因此,應(yīng)該給用戶一個跳過使用Flash動畫的選擇。
  32 盡量少使用Flash插件
  雖然許多Web設(shè)計(jì)者認(rèn)為Flash功能很強(qiáng)大,并且Netscape5.0將支持Flash,在使用時不必再下載任何插件。但是,最好還是取消使用Flash做各接口的想法。33 讓用戶先預(yù)覽小圖像 如果不得不放置大的圖像在網(wǎng)站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預(yù)覽效果顯示出來,這樣用戶就不必浪費(fèi)金錢和時間去下載他們根本不想看的大圖像。
  34 動畫與內(nèi)容應(yīng)有機(jī)結(jié)合
  確保動畫和內(nèi)容有關(guān)聯(lián)。它們應(yīng)和網(wǎng)頁渾然一體,而不是干巴巴的。動畫并不只是Macromedia Director等制作的東西的簡單堆積。
  35 慎用聲音
  聲音的運(yùn)用也應(yīng)得到警惕。內(nèi)聯(lián)聲音是網(wǎng)頁設(shè)計(jì)者的另一個禁地。因?yàn)檫^多地使用聲音會使下載速度很慢,同時并沒有帶給瀏覽者多少好處。首次聽到鼠標(biāo)發(fā)出聲音可能會很有趣,但是多次以后肯定會很煩人。使用聲音前,應(yīng)該仔細(xì)考慮聲音將會給你帶來什么。
  36 少用Java 和AxtiveX
  在網(wǎng)頁上應(yīng)盡量少使用Java 和AxtiveX。因?yàn)椴⒉皇敲恳环N瀏覽器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題,過分地使用Java,會使Mac崩潰。
  38 慎用插件
  在Web設(shè)計(jì)中,如果依賴于一些特別的插件,會減少網(wǎng)站的吸引力。如果訪問者沒有所要求的插件,將不得不到其它站點(diǎn)去下載,這樣訪問者有可能就不會返回了。
  39 使用著名的插件
  如果網(wǎng)站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因?yàn)?,許多訪問者并不愿意浪費(fèi)很多時間和金錢去下載可能僅使用一次的插件。
  40 使用先進(jìn)技術(shù)
  跟上新的技術(shù)。Web技術(shù)的進(jìn)步絕不會停止,所以應(yīng)花一些時間來研究新產(chǎn)品和開發(fā)技術(shù)。
  41 自己創(chuàng)建圖像和聲音
  使用你自己創(chuàng)建的或從某個商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)站時,應(yīng)該花足夠的資金來創(chuàng)建圖形,以增強(qiáng)公司的宣傳。
  ——專家忠告 
  43 平臺的兼容性
  要為用戶著想,必須最少在一臺PC 和一臺Mac機(jī)上測試你的網(wǎng)站,看看兼容性如何。
  44 用軟件分析工具找錯
  使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網(wǎng)頁需要檢查,可選用軟件分析工具。在網(wǎng)上,你能夠找到更多有效的HTML工具。
  45 避免錯誤鏈接
  網(wǎng)站中可能與其它一些有用的站點(diǎn)作了鏈接。但是,如果在你的網(wǎng)頁上有鏈接,一定要經(jīng)常檢查它們,保證鏈接有效。鏈接的網(wǎng)站可能很多,但不要鏈接到與你的內(nèi)容無關(guān)的網(wǎng)站上。
  46 給觀眾成熟的東西
  如果網(wǎng)站沒有完成,就不要發(fā)送到Web上。所有好的網(wǎng)站都是在幕后完成之后再發(fā)布的。
  47 在搜索引擎上登記網(wǎng)站
  任何一個人發(fā)現(xiàn)你的網(wǎng)站的機(jī)會都很少,除非你把你的網(wǎng)站在主要的搜索引擎上進(jìn)行登記。
  48 設(shè)計(jì)一個留言板
  瀏覽者愿意把時間花在好的網(wǎng)站上,所以最好有一個留言本,這能激勵訪問者再次回到你的網(wǎng)站,還有助于擴(kuò)充網(wǎng)站內(nèi)容。
  49 測試網(wǎng)站
  在你的網(wǎng)站正式發(fā)布之前,必須進(jìn)行有用的測試。在設(shè)計(jì)網(wǎng)站時要使用最新的軟件,但是不要忘了人們并不會使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導(dǎo)航工具條。
  50 “盡你所能反復(fù)測試所設(shè)計(jì)的網(wǎng)站,直到你不能發(fā)現(xiàn)新的東西為止?!?——專家忠告
  51 演示即將發(fā)布的網(wǎng)站
  在網(wǎng)站正式運(yùn)行之前,讓人演示它。演示中人們會告訴你所設(shè)計(jì)的網(wǎng)站是否容易使用。
  52 動畫點(diǎn)綴
  網(wǎng)頁上的動畫最多只用一個。
  53 “傾斜的按鈕看起來不會太好,最好不要使用?!?——專家忠告
  54 內(nèi)容組織
  在開始創(chuàng)建新的網(wǎng)頁前,仔細(xì)考慮網(wǎng)站內(nèi)容的組織。決定好想讓訪問者瀏覽的內(nèi)容,然后設(shè)計(jì)導(dǎo)航系統(tǒng)。
  55 “空白萬歲”
  注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網(wǎng)頁,即使有足夠的空間,在設(shè)計(jì)時也應(yīng)該避免使用。
  56 “利用空白去吸引注意力。為了吸引眼球,Web設(shè)計(jì)者使用各種方法,比如:閃爍、旋轉(zhuǎn)等,但是利用空白會吸引更多的注意力?!?——專家忠告
  57 圖像壓縮
  為了保持小的圖像,可以使用類似GIF向?qū)У某绦?,它能自動對圖像進(jìn)行壓縮。
  先聲明圖像的大小
  在圖像顯示之前最好能詳細(xì)說明圖像大小屬性,可以在IMG標(biāo)簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢,因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。
  58 設(shè)計(jì)失敗的網(wǎng)站
  ——導(dǎo)航不知所云
  59 圖像大小屬性,可以在IMG標(biāo)簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢,因?yàn)闉g覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。
  60 用戶注冊
  如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的,那么就能得到大量有用的信息。但是,要求訪問者在瀏覽網(wǎng)站之前進(jìn)行注冊,這樣做是要冒風(fēng)險(xiǎn)的,因?yàn)檫@將趕走一批不愿意注冊的人。獲得信息的另一種方法是進(jìn)行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。
  61 使網(wǎng)站具有交互功能
  在網(wǎng)站上提供一些回答問題的工具,使得訪問者能從網(wǎng)站上獲得交互的信息。
  62 圖片更新
  盡可能經(jīng)常更換網(wǎng)站上的圖片,人們更愿意點(diǎn)擊的是圖片而不是文本。
  63 在網(wǎng)站上提供游戲
  游戲是很好的交互工具,它是使訪問者能再次光顧網(wǎng)站的好方法。
  64 挑選工具軟件
  仔細(xì)選擇Web設(shè)計(jì)工具。保證使用自己最想要的、自我感覺最好的軟件。
  65 使用最新版本的軟件
  盡量使用Web設(shè)計(jì)軟件的最新版本,還應(yīng)當(dāng)能被授權(quán)進(jìn)行免費(fèi)或便宜的升級。
  總結(jié)一個網(wǎng)站的好壞,不外乎以下幾點(diǎn):
  A、速 度 一個打開速度慢的網(wǎng)站,再精美的設(shè)計(jì)也注定是失敗。
  B、內(nèi) 容 一個沒有實(shí)質(zhì)內(nèi)容的網(wǎng)站,只能是一個空殼。想留住訪問者也是難上加難。
  C、易用性 網(wǎng)站導(dǎo)航不明顯、復(fù)雜并且不實(shí)用的花俏功能,讓人瀏覽起來感覺困難,也絕對是留不住訪問者的。
  D、美觀度 糟糕的美工設(shè)計(jì),肯定讓人不喜歡。

  E、兼容性 優(yōu)秀的網(wǎng)站應(yīng)該是用任何瀏覽器、在任何地區(qū)都表現(xiàn)如一,不會出現(xiàn)錯位、亂碼等問題。

 

 

企業(yè)資料
 

上海藝覺網(wǎng)絡(luò)科技有限公司
上海市共富路518號401室
021-36047687(節(jié)假日均可撥打)

售前咨詢QQ點(diǎn)擊這里給我發(fā)消息    點(diǎn)擊這里給我發(fā)消息

技術(shù)支持QQ點(diǎn)擊這里給我發(fā)消息
傳真:021-36047687
E-mail:
yijue@zwzsh.net

網(wǎng)址:nimediafire.com   

網(wǎng)站建設(shè)/網(wǎng)絡(luò)推廣
專業(yè)做網(wǎng)站設(shè)計(jì),網(wǎng)站改版,網(wǎng)站維護(hù),排名推廣,動畫制作,域名,空間,企業(yè)郵箱注冊,樣本宣傳冊印刷制作,400電話等做網(wǎng)站業(yè)務(wù)

 

作者:藝覺網(wǎng)絡(luò) 網(wǎng)站建設(shè) 網(wǎng)站制作
我們的專業(yè),我們的用心,值得您的信賴!
做網(wǎng)站任務(wù)提交給藝覺網(wǎng)絡(luò),建網(wǎng)站與我們聯(lián)系 …

 

相關(guān)新聞

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
? 2014 yijueweb. All rights reserved.
?