在我們?nèi)婵紤]好網(wǎng)站的欄目，鏈接結(jié)構(gòu)和整體風(fēng)格之后，我們就可以正式動(dòng)手制作首頁(yè)了。
有這么一句俗語(yǔ):"良好的開(kāi)端是成功的一半"。
在網(wǎng)站設(shè)計(jì)上也是如此，首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。人們往往看到第一頁(yè)就已經(jīng)對(duì)你的站點(diǎn)有一個(gè)整體的感覺(jué)。是不是能夠促使瀏覽者繼續(xù)點(diǎn)擊進(jìn)入，是否能夠吸引瀏覽者留在站點(diǎn)上，全憑首頁(yè)設(shè)計(jì)的"功力"了。
所以，首頁(yè)的設(shè)計(jì)和制作是絕對(duì)要重視和花心思的。阿捷的經(jīng)驗(yàn)是:一般首頁(yè)設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%。你寧可多花些時(shí)間在早期，以免出現(xiàn)全部做好以后再修改，那將是最浪費(fèi)精力的事。
這里，先插一個(gè)“封面”的問(wèn)題。封面是指沒(méi)有具體內(nèi)容，只放一個(gè)logo點(diǎn)擊進(jìn)入或者只有簡(jiǎn)單的圖形菜單的首頁(yè)。
是否需要為站點(diǎn)設(shè)計(jì)一個(gè)“封面”?阿捷的個(gè)人觀點(diǎn)是:沒(méi)必要!
除非你是很藝術(shù)類(lèi)的站點(diǎn)，或者可以確信內(nèi)容獨(dú)特，可以吸引瀏覽者進(jìn)一步點(diǎn)擊進(jìn)入的站點(diǎn)，否則的話，封面式的首頁(yè)并不會(huì)給你的站點(diǎn)帶來(lái)什么好處。我們上網(wǎng)瀏覽需要的是快速，有價(jià)值的信息，如果等待xx分鐘，只顯示出一個(gè)粗劣的“ENTER”圖標(biāo)，那么相信沒(méi)有人會(huì)再耐心等待進(jìn)入下一頁(yè)。
因?yàn)槭醉?yè)的重要性，阿捷將著重用8篇文章來(lái)仔細(xì)討論有關(guān)首頁(yè)設(shè)計(jì)的方方面面，大致提綱如下:
○版面布局的竅門(mén)
○色彩的搭配
○字體的設(shè)置和表格的嵌套
○細(xì)微之處見(jiàn)功力
○考慮不同的瀏覽器和分辨率
○設(shè)計(jì)好你的banner和位置
○meta標(biāo)簽的重要性
○首頁(yè)設(shè)計(jì)的小建議
今天，只是關(guān)于首頁(yè)設(shè)計(jì)的一個(gè)引子。讓我們來(lái)大致了解一下首頁(yè)設(shè)計(jì)的步驟。
首頁(yè)，從根本上說(shuō)就是全站內(nèi)容的目錄，是一個(gè)索引。但只是羅列目錄顯然是不夠的，如何設(shè)計(jì)好一個(gè)首頁(yè)呢?一般的步驟是:
●確定首頁(yè)的功能模塊
●設(shè)計(jì)首頁(yè)的版面
●處理技術(shù)上的細(xì)節(jié)
一).確定首頁(yè)的功能模塊。
首頁(yè)的內(nèi)容模塊是指你需要在首頁(yè)上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊:
網(wǎng)站名稱(chēng)(logo),廣告條(banner),主菜單(menu),
新聞(what'snew),搜索(search),友情鏈接(links),
郵件列表(maillist),計(jì)數(shù)器(count),版權(quán)(copyright).
選擇哪些模塊，實(shí)現(xiàn)哪些功能，是否需要添加其他模塊都是首頁(yè)設(shè)計(jì)首先需要確定的。
二).設(shè)計(jì)首頁(yè)的版面
在功能模塊確定后，開(kāi)始設(shè)計(jì)首頁(yè)的版面。就象搭積木，每個(gè)模塊是一個(gè)單位積木，如何拼搭出一座漂亮的房子，就看你的創(chuàng)意和想象力了。
設(shè)計(jì)版面的最好方法是:找一張白紙，一支筆，先將你理想中的草圖勾勒出來(lái)，然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)。
三).處理技術(shù)上的細(xì)節(jié)
阿捷經(jīng)常收到的來(lái)信問(wèn)題就是:我制作的主頁(yè)如何能在不同分辨率下保持不變形，如何能在IE和NC下看起來(lái)都不至于太丑陋，如何設(shè)置字體和鏈接顏色....等等,阿捷將在下面幾篇文章里為大家詳細(xì)介紹。
首頁(yè)設(shè)計(jì)是整個(gè)網(wǎng)站設(shè)計(jì)的難點(diǎn)和關(guān)鍵，阿捷希望能夠通過(guò)和大家的交流，總結(jié)出一套較為合理易學(xué)的設(shè)計(jì)方法，從而舉一反三，使我們能夠更加輕松的完成整個(gè)站點(diǎn)的設(shè)計(jì)制作。如果你愿意將你的心得體會(huì)和大家分享，請(qǐng)來(lái)信ajie@yuhou.cn,謝謝!
|