首頁的設計
& W8 j, d L1 c8 v* ]" l. y
5 @# v c2 X* B2 P5 @5 l 在我們全面考慮好網站的欄目,鏈接結構和整體風格之後,我們就可以正式動手製作首頁了。7 g* }- \ Y+ S
有這麼一句俗語:"良好的開端是成功的一半"。
6 G5 u' |0 Q) b- Z* _! T8 v6 o 在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。3 d9 F$ [" k, d6 [1 J4 d! C
所以,首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。$ d9 c6 B: @9 \8 B
) m9 {+ V* u: F+ e$ Y0 q" W
這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
5 i* u" y) X+ j; r5 X5 | 是否需要為站點設計一個「封面」?阿捷的個人觀點是:沒必要!/ z( \5 `( x1 {& h1 s \# H, [
除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的「ENTER」圖標,那麼相信沒有人會再耐心等待進入下一頁。
! B- M3 Z% E W, ?. ^ Q1 C
: e6 m5 w2 ?4 W4 z: v$ U: ~& r 因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:
( _7 a+ ~1 I o/ j+ x
' i9 Q' {# f. l; C. ^ ○版面佈局的竅門
! F. H7 i; V- \. R! {1 y ○色彩的搭配
: x2 M' B4 M' g p. j ○字體的設置和表格的嵌套
9 v1 |+ X5 u1 n ○細微之處見功力
) _% y S$ V" q+ c& D ○考慮不同的瀏覽器和分辨率6 M8 S" l" P6 M* n0 }
○設計好你的banner和位置
4 a% Q% v) q+ ]% ?# j ○meta標籤的重要性/ d+ _3 F6 I+ p# R6 o T& }
○首頁設計的小建議9 `7 r" L( ? z4 Z) _% e
4 u7 ^+ K+ f3 ~- D7 _6 \$ [
今天,只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。: g1 f# N; _/ m& S
首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:
/ }* t' F" t6 t& w
) H! b% O% t; p9 U) o' Y" Z- X●確定首頁的功能模塊
$ ? Z+ N& G% \9 T●設計首頁的版面2 |& g. d2 Y0 X( ^) q
●處理技術上的細節
2 u# g: O# L6 N5 J% M
! m* e5 L5 }$ J l8 n6 M/ V, L* Z 一).確定首頁的功能模塊。
: z, R& P' V: {1 X4 @ 首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:
2 [" S8 @7 O" m2 Y1 h網站名稱(logo), 廣告條(banner), 主菜單(menu),2 o" r( H7 ^0 z7 [
新聞(what's new), 搜索(search), 友情鏈接(links),9 @0 v' h) l6 ^$ {- V: h; j$ M
郵件列表(maillist),計數器(count), 版權(copyright).
+ x) C n' ?+ t. k6 D& m: `! p 選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。: X5 F. _9 T, K" a
$ ~# i! ]- s& ~
二).設計首頁的版面5 S* W& a7 \$ F8 c
在功能模塊確定後,開始設計首頁的版面。就像搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想像力了。4 \, b; k/ l$ o7 b
設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然後再用網頁製作軟件實現。
" Q1 b5 p" f# \. t9 @5 a% r
7 Z5 Y+ ]! ]" }0 c 三).處理技術上的細節 : F2 [4 a( Z+ A. _6 W9 c
阿捷經常收到的來信問題就是:我製作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至於太醜陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。
; @8 H; v- X6 W7 o f# Y$ N2 X- O. Q8 L, m3 H) l% L, W5 c
首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹M?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲H綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝! |
|