網(wǎng)頁設(shè)計(jì)必須注意的27個(gè)問題 |
作者:寶雞網(wǎng)絡(luò)公司 發(fā)布時(shí)間:2015-10-17 瀏覽:1363次 | |
當(dāng)你在INTERNET這個(gè)信息的海洋中盡情遨游時(shí),會(huì)發(fā)現(xiàn)許許多多內(nèi)容豐富、創(chuàng)意新穎、設(shè)計(jì)獨(dú)特的個(gè)人網(wǎng)頁,不知道你見到這樣漂亮可人的網(wǎng)頁是否有點(diǎn)心動(dòng)。一旦你具備了上網(wǎng)的條件,又萌發(fā)了制作主頁的念頭,那么就應(yīng)該注意網(wǎng)頁設(shè)計(jì)時(shí)應(yīng)考慮哪些方面的問題,包括網(wǎng)站功能和以及訪問者需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。下面筆者就自己在實(shí)踐操作中的使用體會(huì)來談?wù)劸W(wǎng)頁設(shè)計(jì)時(shí)應(yīng)該考慮哪些問題,希望能給初建網(wǎng)站的用戶帶來一定的作用?! ?
?。?、頁面內(nèi)容要新穎
網(wǎng)頁內(nèi)容的選擇要不落俗套,要重點(diǎn)突出一個(gè)“新”字,這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容,要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無二的網(wǎng)站。 放眼望去,網(wǎng)上的許多個(gè)人主頁簡直就是"雜貨店",內(nèi)容包羅萬象,題材千篇一律,人人都是"軟件下載",個(gè)個(gè)都有"網(wǎng)絡(luò)導(dǎo)航",從頭到尾找不出一絲“鮮”意。所以,我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí),要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”,如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁一定會(huì)受到大家的歡迎?! ?
2、網(wǎng)頁命名要簡潔
由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁組成,它有許多子頁面,為了能使這些頁面有效地被連接起來,用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會(huì)有助于你以后方便管理網(wǎng)頁,在向搜索引擎提交你的網(wǎng)頁時(shí)更容易被別人索引到。在給網(wǎng)頁命名時(shí),最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母,這直接關(guān)系到頁面上的連接。
3、要及時(shí)更新網(wǎng)頁
網(wǎng)頁制作好后,不能說萬事大吉了,其實(shí)事后的工作量更大。因?yàn)榫W(wǎng)頁制作是一時(shí)的,而維護(hù)更新的工作是每天都要做的。要及時(shí)把網(wǎng)頁上已經(jīng)作廢的連接應(yīng)該立即刪除掉,比如用戶無意中點(diǎn)擊了頁面中的一個(gè)連接,在苦苦的等待之后,換來的是無法訪問的結(jié)果,那么他們會(huì)對(duì)你的網(wǎng)頁大失所望,可能以后再也不會(huì)光顧你的網(wǎng)頁了。若不能及時(shí)更新,也最好在主頁上發(fā)布信息,告訴前來訪問的朋友,因有特殊情況需要離開一段時(shí)間,未能及時(shí)更新主頁,希望各位見諒,這樣就能給人一種對(duì)別人負(fù)責(zé)的感覺,同時(shí)能得到網(wǎng)友的信任?! ?
4、注意視覺效果
設(shè)計(jì)Web頁面時(shí),一定要用640×480和800×600的分辨率來 分別觀察。許多瀏覽器使用640×480的分辨率,盡管在800×600高分辨率下一 些Web頁面看上去很具吸引力,但在640×480的模式下可能會(huì)黯然失色。作一點(diǎn)小小的努力,設(shè)計(jì)一個(gè)在不同分辨率下都能正常顯示的網(wǎng)頁
?。怠㈦S時(shí)注意網(wǎng)站升級(jí)
時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加,可能會(huì)運(yùn)行緩慢。但是,如果你不想失去訪問者的話,一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。
?。?、 網(wǎng)頁內(nèi)容要易讀
網(wǎng)站設(shè)計(jì)最重要的訣竅,恐怕就是你的網(wǎng)頁要易讀 。這就意味著,你必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起來你的網(wǎng)頁來很費(fèi)勁。一般來說,淺色背景下的深色文字為佳 。這個(gè)要點(diǎn)要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。另外,最好讓文本左對(duì)齊,而不是居中。按當(dāng)代中文的閱讀習(xí)慣,文本大都居左的。當(dāng)然,標(biāo)題一般應(yīng)該居中,因?yàn)檫@符合讀者的閱讀習(xí)慣?! ?
?。贰⑸朴帽砀駚聿季帧 ?
不要把一個(gè)網(wǎng)站的內(nèi)容象作報(bào)告似的一二三四地羅列出來,要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來,使人一眼就能看出你的網(wǎng)站重點(diǎn)突出,結(jié)構(gòu)分明?! ?
?。?、 少用特殊字體
雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預(yù)測(cè)你的訪問者在他們的計(jì)算機(jī)上將看到什么。在你的計(jì)算機(jī)里看起來相當(dāng)好的頁面,在另一個(gè)不同的平臺(tái)上看起來可能非常糟糕。一些網(wǎng)站設(shè)計(jì)員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示。級(jí)聯(lián)風(fēng)格表CSS有助于解決這些問題,但是只有最新版的瀏覽器才支持CSS?! ?
9、多學(xué)習(xí)和使用HTML
為了成功地設(shè)計(jì)網(wǎng)站,你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計(jì)者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案,用Notepad制作網(wǎng)頁。因?yàn)橛肏TML設(shè)計(jì)網(wǎng)站,可以控制設(shè)計(jì)的整個(gè)過程。但是,如果你僅僅是網(wǎng)站設(shè)計(jì)的新手,你應(yīng)該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設(shè)計(jì)工具。在設(shè)計(jì)過程中,HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式,以便你在把網(wǎng)站發(fā)送到Web之前,預(yù)覽你的網(wǎng)站。
?。保?、盡量少用Java程序
不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因?yàn)槟壳皝碇vjava的運(yùn)行速度實(shí)在慢的讓人無法忍受,往往使瀏覽者沒有耐心等頁面全部顯示出來,這樣你的精心設(shè)計(jì)便毫無效果啦。
11、 少放網(wǎng)站地圖
許多設(shè)計(jì)者把他們的網(wǎng)站地圖放在網(wǎng)站上,這種做法,卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息,他們對(duì)于你的網(wǎng)站是如何工作的,并沒有興趣。如果你覺得你的網(wǎng)站需要地圖,那很可能是需要改進(jìn)你的導(dǎo)航和工具條。
12、要為圖片附加注釋文字
給每個(gè)圖形加上文字的說明,在出現(xiàn)之前就可以看到相關(guān)內(nèi)容,尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來,用戶在訪問你的站點(diǎn)時(shí)就有一種親切感覺,認(rèn)為你心細(xì),比較善解人意,時(shí)時(shí)刻刻為他人著想,相信你的好心會(huì)有好報(bào)的?! ?
?。保?、做個(gè)網(wǎng)站介紹
一個(gè)簡單明了的網(wǎng)站介紹,不僅能讓別人對(duì)你的網(wǎng)站能夠提供些什么有個(gè)了解,引發(fā)共鳴或是表達(dá)你的誠意,常常最能打動(dòng)讀者,而且還能使訪問者能快速找到想要的東西。但是,許多設(shè)計(jì)者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息,這對(duì)訪問者很重要。告訴訪問者你所提供的正是他們想要的信息?! ?
?。保?、考慮瀏覽器的兼容性
當(dāng)然現(xiàn)在IE所占的市場(chǎng)份額越來越大,但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計(jì)風(fēng)格的考慮,如色彩的搭配,圖形、線條的使用等等。要時(shí)刻為用戶著想,必須最少在幾種不同類型的瀏覽器下測(cè)試網(wǎng)站,看看兼容性如何。
?。保?、不宜多用閃爍文字
有的設(shè)計(jì)者想通過閃爍的文字來引起訪問者的注意是可以被人理解的,但一個(gè)頁面中最多不能有三處閃爍文字,太多了給用戶一種眼花繚亂的感覺,反而會(huì)影響用戶去訪問該網(wǎng)站的其他內(nèi)容,正所謂“物極必反”也,
?。保?、每個(gè)頁面都要有導(dǎo)航按鈕
應(yīng)當(dāng)避免強(qiáng)迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計(jì)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條,使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。
?。保?、避免長文本頁面
在一個(gè)站點(diǎn)上有許多只有文本的冗長頁面,是令人乏味的,人們?yōu)榱碎喿x這些長文本,不得不使用卷滾條,從而也浪費(fèi)了用戶在網(wǎng)上沖浪的時(shí)間。如果你有大量的基于文本的文檔,應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置,以便你的訪問者能離線閱讀,從而節(jié)省寶貴的時(shí)間?! ?
18、 網(wǎng)頁風(fēng)格要統(tǒng)一
你網(wǎng)頁上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的,要統(tǒng)一風(fēng)格,貫穿全站。這樣子讀者看起來舒服、順暢,會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。
?。保埂?dòng)畫最多只用一個(gè)
大家都喜歡用GIF動(dòng)畫來裝飾網(wǎng)頁,它的確很吸引人,但我們?cè)谶x擇時(shí),是否能確定必須用GIF動(dòng)畫,如果答否,那么就選擇靜止的圖片,因?yàn)樗娜萘恳〉枚唷M瑯拥某叽绲腖OGO,GIF動(dòng)畫的容量有5K,而靜止LOGO的只有3K。雖然只有2K之差,但多起來,就會(huì)影響下載的速度,所以,如果有些不是必須的,就選擇最小的?! ?
?。玻?、善用圖像
用戶在網(wǎng)上四處漫游,你必須設(shè)法吸引和維護(hù)他們對(duì)你的主頁的注意力。萬維網(wǎng)的其中一個(gè)最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用,切忌虛飾浮夸。注意圖畫可以彌補(bǔ)文字之不足,但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像,以求節(jié)省時(shí)間他們只看文字。因此,制作主頁時(shí),必須注意將圖像所連接的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達(dá)幾次,同時(shí)要注意避免使用過大的圖像,如果不得不放置大的圖像在網(wǎng)站上,就最好使用Thumbnails軟件,把圖像的縮小版本的預(yù)覽效果顯示出來,這樣用戶就不必浪費(fèi)金錢和時(shí)間去下載他們根本不想看的大圖像。。
?。玻?、 網(wǎng)站導(dǎo)航要清晰
所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識(shí)出來,所有導(dǎo)航性質(zhì)的設(shè)置,像圖像按鈕,都要有清晰的標(biāo)識(shí),讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的:未訪問的,藍(lán)色;點(diǎn)擊過的,紫色或栗色。總之,文本鏈接一定要和頁面的其他文字有所區(qū)分,給讀者清楚的導(dǎo)向 ?! ?
?。玻?、最好不用記數(shù)器
由于計(jì)數(shù)器也是由程序設(shè)計(jì)成的,顯示計(jì)數(shù)器的過程其實(shí)就是在執(zhí)行一個(gè)程序的過程,它需要占用用戶寶貴的上網(wǎng)時(shí)間,況且大多數(shù)瀏覽者認(rèn)為計(jì)數(shù)器毫無意義,它們很容易被做假,瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數(shù)器。你設(shè)計(jì)網(wǎng)站是為了給訪問者提供服務(wù),而不是推銷你自己認(rèn)為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎,你最好提供一個(gè)鏈接,顯示訪問日志?! ?
?。玻?、不能忽視錯(cuò)別字
一個(gè)好的網(wǎng)站對(duì)設(shè)計(jì)的每一個(gè)細(xì)節(jié)都不會(huì)放過,哪怕是一個(gè)微小的拼寫錯(cuò)誤都是絕對(duì)不能出現(xiàn)的。但是遺憾的是,許多設(shè)計(jì)者都缺少這種技能。確保你拼寫正確,并且格外注意平常容易誤寫的錯(cuò)別字,要時(shí)時(shí)刻刻保持一種嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度?! ?
?。玻?、不要用框架
與記數(shù)器一樣,框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上,在屏幕的左邊有一個(gè)框架。但是設(shè)計(jì)者立刻就發(fā)現(xiàn),在使用框架時(shí)產(chǎn)生了許多的問題。使用框架時(shí)如果沒有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站??蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁不能夠成為書簽。也許更重要的是,搜索引擎常常被框架混淆,從而不能列出你的網(wǎng)站?! ?
?。玻?、使用著名的插件
如果網(wǎng)站上有聲音或視頻,要保證使用者通過使用某個(gè)知名的插件,能夠聽到或看到。如果訪問者沒有所要求的插件,將不得不到其它站點(diǎn)去下載,這樣訪問者有可能就不會(huì)返回了。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因?yàn)?,許多訪問者并不愿意浪費(fèi)很多時(shí)間和金錢去下載可能僅使用一次的插件?! ?
26、使網(wǎng)站具有交互功能
一個(gè)靜態(tài)網(wǎng)頁始終給人一種呆板的感覺,缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問題的工具以及其他具有交互性能的設(shè)計(jì),使得訪問者能從網(wǎng)站上獲得交互的信息,從而使訪問者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。
?。玻?、測(cè)試網(wǎng)站
在你的網(wǎng)站正式發(fā)布之前,必須進(jìn)行有用的測(cè)試。在設(shè)計(jì)網(wǎng)站時(shí)要使用最新的軟件,但是不要忘了人們并不會(huì)使用最新的瀏覽器,所以要照顧到以前的瀏覽器。在上載網(wǎng)站時(shí)還要測(cè)試所有的鏈接和導(dǎo)航工具條。用圖像、文本和不必要的動(dòng)畫GIFs來充斥網(wǎng)頁,即使有足夠的空間,在設(shè)計(jì)時(shí)也應(yīng)該避免使用。
以上內(nèi)容是由寶雞網(wǎng)站建設(shè)、寶雞網(wǎng)絡(luò)公司,寶雞世紀(jì)網(wǎng)絡(luò)為您編輯整理的“ 網(wǎng)頁設(shè)計(jì)必須注意的27個(gè)問題” 的全部內(nèi)容。我公司是在寶雞市工商局注冊(cè)的專業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站推廣,軟件開發(fā)的高新技術(shù)企業(yè),一直致力于面向?qū)氹u地區(qū)黨政機(jī)關(guān)、企事業(yè)單位提供大中型門戶網(wǎng)站解決方案、移動(dòng)互聯(lián)網(wǎng)開發(fā)(WAP手機(jī)門戶網(wǎng)站、微信開發(fā)),以及中小型應(yīng)用軟件開發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區(qū)近760多家黨政機(jī)關(guān)及企業(yè)門戶網(wǎng)站,是寶雞網(wǎng)站建設(shè)行業(yè)規(guī)模最大、客戶數(shù)量最多、技術(shù)領(lǐng)先的寶雞網(wǎng)絡(luò)公司。歡迎您來電咨詢。
電話:0917-3535180
業(yè)務(wù)咨詢QQ:422627074 397676352 362028197
地址:寶雞市東高新區(qū)高新大道20號(hào)(新寶中對(duì)面)山水文苑1號(hào)樓2單元1903
|
*溫馨提示:如有疑問,可免費(fèi)咨詢世紀(jì)網(wǎng)絡(luò)在線客服,或撥打世紀(jì)網(wǎng)絡(luò)熱線0917-3535180,我們會(huì)從專業(yè)的角度認(rèn)真解答。
*聲 明:本站部分信息來自網(wǎng)絡(luò),僅供參考,不作為世紀(jì)網(wǎng)絡(luò)業(yè)務(wù)依據(jù),不希望被轉(zhuǎn)載的媒體或個(gè)人可與我們聯(lián)系,我們將立即進(jìn)行刪除,詳情咨詢客服。世紀(jì)網(wǎng)絡(luò)是一家專注于網(wǎng)站建設(shè)、SEO優(yōu)化、網(wǎng)站優(yōu)化、網(wǎng)站托管、網(wǎng)絡(luò)推廣、軟件開發(fā)的網(wǎng)絡(luò)公司,10年建站歷程,擁有900多家客戶案例,值得信賴!