網(wǎng)頁(yè)設(shè)計(jì)入門(mén)
發(fā)布時(shí)間:2008-12-24 閱讀數(shù): 次 來(lái)源:網(wǎng)樂(lè)原科技
作為一個(gè)網(wǎng)頁(yè)初學(xué)者,你首先要做的第一件事就是問(wèn)自己幾個(gè)問(wèn)題:一個(gè)網(wǎng)站的關(guān)鍵是什么?你的網(wǎng)頁(yè)設(shè)計(jì)的目的是什么?你是想向全世界展出你心愛(ài)的小貓的照片呢,還是想通過(guò)電子郵件出售你的"毛毛蟲(chóng)"呢?你想在網(wǎng)上大肆宣傳你新拍的電影嗎?那么,對(duì)這些問(wèn)題的回答將有助于你著手為你的網(wǎng)頁(yè)定焦。所以,當(dāng)你在編輯網(wǎng)上材料時(shí),你很快就會(huì)發(fā)現(xiàn)你的小貓的照片跟你竭力要引起轟動(dòng)效應(yīng)的影片宣傳一點(diǎn)關(guān)系都沒(méi)有。
下一個(gè)問(wèn)題
接下來(lái)的問(wèn)題是:你是誰(shuí),你的讀者群又是誰(shuí)?你是一個(gè)渴望同別的12歲女孩進(jìn)行溝通的12歲小女孩呢,還是一名想從投資銀行獲取資金的創(chuàng)業(yè)公司總裁?
然后,你該回答一些技術(shù)問(wèn)題了。對(duì)此你也許不得不作一些猜測(cè),不過(guò)你仍得仔細(xì)考慮這些問(wèn)題:你的讀者們是怎么樣看待你做的網(wǎng)頁(yè)的?你的頁(yè)面內(nèi)容是想吸引那些通過(guò)T1上網(wǎng)的企業(yè)界人士呢,還是為那些呆在家里使用14.4 Modem的人們而制作?在考慮下載速度問(wèn)題時(shí),你也得同時(shí)考慮瀏覽器和插件的問(wèn)題。還有,哪些因素對(duì)你頁(yè)面制作的目的所起的意義更大?如果你只是想發(fā)布你的小貓的照片,你就不需要Shockwave,RealAudio,Java;而另一方面,如果你是想給讀者留下深刻的聲音視覺(jué)效果,以上的一切配備又必不可少。
樹(shù)杈結(jié)構(gòu)及文件大小
通過(guò)前面兩節(jié),你已弄明白你的網(wǎng)站是干什么用的,讀者是什么樣的一個(gè)群體,你想采用什么樣的技術(shù),那么現(xiàn)在,你該考慮樹(shù)杈結(jié)構(gòu)(Hierarchies)的問(wèn)題了。并不是每個(gè)人都擁有一個(gè)大屏監(jiān)視器,因此你的內(nèi)容的最重要部分應(yīng)放在一個(gè)頁(yè)面的頂部,使得讀者一經(jīng)打開(kāi)頁(yè)面,立刻就能看到。現(xiàn)在最小的監(jiān)視器是640×480屏,那么你的設(shè)計(jì)應(yīng)以這些參數(shù)作為基準(zhǔn)。如果你的一個(gè)目的是讓人們給你打免費(fèi)電話,最好能夠確保讀者不用下拉滾動(dòng)條就能看到這條消息(廣告商是絕不愿意將他們的旗幟廣告擱在頁(yè)面的底部,而讓讀者需點(diǎn)擊三下才能看見(jiàn))。電腦的第一視屏被視為象報(bào)紙的頭版頭條那么重要。真正重要的內(nèi)容應(yīng)該放在一個(gè)頁(yè)面的前面,而最重要的內(nèi)容更應(yīng)該放在頁(yè)面頂部。
還有一件事情需要記住,就是人們閱讀的習(xí)慣是從左到右、從上往下讀。差不多人人都是先看左上角,這個(gè)位置最適合于安排重要的內(nèi)容。當(dāng)然,如果你是一個(gè)日本人,是從上往下、從右往左讀,這一點(diǎn)就不正確了。所以真正的關(guān)鍵是你應(yīng)該搞明白你的讀者是如何瀏覽網(wǎng)頁(yè)的。
顏色
在決定你的站點(diǎn)采用哪種顏色時(shí),你又應(yīng)該問(wèn)自己以下幾個(gè)問(wèn)題:
你挑選的顏色能很好地為你的站點(diǎn)主題意圖服務(wù)嗎?
你挑選的顏色在216種通用顏色調(diào)色板中存在嗎?
在一個(gè)舊版瀏覽器上,能夠閱讀你設(shè)置的背景色上的黑色字嗎?
顏色對(duì)于網(wǎng)頁(yè)的意義,就相當(dāng)于80年代字體對(duì)于桌面輸出發(fā)行的意義,非常重要。人們往往認(rèn)為既然我們有216種顏色,就得把它們都用上。其實(shí),用有限的那么一個(gè)調(diào)色板范疇就足夠了:幾種簡(jiǎn)單常用的顏色也能達(dá)到很好的效果。在挑選顏色上應(yīng)該明智,不要根據(jù)你偏愛(ài)的顏色或是最討厭的顏色來(lái)草率從事。應(yīng)該確保它們能夠?yàn)槟愕膬?nèi)容服務(wù),并要說(shuō)明一些道理。
可讀性
另外一個(gè)與顏色息息相關(guān)的重要問(wèn)題是顏色的可讀性。背景色同其上面的文字應(yīng)該互襯得體。這不光是高對(duì)比度的問(wèn)題。在黑背景上的白色字可讀,不過(guò)如果你在黑背景上采用淡灰色字,視覺(jué)效果會(huì)更好。如果你嘗試許多種對(duì)比法以后,然后再稍微折中一下,你就可能得到很好的視覺(jué)效果,更復(fù)雜一些,也更生動(dòng)一些。當(dāng)然,在白背景上擱黑色字是絕對(duì)沒(méi)錯(cuò)的,這也許不算是最?yuàn)Z目的方法,不過(guò)確實(shí)有效。
可讀性問(wèn)題的第二個(gè)方面:字體越大,更易于閱讀;字行越長(zhǎng),閱讀更難。有一個(gè)基本技法是:使用'blockquote'標(biāo)簽或表格可以縮短你的字行的長(zhǎng)度。同時(shí)要避免將整段句子作鏈結(jié)。將一個(gè)單詞或簡(jiǎn)短的短語(yǔ)作鏈結(jié)更清楚、更簡(jiǎn)便。
為什么我喜歡'Blockquotes'
設(shè)計(jì)網(wǎng)頁(yè)時(shí)要清楚這一點(diǎn):空白區(qū)域必不可少??瞻讌^(qū)域并不一定要是白色,它可以是你想要的任何一種顏色,不過(guò)一定得是沒(méi)有別的內(nèi)容。讓眼睛得到休息就體現(xiàn)在此。因此,不要顧慮在一個(gè)'GIF'文件周圍留出一定空間。給主體內(nèi)容留下寬邊緣,得到的視覺(jué)效果也不錯(cuò)??瞻椎膮^(qū)域可以讓讀者的眼睛能停駐在真正重要的內(nèi)容上----內(nèi)容可以是圖象也可以是文字。這有助于你調(diào)整你的設(shè)計(jì)并聚焦你的理念。
最后我還有一個(gè)想法,這個(gè)想法并不新鮮也不是我首創(chuàng)。我以前的老板對(duì)我說(shuō)過(guò):"弄簡(jiǎn)單一些,傻瓜"。意思是說(shuō),要集中你的想法,要確保你的頁(yè)面上每部分內(nèi)容都有它們存在的道理,要確保你挑選圖象和顏色的時(shí)間不能少于整個(gè)頁(yè)面文稿的時(shí)間,要確保你使用的電腦技術(shù)水平同你的頁(yè)面整體意圖旗鼓相當(dāng)。要保持簡(jiǎn)單樸素、生動(dòng)活潑。