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